How to add "View All" button on my featured collections on my home page - Brooklyn theme

[505Lifestyle]

Hi, im using a brooklyn theme and i wanted a view all button below my featured collection on my home page which takes me to the whole collection.

Can someone help me with how to do this - which code to add where so this would be possible?

Thanks!

[Guleria]

Hello @505Lifestyle ,

Edit featured-products.liquid you can find this file under Sections.
Here just below of ( {% endif %} ) line no. 57 add this code

View all

Rest do css a/to your need.

Thanks

[dmwwebartisan]

@505Lifestyle

Sure, you can add button like this:

View All

You can change href where you want to redirect

[505Lifestyle]

hey thanks for the response!!

The button got added but it’s off center, how do i bring it to the center below the collection!

Also, I was looking for something like the Debut theme function on my brooklyn theme - for the featured collections on my home page,like this -

Please let me know if you can!!!

[Guleria]

Add this css

1. Go to Online Store->Theme->Edit code
2. Asset->timber.scss.liquid paste bellow code in bottom of file

.view_all {
    border: solid;
    font-size: large;
    text-align: center;
    width: 100%;
}

Yes it’s possible to add same feature in Brooklyn theme but it need customization.

Thanks

[505Lifestyle]

and can you tell me if possible how to customise to have the same function on my brooklyn theme as in the debut theme?

These functions -

[Ney-Ney]

Hi there,

i’m struggling with the same view all-button, I have added the code below to nr 57 line, but still does not appear any view all button,

May I get any help, pls?

Thanks

View all

[Ney-Ney]

Thanks so much