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

Store Design
, , , ,

Topic summary

Goal: Move the Share button to appear directly under the product price on a Shopify product page (order: Title, Price, Share) in the Dawn theme.

Proposed approach: Edit theme code (Online Store > Themes > Edit code). In Sections (e.g., product-template.liquid), locate the price markup (often within a product-price container). Find the Share button snippet (e.g., an include/render for share-buttons) and move that code block immediately below the price. Save and preview.

Outcome: The requester resolved it by repositioning the Share snippet beneath the price.

Status: Resolved; no further issues or disagreements noted.

Summarized with AI on December 22. AI used: gpt-5.
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