What's your biggest current challenge? Have your say in Community Polls along the right column.

How To Move 'View All' Button For Featured Collection To The Bottom Middle In Enterprise Theme

Solved

How To Move 'View All' Button For Featured Collection To The Bottom Middle In Enterprise Theme

Evaelle
Excursionist
18 1 1

Hi,

 

I use the Enterprise theme and I can’t change my 'See All' button that is in the "featured collection" block, it is basic at the top and center in the middle before the products in the collection and I would like to put it down, in the middle at the end of the block so that customers do not need to go back to the top of the collection to access all products.
The button should be well placed in the middle and bottom as much on phone as on computer.

 

Thank you in advance for your solutions.

 

Capture 1 Shopify Aide.jpegCapture 2 Sh.jpegCapture d’écran 2023-11-12 à 14.20.47.png

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10338 2049 2132

This is an accepted solution.

Hi @Evaelle 

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below before </head> tag 

<style>
#shopify-section-template--21185269662037__9db3841b-a53a-4d1c-80ae-506af2731cca .section {
    position: relative;
}
#shopify-section-template--21185269662037__9db3841b-a53a-4d1c-80ae-506af2731cca .section .section__header a.link {
    position: absolute;
    top: 100%;
}
</style>

- Helpful? Like and Accept solution! Or Support me: Buy Coffee
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
10338 2049 2132

This is an accepted solution.

Hi @Evaelle 

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below before </head> tag 

<style>
#shopify-section-template--21185269662037__9db3841b-a53a-4d1c-80ae-506af2731cca .section {
    position: relative;
}
#shopify-section-template--21185269662037__9db3841b-a53a-4d1c-80ae-506af2731cca .section .section__header a.link {
    position: absolute;
    top: 100%;
}
</style>

- Helpful? Like and Accept solution! Or Support me: Buy Coffee
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Evaelle
Excursionist
18 1 1

Thank you so much !

Dan-From-Ryviu
Shopify Partner
10338 2049 2132

You are very welcome!

- Helpful? Like and Accept solution! Or Support me: Buy Coffee
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.