How do theme presets position the wishlist?

Theme presets tell Wishlist Hero where buttons and icons sit on your specific theme, so the app can position itself correctly without CSS work. This guide shows where to set presets, when auto detection is enough, and how to fix positioning when a theme was customized.

Where presets live

• The Theme styling preset dropdown in the App Configuration embed settings controls the product page button and general positioning.
• The Theme Preset dropdown in the Collections Icon block controls the collection page icon.

Both default to auto detection, which recognizes the theme family from the storefront markup.

When auto detection is enough

On unmodified themes from the Shopify theme store, leave the preset on auto. The app identifies the theme and applies its known selector map: where the button goes on product pages, where the card icon goes in grids, and where the header count bubble attaches.

When to set the preset manually

Pick the theme manually when:

• The theme was renamed or restructured by a developer
• The button appears twice or in the wrong container
• The header count bubble attaches to the wrong header element

Select the closest match by family. For example, a Dawn derived theme should use the Dawn preset.

Presets do not cover your case

When no preset positions correctly, use the manual controls instead of the preset: