Re: Add button to product information section of product page

Add button to product information section of product page

CraigReep
Excursionist
54 0 3

Hi, In the product information part of my product page. I can only add a buy button. I would like to add a normal button to this part too. This button will be an anchor link and will just take them further down the page which I know how to do, although its important its just below the product title and theres no option to add a button here.

To visualise, this would be just below "Double swan top made to measure wooden gate"


Any ideas?

Thanks

https://madetomeasurewoodengates.co.uk/products/double-swan-top-gate

Replies 2 (2)

AnneLuo
Shopify Partner
978 186 210

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Customize.
Step 2: Find the products template. Add a custom liquid block below the title.

AnneLuo_0-1724287240197.png

step 3: Add the following code to the custom liquid.

<button class="button">
  <a href="/collections/all">Shop All</a>
</button>

<style>
.button{
  border-radius: 20px;
}
.button a{
  color:#fff;
  text-decoration: none;
}
</style>

You can change the href of the <a> tag to you store link.

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

CraigReep
Excursionist
54 0 3

Hi, is there a way to have this button on my defualt product template. But to use it as an anchor link to send them further down the page, on each of the products that use the template. So if I have 20 products on this template, I want it where if they click it it brings them down to s specific point on each page