Dawn Theme - How can I move the Share button on product page

[xnyjyh]

Im am trying to move the share button to right under the price on the product page.

in this order...

1 - Product Title

2 - Price

3 - SHARE button

How can I do this?

Thanks 🙂

[shahrozbabar5]

Hi @xnyjyh,

To move the Share button to right under the price on the product page in Shopify, follow these steps:

1. Access Theme Code:

   • Go to Online Store > Themes.
   • Click Actions > Edit code.

2. Find the Product Template:

   • Open the Sections folder and find product-template.liquid or a similar file.

3. Locate the Price Code:

   • Look for the code that displays the price, often inside a div with a class like product-price or similar.

4. Add Share Button Code:

   • Find the code or Liquid snippet for the Share button, usually in the form of {% include 'share-buttons' %} or similar.

5. Move Share Button Code:

   • Cut and paste the Share button code directly under the price code.

6. Save Changes:

   • Save the changes and preview your product page to ensure it looks correct.

If it resolves your issue, please mark my answer as a solution or if you still need assistance, let me know. Thank you.

[xnyjyh]

Already figured it out. I just moved % when share... 

Thanks though!

[shahrozbabar5]

you're welcome