Guza - Modern Shopify Theme
Get Guza Now
  • Introduction
  • INSTALLATION
    • Install Theme
    • Install App
    • Update Theme
  • BASIC CONFIGURATION
    • Customer Registration
    • Currency Settings
    • Shipping Rates
    • Customer Contact
    • Mobile Navigation
    • Color Theme
    • Products ( Admin )
      • Inventory
      • Collections
  • SECTION SETUP
    • All Sections In Guza Themes
      • Banner Sliders
      • Feature Collection
      • Feature Product Tabs
      • Banner Content
      • Banner Countdown
      • Product Tabs
      • Testimonials
      • Blogs
      • Instagram
      • Newsletter
      • Product Information
      • Collection Tabs
      • Contact
      • Google Map
      • Recently View
  • THEME SETUP
    • General Config
      • Favicon Image
    • Logo
    • Header
    • Typography
    • Product Item
    • Product variation swatches
    • Visitors viewing
    • Socials media
    • Search
    • Newsletter
    • Currency
    • Integration
    • Cookie Popup
    • Page Url
    • Checkout
  • NAVIGATION SETUP
    • Create new menu
    • Single link ( No dropdown or megamenu)
    • Dropdown Menu
    • Mega Menu
  • Blogs
    • Add a blog
    • Blog Layout
    • Section for blog
    • Blog Post
  • Page setup
    • Create a page
    • Create page template and add sections
    • Add page details to sections
  • Header
    • Header
  • footer
    • Create footer menus
    • Customize footer
  • collection page
    • Collection Page
    • Page Header
    • Main Collection
    • Product Filters
  • product page
    • Product Sections
    • Product Description
    • Product Information
      • Visitors Viewing
      • GuHub Countdown Timer
      • GuHub SizeChart
      • GuHub Stock Countdown
      • GuHub Automatic Discounts
      • Sticky Add To Cart
      • Add to wishlist
      • Zoom Image
      • Collapsible Tab
      • Product Reviews
      • Star Rating
    • Product Variants
    • Product Tabs
    • Product Recommendations
    • Recently Viewed
  • Tips & tricks
    • Support
    • How To Submit Ticket?
    • How long time to get Support?
    • Resource Credits
    • Theme License
Powered by GitBook
On this page
  1. product page

Product Variants

PreviousStar RatingNextProduct Tabs

Last updated 2 years ago

You can add variants to a product that comes in more than one option, such as size or color. We advise reading and familiarizing yourself with the . It is extremely well-written and easy to understand.

There are many styles to display product variants:

  • Variant Images.

  • Variant Swatches.

  • Variant Dropdown.

  1. Go to Shopify Admin -> Products -> Add Product.

  2. Enter the product title, add product images, other details.

  3. Scroll down to Options box and click on tickbox in box options.

  4. When you select Color Swatch style to display product swatches, You need to add custom colors for your products.

Go to Shopify Admin -> Online Store -> Themes -> Select Theme -> Customize -> Theme Settings -> Product Variation Swatches.

Note: Color name and variant must be same.

5.Then, go to Customize -> Products -> Default Product -> And Add block Variants Selector

Shopify Variants