Add to Wishlist Button Placement
On the product details page, our “Add to Wishlist” button gets attached below/next to the “Add to Cart” button based on the available space on that page layout/division and based on the HTML code of your theme.
To place the button elsewhere, you would need to create an empty div selector by placing the HTML code in the theme file. The steps mentioned below, would help you reposition the ‘add to wishlist’ button next-to/below the price.
Step 1: Goto Shopify Admin Console > Online Store > Themes > Edit Code
Step 2: Find the template/snippet file which renders your product page and add the code below at the position where you prefer to attach our button. Here for example, we are placing it next to the Price element.
HTML code to be copy-pasted:
<!-- Swym button on product pages --> <div class="swym-dummy"> <span class="swym-button"></span> </div> <!-- Swym button on product pages -->
Step 3: After adding the dummy selectors to your product template, contact the support team and ask them to attach the button into the dummy selectors.
Once the support team has attached the button into the dummy selector, you can use CSS to style/align the button if required.