Docs

[quituck]

Hi,
I’m in the process of setting up my woo commerce pages and I’m getting a message above my items that I would like to have removed. Can you tell me what I need to do so my page looks normal?

[quituck]

This reply has been marked as private.

[quituck]

In addition to my last question can you tell me why my shop page only displays one item? I was hoping that it will look similar to the integrity shop page demo and it looks nothing like the demo. Any idea how I can achieve the demo look?

Thank you!

[Rue Nel]

Hello There,

Thanks for writing in! This issue occurred because the columns were not initialized or has been set only to one column. To resolve this issue, please go to your customizer, Appearance > Customize > WooCommerce > Shop Layout and select at least Two columns. You may also need to choose other options as well.

Hope this helps. Please let us know how it goes.

[quituck]

It worked. Thank you

3 more questions

1.) Is there a way I can center the buttons on my woo commerce shop page?
2.) How do I add a filter by price? http://demo.theme.co/shop-integrity/
3.) If I wanted to create a custom shop page is there an easy way to import my products into a grid without having to add each product individually?

Thanks

[Nabeel A]

Hi again,

1. To fix the buttons, just add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.addtocartbutton {
    width: 100% !important;
}

2. You can add a filter by price by going to Appearance > Widgets > WooCommerce Price Filter (see attached)

3. You can use Essential Grid https://essential.themepunch.com/woocommerce-grid-jason/

Hope this helps!

[quituck]

Thank you.

I need help with one more thing. I’m having difficulty displaying my side bar on my woo commerce shop page. Any idea how to have my woo commerce side bar display on my shop page?

Thanks again!

[quituck]

In addition to my last question can you also advise me on how to change the background color of my Woo Commerce shop page?

Thank you

[Nabeel A]

Hi again,

To display the sidebar on your shop page, you’ll need to change the layout from Fullwidth to Content left, sidebar right. To do this, navigate to Appearance > Customize > Layout and Design > Content Layout and change the layout. For your other pages that needs to be displayed in fullwidth, you can change the page template to Fullwidth under Page Attributes.

Then add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-content-sidebar-active .x-sidebar {
    width: 27% !important;
}
.x-content-sidebar-active .x-main {
    width: 70% !important;
}

To change the background color of your shop page, add the following code in your Customizer:

.woocommerce .site {
    background: #2bb4ea !important;
}

Let us know how this goes!

[quituck]

Thank you. Everything worked out for me perfectly.

3 more questions
1.) is it possible to change the grid layout/design on the woo commerce shop page? E.g masonry style with a Jason skin
2.) is it possible to change the spacing between the grid items on the woo commerce shop page?
3.) Lastly my filter by price is not displaying on my custom side bar. Any idea why that may be?

Thank you

[Nabeel A]

Hi again,

1. You can re-create the shop page with Essential Grid, check out https://essential.themepunch.com/woocommerce-grid-jason/

2. To adjust the spacing between the grid items, add this code in your Customizer:

.woocommerce .cols-4 li.product, .woocommerce.columns-4 li.product {
    width: 24%;
    margin-right: 1%;
}

3. You can try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how this goes!

[quituck]

Hi,
I ended up creating a custom shop page instead. It was a lot easier to design, than figuring out how to customize the default woo commerce shop page. Thank you for all you help assisting me so far.

As far as the filter by price I’m an unable to figure out why it isn’t displaying. I deactivated every plugin and reactivated them one at a time and while doing that the filter by price never displayed. Please help?

Thank you

[Nabeel A]

This reply has been marked as private.

[quituck]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in! Please be advised that the price filter widget only appears on product archives. You can check it out in the documentation here: https://docs.woocommerce.com/document/woocommerce-widgets/

Hope this explains it.

[Author]

Posts