💻
Havi cosmetic theme documentation
  • Welcome
  • Installation
    • Theme
    • Shopify apps
  • Customization
    • Store settings
    • Theme settings
      • Multiple layouts
      • Colors
      • Buttons
      • Typography
      • Currency conversion
      • Wishlist
      • Search
      • Product item
      • Color swatch
        • Color swatch
        • Variant images swatch
        • Variant images grouped
      • Product detail
        • Each product has a different size chart
        • Each product has a different custom popup
      • Product quickview
        • Product variants (option selectors)
        • Product details
        • Countdown metafield
        • Short description metafield
      • GDPR and Notification someone purchased
        • How to get the product handle
      • Newsletter popup
      • Cart
      • Social media
      • Favicon
    • Page settings
      • Sections
        • Static sections
          • Announcement bar
          • Header
            • Navigation
            • Mega menu
          • Newsletter
          • Footer
        • Dynamic sections
      • Pages
        • Home
          • Custom HTML
          • Blog post
          • Brands
          • Collection list
          • Collection tab
          • Collection with image
          • Featured collection
          • Custom sub banner
          • Image with text
          • Slideshow
            • Image slide
            • Embed video slide (youtube, vimeo)
            • Video slide
          • Featured product
          • Instagram feed
          • Testimonials
          • Text with optional font awesome
          • Text with optional image
        • Password
        • Collection pages
          • Collection sidebar
        • Collection list page
        • Product pages
          • Product default layout
          • Product sticky layout
          • Related products
          • Recently viewed products
          • Upsell bundled products
          • Custom product tab
        • Blogs
        • Blog posts
        • Cart
        • Gift card
        • Custom pages
          • About
          • Contact
          • FAQ
          • Image gallery
          • Instagram shop
          • Wishlist
  • Tips
    • Change logs
Powered by GitBook
On this page

Was this helpful?

  1. Customization
  2. Theme settings
  3. Color swatch

Variant images grouped

In this article, you will find how to configure the variant images grouped.

PreviousVariant images swatchNextProduct detail

Last updated 4 years ago

Was this helpful?

Filter the variant images by color. This setting is used for and .

Media alt text configuration

As you can see in the gif image above, when a color option is selected, the image slider (on the left hand side) just displays the images related to the color.

In order to display the variant images grouped for all products correctly, you need to configure the shopify product media alt text for all products.

  1. From you Shopify Admin, go to Products

  2. Select a product

  3. In the Media section, click on a media image.

  4. Enter the alt text for the image.

  5. Click Save alt text

  6. Click Close icon on the top right of the screen

Note: the alt text must be the same as the variant color option.

Product pages
Quickview
Variant image grouped