Docs

[Hosting NSB]

Hi all, you have a such a wonderful theme. I have a question though

I would like WooCommerce items (archives) to be displayed as a list view, like the normal post structure of blogs in your theme.

I have installed a Grid / List toggle (multiple different ones) and they do not seem to work. I would imagine this is because the styling that is applied by X theme. So that led me here.

How would I go about changing the items to a list view like the norma x theme posts, instead of mason

Thank you so much in advance!

[Rue Nel]

Hello There,

Thanks for writing in! The default design of the shop page in X is in Grid view. We do not have a list view version. You need to redesign the layout into a list view by adding some custom css. please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(min-width: 768px){
  .woocommerce ul[class*="cols-"] li.product{
    width: 100%;
  }

  .woocommerce ul[class*="cols-"] li.product .entry-featured {
    width: 25%;
    float: left;
  }

  .woocommerce ul[class*="cols-"] li.product .entry-wrap {
    position: relative;
    width: 75%;
    float: right;
  }

  .woocommerce ul[class*="cols-"] li.product .entry-header .button {
    display: inline-block;
  }
}

Please let us know if this works out for you.

[Author]

Posts