Shop categories columns and category page additional sections

aeg178 · September 2023

Hello,

I have a couple of questions. My e-shop with your theme:

1) Landing page: How can I have shop categories in 4 columns for desktop and 2 columns for mobile? Currently if I change it to 2 columns so it would look ok in mobile then it changes it also for desktop version.

2) Shop category page - I would like to add additional sections there at the end, for example all categories, other procucts etc. Where can I find the category page so I could change it and add sections?

Thank you!

Mariana

Phil · September 2023

Hi,

1) Please set up in product categories element 4 columns, and use the following CSS code:

@media only screen and (max-width:767px){
.shop_categories .products .product-category{
 width: 48%!important;
}
.shop_categories .products .product-category:nth-child(4n+1){
 clear: unset!important;
}
.shop_categories .products .product-category:nth-child(2n+1){
 clear: both!important;
}
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

2) You can create a template for the categories. See the following video tutorial:

https://support.muffingroup.com/video-tutorials/how-to-create-custom-template-for-the-shop/

Thanks

aeg178 · October 2023

Thank you!

Shop categories columns and category page additional sections

Comments