Chic & Pets – Best Shopify Pets Store Theme

First of all, thank you for purchasing our Chic & Pets Shopify theme.

FEATURES:

  • Direct to checkout
  • Related products
  • Inventory quantity bar
  • Advanced ajax filter
  • Smart quickview
  • Ajax search
  • Smart mega menu
  • Mini-cart with product sub-drawer
  • Multiple menu style
  • Unlimited languages
  • Unlimited currency
  • Newsletter popup
  • Autoplay video option
  • Multiple collection layout
  • Multiple product page layout
  • Multiple header layout
  • Social sharing
  • 100% responsive design
  • Free shipping method
  • Live sale notification popup
  • Cookies popup
  • Color swatches
  • Delivery time
  • Multiple footer layout
  • Wishlist & Compare
  • Collection page product grid-view and list-view
  • Customer viewer count
  • Countdown timer
  • Multiple variant image switch

1. Installation Steps

Go to your store "Admin > Online store"

  1. Go to add theme option and upload the theme zip file to your store.
  2. Go to the publish option and publish the theme.

2. Create a Pages

Go to your store "Admin > Online store > Pages > Add page" button. Give the title of the page and content of the page then click on the save button.




2.1 Create a wishlist page

Go to your store "Admin > Online store > Pages > Add page" button. Give the title of the page and theme template select as a wishlist then click on the save button.




2.2 Create a compare page

Go to your store "Admin > Online store > Pages > Add page" button. Give the title of the page and theme template select as a compare then click on the save button.


3. Create a Blog

Go to your store "Admin > Online store > Blog posts > Add blog post" button. Give the detail of the blog, upload the featured image and select the visibility visible option then click on the save button.


5. Create a products collection

Go to your store "Admin > Online store > Products > Collections" option.

Below screenshot top right side corner click on create collection button and give the detail of the collection and save it.

6. Recommended Images size

  1. Header section logo image size is (83 X 70)px
  2. Slideshow section main banner size is (2850 X 1200)px
  3. Multicolumn section icon image size is (80 X 80)px
  4. Home category product tab section product image size is (1020 X 1020)px
  5. Sub banner section image size is (950 X 720)px
  6. Image with text list section image size is (584 X 598)px
  7. Featured collection section product image size is (1020 X 1020)px
  8. Customer reviews section image size is (66 X 66)px
  9. Blog section image size is (1381 X 960)px
  10. Multicolumn brands section image size is (200 X 120)px
  11. Instagram feed section image size is (310 X 455)px
  12. Product page video section cover image size is (1440 X 600)px
  13. Product page custom video slider section cover image size is (695 X 450)px
  14. Product custom multicolumn section image size is (346 X 346)px
  15. Sub banner 2 multicolumn section image size is (700 X 500)px
  16. Collection banner section image size is (1900 X 520)px
  17. About, Contact, Faq First image banner section image size is (1900 X 520)px
  18. About, Contact, Faq First image banner section mobile image size is (750 X 300)px
  19. About page image banner section image size is (1440 X 550)px
  20. About page image with heading section image size is (584 X 598)px
  21. About page image text section image size is (365 X 414)px
  22. About page image with text section image size is (690 X 550)px
  23. Contact page contact form section image size is (580 X 650)px
  24. Contact page multicolumn section image size is (80 X 80)px

7. Configuration Settings

Go to your store "Admin > Online store > Themes > Customize" option.

  • 7.1 Default skin color settings

    Go to "Customize > Theme settings > Colors"



  • 7.2 Font settings

    Go to "Customize > Theme settings > Typography"

    Headings:

    You can enable and disable the heading font here. If you want to use other fonts then disable the theme font option and select the font from the below option.

    Body:

    You can select the body font you want.



  • 7.3 Theme settings

    Go to "Customize > Theme settings"

    Logo:

    You can set the header logo and favicon icon from here.

    Header navigation menu:

    You can set the header navigation menu from here.
    (Note: If the desktop menu type is selected as a drawer then this menu will work.)

    Colors:

    You can add color schemes here.

    Layout:

    You can set store layout here.

    Animation:

    You can set animation settings here.

    Buttons:

    You can set all the button settings styles from here.

    Products cards:

    You can set all product card settings from here.

    Collection cards:

    You set the all collection list settings from here.

    Blog cards:

    You set the blog card settings from here.

    Media:

    You can set almost all the image settings from here.

    Cart:

    You can configure cart drawer settings from here.

    Newsletter popup:

    You can set newsletter popup enable/disable settings from here.

    Product grid swatch:

    You can set product section, filter, and product page swatches(Ex: Color) settings from here.

    Product notification popup:

    You can enable/disable product notification from here and other settings you can change.

    Cookies popup:

    You can configure cookies popup settings from here.

    Wishlist:

    You can configure wishlist page settings from here.

    Compare:

    You can configure compare page settings from here.

8. Configuration All Section Settings

Go to your store "Admin > Online store > Themes > Customize" option.

  • 8.1 Announcement bar section settings


    Go to "Customize > Announcement bar" section.


    Color Scheme:

    Select the color scheme for the announcement bar.

    Show separator line:

    Enable the option to display announcement bar bottom line.

    Social media icons:

    Enable the Show icons on desktop option to display the social icons.

    Auto-rotate announcements:

    Enable/Disable auto rotate slides for this section.

    Country/Region selector:

    Enable the country/region selector option to display a currency.

    Language selector:

    Enable the language selector option to display a language.


    Go to "Customize > Announcement bar > Announcement bar block" section.


    Text:

    Set text for the announcement bar block you want.

    Link:

    Set the redirection link for the announcement bar block you want.





  • 8.3 Custom announcement bar section settings


    Go to "Customize > Custom announcement bar" section.


    Auto-rotate slides:

    Enable/Disable auto rotate slides.

    Text alignment:

    Set the text position you want.

    Color Scheme:

    Select the color scheme for the announcement bar.


    Go to "Customize > Custom announcement bar > Announcement bar block" section.


    Text:

    Set text for the announcement bar block you want.

    Link:

    Set the redirection link for the announcement bar block you want.



  • 8.4 Slideshow section settings


    Go to "Customize > Slideshow" section.


    Layout:

    Select the layout you want.

    Slide height:

    Select the slide image height you want.

    Enable Pagination option for show pagination.

    Pagination style:

    Select the pagination style you want.

    Enable the auto-rotates slides option for rotating images.

    You can set any time between ranges for rotating the image.

    Animation:

    Select the image behavior option you want.

    Mobile layout:
    Show content below images on mobile:

    If you want to show the content below images on mobile view, select this option.


    Go to "Customize > Slideshow > Slideshow block" section.


    Image:

    Add/upload the image you want. (Recommended image size is 2850 X 1200)

    Mobile Image:

    Add/upload the image for mobile devices. (Recommended image size is 750 X 850)

    Heading:

    Set the heading text you want.

    Heading size:

    Set the heading size you want.

    Subheading:

    Set the subheading text you want.

    Button label:

    Set the button label you want.

    Button link:

    Set the redirection link of the button.

    Button style:

    Select the button style you want.

    Desktop content position:

    Set the content position on the desktop.

    Desktop content Alignment:

    Set the content alignment on the desktop.

    Color scheme:

    Select the color scheme for content. When you use this option then enable the Show container on the desktop option.

    Mobile Layout:
    Mobile content alignment:

    Set the content alignment on the mobile view.



  • 8.5 Multicolumn section settings


    Go to "Customize > Multicolumn" section.


    Add class:

    Do not remove text of the above field.

    Section width:

    Select the section width you want.

    Heading:

    Set the heading text you want.

    Image width:

    Select the image width you want.

    Custom image width:

    Select the custom image width you want. (Note: If the above image-width option is selected as a custom width then will work.)

    Image ratio:

    Select the image ratio you want.

    Select the number of columns on the desktop view.

    Column alignment:

    Set the column alignment you want.

    Secondary background:

    Select the background color for the column.

    Column background color:

    Select the column background color for the column.

    Button label:

    Set the button label text you want.

    Button link:

    Set the redirection link of the button.

    Color scheme:

    Select the color scheme for this section.

    Caption background color:

    Select the caption background color for this section.

    Caption text color:

    Select the caption text color for this section.

    Mobile layout settings:-

    The select number of columns you want to display on mobile view.

    Enable the Enable swipe on mobile option for a slider on a mobile view.


    Go to "Customize > Multicolumn > Column block" section.


    Image:

    Add/Upload the icon image you want. (Recommended image size is 80 X 80)

    Caption:

    Set the caption text you want.

    Heading:

    Set the heading text you want.

    Description:

    Set the description text you want.

    Link label:

    Set the link label you want.

    Link:

    Set the redirection page link you want.



  • 8.6 Home Category Product Tab section settings


    Go to "Customize > Home category product tab" section.


    Heading:

    Set the heading text you want.

    Heading alignment:

    Set the heading text position you want.

    Description:

    Set the description text you want.

    How many products to show then set a maximum product to show option.

    How many columns to show then set a number of columns on the desktop option.

    If you want to set the product section will be full width then enable the make products full width option.

    Button label:

    Set the button label you want.

    View all style:

    Set the button label style you want.

    Color scheme:

    Select the color scheme option for the section.

    Product Card Settings:-
    Image ratio:

    Select the image ratio you want.

    Image shape:

    Select the image shape you want.

    Show second image on hover:

    Enable the option to show a second image on mouse hover.

    Show vendor:

    Enable the option to display the vendor.

    Show product rating:

    Enable the option to display the rating.

    Enable quick add button:

    Enable the option to display the quick add button on the products.

    Show Sharing Option:

    Enable the option to display the sharing button on the products.

    Show Size Swatch:

    Enable the option to display the size swatch button on the products.

    Tab background color:

    Select the tab background color you want.

    Tab text color:

    Select the tab text color you want.

    Tab background hover color:

    Select the tab background hover color you want.

    Tab text hover color:

    Select the tab text hover color you want.


    Go to "Customize > Home category product tab > Product tab block" section.


    Collection name:

    Set the collection name you want.

    Collection:

    Select the collection from the products collection.

    If you want to make a slider this section then enable the Enable the carousel on desktop option.

    Mobile Layout Settings:-

    How many columns to display in mobile view then select the number of columns on the mobile option.

    If you want to make a slider in mobile view then Enable the swipe on mobile option.



  • 8.7 Sub banner section settings


    Go to "Customize > Sub banner" section.


    Heading:

    Set the heading text you want.

    Heading size:

    Select the heading size you want.

    Sub heading:

    Set the sub heading text you want.

    Select column:

    Select the column for how many sub banners you want to display.

    Desktop content position:

    Set the content position for the desktop.

    Desktop content alignment:

    Set the content alignment for the desktop.

    Color scheme:

    Select the color scheme for this section.

    Mobile Layout Settings:-
    Mobile content alignment:

    Set the content alignment for the mobile.

    Top padding:

    Set the top spacing for sub banner section.

    Bottom padding:

    Set the bottom spacing for sub banner section.


    Go to "Customize > Sub banner > Banner block" section.


    Image:

    Add/Upload the image you want. (Recommended image size is 950 X 720)

    Title:

    Set the title text you want.

    Sub title:

    Set the sub title text you want.

    Button:

    Set the button label you want.

    Image Url:

    Set the redirection link for the image.

    Text Color:

    Select the text color you want.

    Desktop content position:

    Set the desktop content position for the mobile.

    Desktop content alignment:

    Set the desktop content alignment for the mobile.

    Mobile Layout Settings:-
    Mobile content position:

    Set the mobile content position for the mobile.

    Mobile content alignment:

    Set the content alignment for the mobile.



  • 8.8 Image with text list section settings


    Go to "Customize > Image with text list" section.


    Add class:

    Do not remove text of the above field.

    Image:

    Add/Upload the image you want. (Recommended image size is 584 X 598)

    Image height:

    Select the image height you want.

    Desktop image width:

    Select the image width you want.

    Desktop image placement:

    Select the image position you want.

    Desktop content position:

    Set the content position in the desktop view.

    Desktop content alignment:

    Set the content alignment in the desktop view.

    Content layout:

    Select the content layout you want.

    Color scheme:

    Select the color scheme you want.

    Animation:

    Select the image behavior option you want.

    Mobile layout settings:-
    Mobile content alignment:

    Set the content alignment in the mobile view.


    Go to "Customize > Image with text list > block" section.


    Caption:

    Set the caption text you want.

    Heading:

    Set the heading text you want.

    Content:

    Set the content text you want.

    Button label:

    Set the button label you want.





  • 8.10 Customer reviews section settings


    Go to "Customize > Customer Reviews" section.


    Class name:

    Please, Don't add/remove this class.

    Heading:

    Set the heading text you want.

    Heading size:

    Select the heading size you want.

    Rating img:

    Add/Upload the image you want. (Recommended image size is 92 X 14)

    Content:

    Set the content text you want.

    Select the number of columns on the desktop view.

    Button label:

    Set the button label text you want.

    Button link:

    Set the redirection link of the button.

    Color scheme:

    Select the color scheme for this section.


    Go to "Customize > Customer Reviews > Review block" section.


    Heading:

    Set the heading text you want.

    Content:

    Set the content text you want.

    Customer image:

    Add/Upload the image you want. (Recommended image size is 66 X 66)

    Customer name:

    You can set the customer's name here.

    Rating img:

    Add/Upload the image you want. (Recommended image size is 92 X 14)

    Background color:

    Set the background color you want.

    Text color:

    Set the text color you want.



  • 8.11 Blog posts section settings


    Go to "Customize > Blog" section.


    Heading:

    Set the heading text you want.

    Heading Size:

    Set the heading font size you want.

    Heading alignment:

    Set the heading position you want.

    Blog:

    Select the blog from a created blog post list.

    Button label:

    Select the blog button label you want.

    Select the range of a number of blog posts to show.

    Select the range of a number of columns on the desktop.

    Color scheme:

    Select the color scheme for the blog section.

    Show featured image:

    To display the image enable this option.

    Show date:

    Enable this option for the display date.

    Show author:

    Enable this option for the display author.

    To display the view all button then enable this option.


    Go to "Customize > Blog > Blogs Column" section.


    Blogs Column Heading 1:

    Set the heading text you want.

    Blogs Column 1:

    Select the blog you want.



  • 8.12 Multicolumn Brands section settings


    Go to "Customize > Multicolumn Brands" section.


    Heading:

    Set the heading text you want.

    Heading Size:

    Set the heading font size you want.

    Heading alignment:

    Set the heading position you want.

    Image width:

    Select the image width you want.

    Image ratio:

    Select the image ratio you want.

    Select the number of columns on the desktop view.

    Enable/Disable slider enable the slider option.

    Autoplay slider enable the autoplay slider option.

    Column alignment:

    Set the column alignment you want.

    Secondary background:

    Select the background color for the column.

    Color scheme:

    Select the color scheme for this section.

    Mobile layout settings:-

    The select number of columns you want to display on mobile view.


    Go to "Customize > Multicolumn Brands > Column block" section.


    Image:

    Add/Upload the icon image you want. (Recommended image size is 200 X 120)



  • 8.13 Instagram feed section settings


    Go to "Customize > Instagram feed" section.


    Heading:

    Set the heading text you want.

    Description:

    Set the sub description text you want

    Heading size:

    Select the heading size you want.

    Heading alignment:

    Select the Heading alignment you want.

    Image ratio:

    Select the image ratio you want.

    If you want to set this section to be full width then enable the full width option.

    Color scheme:

    Select the color scheme for this section.

    Select the number of columns on the desktop view.

    Top padding:

    Set the top spacing for the custom instagram section.

    Bottom padding:

    Set the bottom spacing for the custom instagram section.


    Go to "Customize > Instagram feed > Image block" section.


    Custom Img:

    Add/Upload the image you want. (Recommended image size is 310 X 455)

    Image link:

    Set the redirection image link you want.



  • 8.14 Email signup section settings


    Go to "Customize > Email signup" section.


    Color scheme:

    Select the color scheme for the email signup section.

    If you want to make the section full width then enable the Make section full width option.

    Top padding:

    Set the top spacing for the email signup section.

    Bottom padding:

    Set the bottom spacing for the email signup section.


    Go to "Customize > Email signup > Block" section.


    Heading:

    Set the heading text you want.

    Subheading:

    Set the subheading text you want.





  • 8.16 Collection page settings


    (1) Collection banner section settings


    Go to "Customize > Default Collection Page > Collection banner" section.


    Show image:

    Select the show image option you want.
    (Note: If the show image is selected as a show background image then the display of the fixed below image will be set. But If the show image is selected as a show collection image then display the collection image. )

    Background image:

    Add/Upload the collection banner image you want. (Recommended image size is 1900 X 520)

    Enable the show collection description option to show the description.

    Collection banner style:

    Select the collection banner style you want.

    Enable the Show desktop parallax effect option for parallax on the desktop view.
    (Note: If style-2 is selected then it will work.)

    Enable the Show mobile parallax effect option for parallax on a mobile view.
    (Note: If style-2 is selected then it will work.)

    Color scheme:

    Select the color scheme you want.


    (2) Product grid section settings


    Go to "Customize > Default Collection Page > Product grid" section.


    Product per page:

    Select the range of how many products to display per page.

    Select the number of columns for desktop view.

    Color scheme:

    Select the color scheme you want.

    Product Card Settings:-
    Image ratio:

    Select the image ratio you want.

    Image shape:

    Select the image shape you want.

    Show second image on hover:

    Enable the option to show a second image on mouse hover.

    Show vendor:

    Enable the option to display the vendor.

    Show product rating:

    Enable the option to display the rating.

    Enable quick add button:

    Enable the option to display the quick add button on the products.

    Enable list-view quick add button:

    Enable the option to display the quick add button on the list-view products.

    Show Sharing Option:

    Enable the option to display the sharing button on the products.

    Show Size Swatch:

    Enable the option to display the size swatch button on the products.

    Filter and Sorting Settings:-
    Enable filtering:

    You can enable/disable the filter option.

    Desktop filter layout:

    Select the filter layout you want.

    You can enable/disable the Sorting option.

    Mobile layout:-

    Select the number of columns to display on mobile view.



  • 8.17 Product page settings


    Go to "Customize > Default Product Page > Template > Product information" section.


    Enable sticky content on desktop:

    Enable the option to display content sticky.

    Color scheme:

    Select the color scheme you want.

    Collection banner style:

    Select the collection banner style you want.

    Desktop media width:

    Select the desktop media image width you want.

    Constrain media to screen height:

    Enable the option to constrain media to screen height.

    Media fit:

    Select the media fit option you want.

    Desktop layout:

    Select the desktop layout you want.

    Thumbnail images setting:
    Thumbnail Postion:

    Select the thumbnail position you want.
    (Note: If the desktop layout is selected as a thumbnail or thumbnail carousel then it will work.)

    Thumbnail image radius:

    Give the thumbnail image radius you want.

    Vertical Postion:

    Select the vertical position you want.
    (Note: If the thumbnail position is selected as a vertical then it will work.)

    Desktop media position:

    Select the desktop media position you want.

    Image zoom:

    Select the image zoom option you want.

    Mobile layout:

    Select the mobile layout option you want.

    Hide other variants’ media after selecting a variant:

    If you want to hide other variants thumbnail image after selecting a variant then enable this option.

    Enable video looping:

    If you want to continuously play a video then enable the option.

    Select color swatch option:

    If you select the color option then the color will display but if you select the image option then the image will be displayed.
    (Note: If you select the product variant image then the image option will work. But If you want to show color only then choose the color option.)



9. Default Section And Basic Option Settings

Go to your store "Admin > Online store > Themes > Customize" option.

  • 9.1 Minicart/Cart settings

    Go to "Customize > Theme settings > Cart" option.


    Cart type:

    Select the cart type you want.

    Show vendor:

    Enable the option for display vendor.

    Enable cart note:

    Enable the cart note for display cart note option.

    Enable free shipping:

    Enable the option for displaying free shipping.

    Enable express shipping:

    Enable the option for displaying express shipping.

    Step 1 title:

    Set the step1 title for free shipping.

    Step 1 image:

    Add/upload the free shipping icon image. (Recommended image size is 40 X 33)px

    Step 1 amount:

    Set the step1 amount for free shipping.
    (Note: You have to add the price multiplied by 100. Example: 100=$1,1000=$10 etc...)

    Step 1 Success Msg:

    Set the step1 success message for free shipping.

    Step 2 title:

    Set the step2 title for express shipping.

    Step 2 image:

    Add/upload the express shipping icon image. (Recommended image size is 40 X 33)px

    Step 2 amount:

    Set the step2 amount for express shipping.
    (Note: You have to add the price multiplied by 100. Example: 100=$1,1000=$10 etc...)

    Step 2 Success Msg:

    Set the step2 success message for express shipping.

    Background color:

    Set the shipping background color you want.

    Shipping Bg Color:

    Set the shipping bar background color you want.

    Collection heading:

    Set the collection heading text you want.

    Collection:

    Select the collection from the products collection list.

    Collection banner:

    Add/Upload the collection banner image you want. (Recommended image size is 320 X 100)

    Collection banner url:

    Set the redirection link for the collection banner url.

    Color scheme:

    Select the color scheme you want.



  • 9.2 Newsletter popup section settings


    (Q) How to enable or disable newsletter popup ?

    Answer: Go to your store "Admin > Online store > Themes > Customize > Theme settings > Newsletter Popup" option.

    Go to "Customize > Newsletter" section.


    Image:

    Add/Upload the newsletter image you want. (Recommended image size is 375 X 350)px

    Mobile image:

    Add/Upload the newsletter mobile image you want. (Recommended image size is 400 X 200)px

    Title:

    Set the title text you want.

    Content:

    Set the content you want.

    Button label:

    Set the button label you want.



  • 9.3 Product grid swatch settings


    (Q) Where will the swatches color be applied ?

    Answer: Swatches will be shown in every product section, collection page filter, and product page.

    Go to "Customize > Theme settings > Product grid swatch" option.


    Swatch Enable / Disable:

    You can enable/disable swatches from here.
    (Note: Either you can use color swatches code or color swatches image.)

    Color swatches name:

    You have to set proper variant name that will be display color swatches.

    Color swatches code:

    Set the variant color name and color code in given format. (Ex: Beige: #f4ecc2)
    (Note: Names must exactly match variant names.)

    Color swatches image:

    Set the variant color name and file name in given format. (Ex: Black: black.png)
    (Note: Upload images via Admin > Content > Files in the admin. Names must exactly match variant names. File names are case sensitive.)



  • 9.4 Product notification popup settings


    Go to "Customize > Theme settings > Product notification popup" option.


    Show Products Notification?:

    Enable the option to show product notification popup.

    Hide Notification in mobile:

    Enable the option to hide product notification popup in mobile.

    Show Products Notification?(Collection):

    Select the products collection for which products to show for the notification popup.

    Title:

    Set the title text you want.

    Show Fake Time?:

    Enable the option for showing fake time.

    Time text:

    Set the time text you want.

    Location text:

    Set the location text you want.

    Fake Locations:

    Set the fake location name you want.

    Verify text:

    Set the verify text you want.

    Delay Time:

    Set the delay time you want.
    (Note: You have to add the delay time in milliseconds. Example: 1000= 1 seconds,10000=10 seconds etc...)

    Display Time:

    Set the display time you want.
    (Note: You have to add the display time in milliseconds. Example: 1000= 1 seconds,10000=10 seconds etc...)

    Background color:

    Select the background color for the notification popup.

    Text color:

    Select the text color for the notification popup.





  • 9.6 Wishlist page settings

    Go to "Customize > Theme settings > Wishlist" option.


    Enable Wishlist:

    You can enable/disable wishlist from here.

    How many columns to show then set a number of columns on the desktop option.

    Product card settings:-
    Image ratio:

    Select the image ratio you want.

    Show second image on hover:

    Enable the option to show a second image on mouse hover.

    Show vendor:

    Enable the option to display the vendor.

    Show product rating:

    Enable the option to display the rating.

    Enable quick add button:

    Enable the option to display the quick add button on the products.

    Wishlist bkg color:

    Select the wishlist background color you want.

    Wishlist icon color:

    Select the wishlist icon color you want.

    Wishlist bkg hvr color:

    Select the wishlist background hover color you want.

    Wishlist icon hvr color:

    Select the wishlist icon hover color you want.

    Wishlist icon size:

    Set the wishlist icon size you want.

    Mobile layout settings:-

    Set the number of columns on the mobile view.



  • 9.7 Compare page settings

    Go to "Customize > Theme settings > Compare" option.


    Enable compare:

    You can enable/disable product compare from here.

    How many columns to show then set a number of columns on the desktop option.

    Product card settings:-
    Image ratio:

    Select the image ratio you want.

    Enable quick add button:

    Enable the option to display the quick add button on the products.

    Compare bkg color:

    Select the compare background color you want.

    Compare icon color:

    Select the compare icon color you want.

    Compare bkg hvr color:

    Select the compare background hover color you want.

    Compare icon hvr color:

    Select the compare icon hover color you want.

    Compare icon size:

    Set the compare icon size you want.

    Mobile layout settings:-

    Set the number of columns on the mobile view.



10. Show multiple variant images of the selected variant settings

Go to your store "Admin > products" option.

  • Go to the "Products > Select any product" and follow the below steps.

    Step-1: Go to the selected product.

    Step-2: Select the variant images.

    Step-3: Hover over the media image and click on the image a popup will open then edit the alt text and then save. Do the same process for other images.
    (Note: Variant names must match with alt text.)

11. Configuration Basic Settings

  • (1) Payments method settings

    Go to your store "Admin > Settings > Payments" option.

    Here you can add payment methods you want.

  • (2) Customer accounts settings

    Go to your store "Admin > Settings > Customer accounts" option.

    Here you can set customer account related settings.

  • (3) Shipping and delivery settings

    Go to your store "Admin > Settings > Shipping and delivery" option.

    Here you can set shipping and delivery related settings.

  • (4) Language settings

    Go to your store "Admin > Settings > Language" option.

    Here you can add language and change the default language.

  • (5) Country/region settings

    Go to your store "Admin > Settings > Markets > Manage > Edit" option.

    Here you can add country/region.

  • (6) How to add all images settings

    Go to your store "Admin > Content > Files" option.

    Here you can upload single and multiple images.