How to change position of compare button ?

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.

Was this article helpful?

Related Articles

Leave A Comment?