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

Store Design
, , , ,
1

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 :slightly_smiling_face:

2

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.

3

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

Thanks though!

4

you’re welcome