How to change position of compare button ?

Created by Justin Nguyen, Modified on Thu, 18 Aug, 2022 at 11:16 PM by Justin Nguyen

1. From your Shopify admin, go to Online Store > Themes.

2. Find the theme you want to edit, and then click Actions > Edit code.

3. Add the code snippet

On Collection Page

Put the following code where you want to show compare button

<div style="padding-bottom: 30px"><a style="display: block;" href="#" data-product-url="{{ product.handle }}"></a></div>

On Product Page

Put the following code where you want to show compare button

<div style="padding-bottom: 10px"><a style="display: block;" href="#" data-product-url="{{ product.handle }}"></a></div>

4. Click Save.