Add anchor tag to button

Store Design

Topic summary

A user needed to link a “pre-order vinyl” button to another button in a section below on their Shopify product page. Their initial attempt using #shopify-section-template--24291246211354 as an anchor link failed.

Solutions offered:

  • One participant clarified that buttons can link to sections, not other buttons directly
  • Another suggested trying #shopify-section-template--24291246211354__main as the anchor
  • A third provided CSS code to modify the button appearance

Resolution:
The issue was resolved when the original poster used #product-form-template--24291246211354__main (extracted from the CSS suggestion) as the link target, which successfully created the desired anchor link functionality.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hi there,

I would like the “pre-order vinyl” to link to the pre order button on the section below.

Screenshot 2025-02-05 at 13.24.21.png
Screenshot 2025-02-05 at 13.24.21.png1186×843 246 KB

I tried using the link: #shopify-section-template–24291246211354 but it didn’t work. Is there something else I can try?

Thanks!

Website

passw: chaos

2

@INFRA button can be linked to a section, not other button

3

@INFRA try #shopify-section-template–24291246211354__main

4

Hi @INFRA

Please add this code to Custom CSS in Online store > Themes > Customize > Theme settings

#product-form-template--24291246211354__main button:after {
content: 'VINYL';
padding-left: 4px;
}

Screenshot 2025-02-05 at 09.48.31.png
Screenshot 2025-02-05 at 09.48.31.png2896×1470 719 KB

1 Like
5

Hi, i wasn’t quite sure where to put it exactly, but i use "#product-form-template–24291246211354__main " from your code as the link, which worked :slightly_smiling_face:

thanks!

1 Like