HOW TO CHANGE MAGENTO 2 COLUMN CATEGORY PAGE?
View more Magento 2 Extension
Most Magento Themes, we support to choose layout for category which is counted column in listing page( category page).
Hence, we don’t support to 3 column, 4 columns. It causes a lot of the inconvenience for all. So it is the reason why we
write this tutorial “How to Change Magento 2 Column Category Page”.
Let’s start!
1. For not available Layout category: 3 columns, 4 columns, 5 columns
Admin -> Ves ThemeSetting -> Customization -> Add custom css below to the box “Custom CSS”:
PHP Code:
@media (min-width: 992px) {
.grid.products-grid .product-item{width: 33.333%;} //Show 3 Item products
}
PHP Code:
@media (min-width: 992px) {
.grid.products-grid .product-item{width: 25%;} //Show 4 Item products
}
PHP Code:
@media (min-width: 992px) {
.grid.products-grid .product-item{width: 20%;} //Show 5 Item products
}
After that, you have to Clear cache at your store and refresh your store. Learn How to clear Cache in Magento 2
2. Themes available category layout: Admin -> Products -> Categories -> Design -> Layout:
Choose Theme Layout:
Empty:
1 column
2 columns with left bar
2 column with right bar
3 column
1 column full width
3. Some our Magento 2 Themes is available with category listing page for columns.
You can choose directly at frontend. No touch any at backend. View detail Ves cricket:
all our Guide for change Magento 2 Column Category Page. We hopes that it is useful
guide for you to change column in category page.
Relate Magento 2 Posts onVenusthemes:
MEMBERSHIP-MAGENTO-THEMES
MAGENTO-2-TUTORIALS
ADD-PRODUCT-ATTRIBUTES-MAGENTO-2
MAGENTO-2-IMPORT-PRODUCTS
HOW-TO-CLEAR-CACHE-MAGENTO-2
ELECTRONIC-THEME-FOR-MAGENTO-2
ADD-IMAGE-PRODUCT-MAGENTO-2
BEST-MAGENTO-2-THEME-VERTICAL-MENU
MAGENTO-2-THEME-EDITOR
HOW TO ADD CUSTOM TOP LINKS IN HEADER
View more threads in the same category:
How to change magento 2 column category page?
Reply With Quote
Bookmarks