Airi Pro and WooCommerce Productlist

Hi,

I would like to display a productoverview with the Airi Pro template.

But it doesn’t seems to work. I can add this on the Sydney Pro theme (list on the left), but not on the Airi Pro theme.

Can you help me with this?No%20productlist%20with%20Airi%20Pro Productlist%20with%20Sydney%20Pro

Hello,

I asked our Developer to check your issue, let’s see what he says.

Kind Regards, Roman.
aThemes Support

Hi there,

Please post a link to the page in question and please clarify a bit, are you trying to add the sidebar with the product categories?

Vlad

Hi,
This is the URL: https://www.wret.nl/productoverzicht/

I want a productlist on the left or right on this page.
In other themes this is working fine, but not in Airi Pro.

Productlist%20with%20Sydney%20Pro

Hi,

I’m afraid that’s not possible because the product archives is meant to be full width in Airi, without sidebar.
If this is very important for your, let me know, we can do something with custom code.

Hi Vlad,

Yes it’s important. So if you could help me, that would be very nice !!

Hi,

Really sorry about the late reply, I’ve missed your response and I was just made aware of it.

You just need to install a plugin like Code Snippets and put this code in the space it provides:
add_action('woocommerce_sidebar', 'woocommerce_get_sidebar', 10);

If you’re not comfortable doing that, you can just email me an account at vlad[at]athemes.com and I’ll do it for you.

Hi Vlad,

No problem, better late than never.

I Installed Code Snippets and added the code, but nothing changed.

Do you have another tip?

Hi,

Sorry, change to code to this please:

function airi_custom_add_wc_sidebar_archives() {
    if ( !is_singular( 'product') ) {
        add_action('woocommerce_sidebar', 'woocommerce_get_sidebar', 11);
    }   
}
add_action( 'wp', 'airi_custom_add_wc_sidebar_archives' );

Also, you would need some CSS to make it look right so add this please in Customize > Additional CSS:

.woocommerce-product-loop .content-area {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    order: 2;
    padding-left: 30px;
}
@media ( max-width: 991px ) {
   .woocommerce-product-loop .content-area {
    order: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	padding-left: 0;
   }	
}

If you want a different sidebar for your shop page than the rest of your pages, you could just use Woosidebars.

Vlad

Hi Vlad,

That works perfectly.
Can I make the productlist a little bit smaller?

Hi,

Smaller in what way?

Vlad