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

📍Reposition swatches on the product page

Move the product-group swatches anywhere on your product page.

By default, the app picks a spot on your product page and shows the product-group swatches there — no setup needed. To put them somewhere else (above the price, under the description, next to Add to cart…), add the AWE Product Groups app block and drag it into place.

🛠️ Steps

1

Open your theme editor

Go to Online Store → Themes → Customize, and open a product template.

2

Add the block

In the section that holds your product details, click Add block → Apps → AWE Product Groups.

Apps tab with the AWE Product Groups app block
1. Open the Apps tab. 2. Choose AWE Product Groups.
3

Move it and save

Drag the block to where you want the swatches, then click Save.

AWE Product Groups block in the product template with Save highlighted
1. Drag the AWE Product Groups block into position. 2. Save the theme.

How it works

  • The block marks the spot — the swatches show inside it instead of their default place.

  • Remove the block any time to go back to the default position.

  • The block has no settings of its own.

The block only works while the AWE Color Swatches app embed is on. See Enable the app embed.

→ Want to move the option swatches (Color, Size…) above or below your title, price or buy buttons? Go to Settings → Change variants position and our team sets it up for you.


💬 If you have any related questions, please contact us via Live chat in the app.

Last updated

Was this helpful?