Solved

Remove / Disable "Shop By" sidebar in Supply Theme

Bertriz
Explorer
55 2 26

Hi,

Would like to remove/disable the shop by side bar. Kindly advise.

Bertriz_0-1623601464126.png

 

Website: https://joyintots.myshopify.com/

Password: chobeu

Accepted Solution (1)
g33kgirl
Shopify Partner
390 109 143

This is an accepted solution.

@Bertriz, you don't need to code to do disable the sidebar. It's there in the Customizer settings to enable/disable the sidebar. 

All you need to do is go to Customize -> Click on Products link in your website (in the Customize frame) or choose Collection pages from the dropdown:

Screenshot 2021-06-15 at 4.33.36 pm.png

 

and it should take you to an options page which should look like this:

Screenshot 2021-06-15 at 4.24.30 pm.png

Click on Collection and it should display these options:

Screenshot 2021-06-15 at 4.24.39 pm.png

All you need to do is uncheck the Enable sidebar option. 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl
If you're not comfortable with code, please modify code files at your own risk.

View solution in original post

Replies 12 (12)

KetanKumar
Shopify Partner
36845 3636 11978

@Bertriz 

sorry but your current theme is doesn't visible 

can you please show me your preview theme URL if you need changes

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

g33kgirl
Shopify Partner
390 109 143

@Bertriz, are you still looking for a solution?I cannot see the sidebar in your website. 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl
If you're not comfortable with code, please modify code files at your own risk.
Bertriz
Explorer
55 2 26

Hi,

is under https://joyintots.com/collections/all 

 

Thanks!

KetanKumar
Shopify Partner
36845 3636 11978

@Bertriz 

sorry but its debut theme not a Supply Theme

We need Supply Theme your 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
KetanKumar
Shopify Partner
36845 3636 11978

@Bertriz 

sorry boss but current theme is debut

KetanKumar_0-1623663969403.png

 

can you please publish your new theme and let me know

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
Bertriz
Explorer
55 2 26

Hi,

I have just published. --> 

JoyinTots

 

thank you!

KetanKumar
Shopify Partner
36845 3636 11978

@Bertriz 

great thanks or proper URL yes please add this CSS code

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

aside#collectionFilters {
    display: none;
}
#CollectionSection .grid-item.large--four-fifths.grid-border--left {
    width: 100%;
    border-left: none;
}

 

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
Bertriz
Explorer
55 2 26

Thanks Kumar still for your time!

KetanKumar
Shopify Partner
36845 3636 11978

@Bertriz 

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
g33kgirl
Shopify Partner
390 109 143

This is an accepted solution.

@Bertriz, you don't need to code to do disable the sidebar. It's there in the Customizer settings to enable/disable the sidebar. 

All you need to do is go to Customize -> Click on Products link in your website (in the Customize frame) or choose Collection pages from the dropdown:

Screenshot 2021-06-15 at 4.33.36 pm.png

 

and it should take you to an options page which should look like this:

Screenshot 2021-06-15 at 4.24.30 pm.png

Click on Collection and it should display these options:

Screenshot 2021-06-15 at 4.24.39 pm.png

All you need to do is uncheck the Enable sidebar option. 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl
If you're not comfortable with code, please modify code files at your own risk.
Bertriz
Explorer
55 2 26

Thanks @g33kgirl for your advice! issue resolved 🙂