Search Knowledge Base by Keyword

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. 

Note: Our button codes are dynamically rendered and you won’t find the code on the product template. Hence, you would need to contact us to reposition the button as you prefer.Alternatively, you can choose to create a custom button and wire our app to the custom button using our Javascript APIs. This way the position and style of the button would always be under your control without having to contact us. 

Let's discuss your needs!

Let's discuss your needs!