How to have custom-styled Product Categroy & Sub-Category pages?

DeadWire3 · December 2016

we don't want the product category page to look like this:

how can we style it using the muffin builder? and also the sub-category pages which appear like so:

and then how do we make the links referred to in the following image or even in the sidebar via the woocommerce product categories work accordingly?

Albert · December 2016

Hi,

please send us link to page where you would like to change position of categories so we can have a look on it. However, we do not have any solution to change already hardcoded link.

DeadWire3 · December 2016

Here: {link removed}

Albert · December 2016

Ok, thanks. So to increase the width of archive woocommerce pages, you need to use the following css:

.archive.woocommerce .sections_group { width: 100% !important; }
.archive.woocommerce ul.products.col-4 li.product:nth-child(5n+1) {
    clear: both;
}
.archive.woocommerce ul.products.col-4 li.product {
    width: 18% !important;
}

DeadWire3 · December 2016

hey,that is not what i wanted. i wanted to create a new page and style it with muffin builder, and set that page as the category page

i want to style it like this page: {link removed}

DeadWire3 · December 2016

so please give me the code to replace the default product category and sub-category pages.

Albert · December 2016

So this is not possible because WooCommerce plugin does not allow to create custom pages. All WooCommerce pages need to be coded into files.

How to have custom-styled Product Categroy &amp; Sub-Category pages?

Comments

How to have custom-styled Product Categroy & Sub-Category pages?