Swatches Appearing in the Wrong Position

Problem: Swatches appear on the page but in an unexpected location, such as below the add to cart button instead of below the product title.

Solutions:

• Select the correct theme type.

Go to Dashboard → "Manage app embed" and enable "Show theme types". Make sure your active theme is selected correctly. Choosing the correct theme type helps the app inject swatches into the intended DOM position.

• Use app blocks for precise positioning.

Go to Dashboard → "Manage app blocks" → "Product page widget" and click "Change position". This opens the Shopify theme editor where you can drag the swatch block above or below elements like title, price, or buy buttons.

• For product card swatches, use the product card block.

In "Manage app blocks", add the product card widget to your collection or grid templates. App blocks provide more reliable positioning and improved performance for product cards.

Updated on: 16/02/2026