Re: Collection List Page - view 2 collections on the row on desktop

MM93 · ‎11-30-2023

Hello Everyone!

I would like to ask for help with Collection List Page.
I need to show 2 collections on the row on the desktop format.
Standard one is 3 - comparing to uploaded screenshot.
I'm using debutify theme.

Regards Mikołaj

Dan-From-Ryviu · ‎11-30-2023

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

<style>
@media (min-width: 1025.1px){
#CollectionListSection .large--four-twelfths {
    width: 50%;
}
}
</style>

- Helpful? Like & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎12-06-2023

Code updated

<style>
@media (min-width: 1025.1px){
#section-template--19571416760655__6a31b138-acd2-4709-808b-2d40bd88db3f .large--four-twelfths,
#CollectionListSection .large--four-twelfths {
    width: 50%;
}

}
</style>

- Helpful? Like & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎11-30-2023

Could you drop your store URL to check?

- Helpful? Like & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

MM93 · ‎11-30-2023

https://rehaclub.pl/collections

Dan-From-Ryviu · ‎11-30-2023

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

<style>
@media (min-width: 1025.1px){
#CollectionListSection .large--four-twelfths {
    width: 50%;
}
}
</style>

- Helpful? Like & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

MM93 · ‎11-30-2023

Many Thanks! It works 🙂

Dan-From-Ryviu · ‎11-30-2023

You are very welcome

Best regards,
Dan from Ryviu: Product review app

- Helpful? Like & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

MM93 · ‎12-06-2023

Dear Dan
I have one last case, if you are not bored for my questions 🙂
At my homepage, there is another collection picture-glitch:

Maybe you have similar solution for this one?
(I need to have 2 collections in a row here too).

Best regards
Mikołaj

Dan-From-Ryviu · ‎12-06-2023

Code updated

<style>
@media (min-width: 1025.1px){
#section-template--19571416760655__6a31b138-acd2-4709-808b-2d40bd88db3f .large--four-twelfths,
#CollectionListSection .large--four-twelfths {
    width: 50%;
}

}
</style>

- Helpful? Like & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

MM93 · ‎12-06-2023

One more time, many many thanks for your help!

Best regards
Mikołaj

Dan-From-Ryviu · ‎12-06-2023

Very welcome

- Helpful? Like & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Re: Collection List Page - view 2 collections on the row on desktop

Collection List Page - view 2 collections on the row on desktop

Community Blog Articles