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..
Topic summary
Goal: add an “All Products” button beneath the Featured Collection on a Shopify store using the Dawn theme.
Approaches shared:
- Theme editor method: insert a Custom Liquid section and add simple link/button markup so it appears under the featured collection. (Custom Liquid = a block that accepts custom HTML/Liquid.)
- Code edit method: open Sections > featured-collection.liquid, insert an anchor link where the featured collection renders, then style it by adding a .custom-button class in Assets > base.css (theme stylesheet). Colors, width, and spacing are adjustable.
Key terms: Dawn theme = Shopify’s default theme. featured-collection.liquid = the section template rendering the Featured Collection. base.css = the main CSS file.
Outcome: original request solved; the code/CSS approach worked for the requester.
New development: another participant asked how to add a button in a specific homepage area and match the appearance of a reference button. Two images were provided (placement and style are image-dependent), but no solution has been posted yet.
Status: first issue resolved; follow-up styling/placement request remains open pending guidance.
