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

edited December 2016 in WooCommerce

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

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

image

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?

image

Comments

  • 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.
  • edited December 2016
    Here: {link removed}
  • 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;
    }
  • edited 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}
  • edited December 2016
    so please give me the code to replace the default product category and sub-category pages. 
  • So this is not possible because WooCommerce plugin does not allow to create custom pages. All WooCommerce pages need to be coded into files.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.