How to add a custom button on homepage - dawn theme

[Sato71]

Hello, I'm trying to add a custom button under my featured collection, I want it to say "All Products" and it needs to link to my "All Products" collection, is there a way to do that? (Dawn theme) My store is kennasatodesigns.com

Thanks!

 

[PageFly-Henry]

Hi @Sato71 ,

This is Henry at PageFly - Shopify Advanced Page Builder app.

You can try this code by following these steps:

Go to Online store => themes => Customiz => add section => custom liquid and add this code on custom liquid

<a href="your_button_link" class="custom-button">Button Text</a>

Hope this answer helps.

Best regards,

Henry | PageFly

[Kudosi-Tracy · Accepted solution]

Hello @Sato71 ,

You can try to follow these steps:

• Go to Online Store -> Themes -> Actions -> Edit code
• Go to Sections -> featured-collection.liquid file or something name similar to this
• Find the section of the code where your featured collection is displayed.
• Add the following HTML code to create the custom button:

<a href="/collections/all" class="custom-button">All Products</a>

Go to Assets folder -> base.css file -> add the following code at the bottom of page

.custom-button {
  display: block;
  width: 200px; /* Adjust the width as needed */
  height: 40px; /* Adjust the height as needed */
  background-color: #000000; /* Replace with your desired background color */
  color: #ffffff; /* Replace with your desired text color */
  text-align: center;
  line-height: 40px; /* Adjust the line-height to vertically center the text */
  text-decoration: none;
  margin: 20px auto; /* Adjust the margin as needed */
}

Save changes. 

Hope this can help. Let us know if you need any further support.

Ali Reviews team.

[Sato71]

That worked, thank you!

[Omoobakhay]

Please I need your help on this.. I want to add a button to this area marked on the image attached below. and make the button looks like the second button on the reference image as well... on my website.. i want the buttons to look similar to this second images attached to the request.. Thank you..