page.list-collections , Debutify 3.0.2

Solved
escobareto
Tourist
10 0 6

Hi. I´m having an issue with Debutify latest version, 3.0.2. All my pages under the template "page.list-collections" are now showing the collections in one big central column. I´m coming from Debutify 2.0.2 and everything is working fine there, and the collections show in 4 columns. 

When I updated from Deb2.0.2 to Deb3.0.2 I had to create again the "page.list-collections" template, and added the new code in it. It´s not a specific code for Debutify, but it´s the same I had working with Deb2.0.2.

Everything else is fine, it´s just all pages containing collections. Any help will be truly appreciated.

My url is: www.shapesofwisdom.com

And this is an example of what I mean

Many Thanks in advance

 

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24919 2495 9027

This is an accepted solution.

@escobareto 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

#search-by-crop-circle .main-content {
    max-width: 1170px;
    margin: 0px auto;
    padding: 0px 20px;
    margin-top: 30px;
}
#search-by-crop-circle .main-content .grid-uniform {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}
#search-by-crop-circle .main-content .grid-uniform .grid__item {
    max-width: 25%;
    flex: 0 0 25%;
}
@media only screen and (max-width: 1024.5px) {
#search-by-crop-circle .main-content .grid-uniform {
    margin-left: -15px;
}
#search-by-crop-circle .main-content .grid-uniform .grid__item {
 max-width: 50%;
    flex: 0 0 50%;
}
}

After Code View

KetanKumar_0-1623639366302.png

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 17 (17)
KetanKumar
Shopify Partner
24919 2495 9027

This is an accepted solution.

@escobareto 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

#search-by-crop-circle .main-content {
    max-width: 1170px;
    margin: 0px auto;
    padding: 0px 20px;
    margin-top: 30px;
}
#search-by-crop-circle .main-content .grid-uniform {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}
#search-by-crop-circle .main-content .grid-uniform .grid__item {
    max-width: 25%;
    flex: 0 0 25%;
}
@media only screen and (max-width: 1024.5px) {
#search-by-crop-circle .main-content .grid-uniform {
    margin-left: -15px;
}
#search-by-crop-circle .main-content .grid-uniform .grid__item {
 max-width: 50%;
    flex: 0 0 50%;
}
}

After Code View

KetanKumar_0-1623639366302.png

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

escobareto
Tourist
10 0 6

Wow, It worked perfectly!....for that page. Thank you!

Is there a way I can do the same change for all the pages with the same issue at the same time or should I copy that piece of code one time for each page, changing the page name where needed?

Many thanks

KetanKumar
Shopify Partner
24919 2495 9027

@escobareto 

Thanks for update 

yes, you are current just use same code just change page name id that's it

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
escobareto
Tourist
10 0 6

Many many thanks for your kind help.

KetanKumar
Shopify Partner
24919 2495 9027

@escobareto 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
escobareto
Tourist
10 0 6

Hi, you helped me a lot with this issue some time ago, and I´m having a similar problem. I did what you told me and added that piece of code for each page I want to hold collections in it and everything works fine, but I have added a language to my store (spanish), and when I change to spanish all the pages show the collections in one single row again.

My theme is Debutify, which is great, but I can´t update it if I don´t find the way to fix this. I´ve been looking for a solution quite a while and I see many people is having the same problem and there´s not a clear and easy solution. Some people fixes it like this, others like that, but nothing seems to work for everyone.

Thank you very much in advance

KetanKumar
Shopify Partner
24919 2495 9027

@escobareto 

oh sorry for again some issue 

can you please share issue image so i will check and guide you

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
escobareto
Tourist
10 0 6

Hi KetanKumar, thanks for your quick answer. I´m sending you an image showing the issue in 4 different pages, but it is the same in all the pages that contain collections under the template page.list-collections.

Thank you in advance

KetanKumar
Shopify Partner
24919 2495 9027

@escobareto 

can you please sent spanis store url 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing