Show product group online store

1

Enable app embed

Go to theme customize -> find GLOBO Color Swatch -> enable app embed

Enable app embed
2

Show on product page

You can use the app block to move product group up and down to the position you want.

Go to product page -> add block

Add app block

In tab Apps -> Choose Product Groups of GLOBO Color Swatch

Add app block

E.g: show on product page

Show on product page
3

Show on collection page

The application will automatically find the product card on the collection page and other pages to display bellow product title, so for the collection page you just need to enable the show on collection page setting in the product group configuration to complete.

In case the application has not recognized the product card to display the product group, please contact us via [email protected]

If you want to control the position, use the following code and add it to the prodct item card, note that this action you need to understand the liquid code. App automatic show on collection page if you enable on

<div class="globo-product-groups-collection"></div>

E.g: show on collection page

Show on collection page

More customize?

  • Show sold out style for product group

  • Hover option color/image and change image in card product on collection

  • Customize style product group

For further assistance, contact us via [email protected]

Last updated