For the complete documentation index, see llms.txt. This page is also available as Markdown.

Change swatch position on product detail page

You can easily move the swatches to any position on your product page using Shopify's theme editor.

Steps by steps

  1. In Shopify Admin, go to Online Store → Themes → Customize.

  2. Open a product page template.

  3. In the left sidebar, find the Variant Swatches app block.

  4. Drag and drop the block to your preferred position.

  5. Click Save.

You can use the application block to move to the position you want.

Required* :

  • The theme's default Variant Picker block must remain on the product page for variant selection and Add to Cart functionality to work properly.

  • You can move the app block anywhere within the product information section.

  • If you would like to hide the theme's default variant picker and display only the app's swatches, please contact our support team at contact@globo.io for assistance.

Add block variant swatchs

💬 Need help?

Email us at 📧 contact@globo.io - we’re happy to assist!

Last updated

Was this helpful?