WOOEVENT PLUGIN CONFLICT

Hi Xtemos Team,

I use a plugin call “WooEvent“ to send some events on woodmart.

There is a display conflict on Woocommerce shop page :
https://www.upevasion.com/nos-activites/

Can you fix this issue and make it compatible ?

Thanks,
Joss

Hi,

Could you please send us a screenshot how it looks with default WordPress theme so we can understand what issue is caused by our theme and prepare a fix for you?

Thank you

Hi and thank you for your support.

Look at the screenshots.

If you want more info about this plugin, you can see demo website here :
http://exthemes.net/wooevents/events/?view=list

Thanks a lot,
Joss

Attachments:

You must be logged in to view attached files.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to make it look better

.archive .products {
        margin: 0 0 1em;
    padding: 0;
    list-style: none;
    clear: both;
}

.products li {
        list-style:none;
    float: left;
    margin: 0 1.5% 40px 0;
    padding: 0!important;
    position: relative;
    width: 32.33333333%;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}

.products li.last {
        margin-right: 0;
}

.products li .product-title {
    padding: 0 25px;
}

.products li .product-title a {
    display:block;
}

.products li a.button {
    margin: 5px 25px;
    margin-bottom: 30px;
}

.products li .shop-we-more-meta {
    margin-bottom:10px;
}

Regards

It works, but there is an issue with sidebar…?

Can you fix this for me ?

Thanks,
Joss

Add this CSS code also

.no-sidebar .site-content {
	width: 100%;
	left:0;
}

Your code remove sidebar, but I want sidebar and it don’t display…

But there are no any widgets in the sidebar or it is hidden by the plugin. Could you please check how it works with default WordPress theme?

Look at the screenshot, this is the plugin configuration and the sidebar is on “hide“ to use theme sidebar…

Attachments:

You must be logged in to view attached files.

Are you able to use the plugin’s sidebar? The plugin replaces our theme template files and that is why our sidebar is not shown there.

The plugin’s sidebar dont work, and I really want the theme’s sidebar with her oprions…

In this case, please provide us your FTP access so we can check why the plugin blocks our theme sidebar.

Thank you, the access are in private content, the plugin documentation is here :
file:///Users/iMac/Documents/PROJETS/UPEVASION/WooEvents%20-%20Calendar%20and%20Event%20Booking/documentation/index.html#!/config

We have fixed this in the file /wp-content/plugins/woo-events/templates/archive-product.php

You are the best, thank you !

You are welcome!

One last thing, archive page isn’t in max width, do you know why ?
https://www.upevasion.com/nos-activites/

It happens because of plugin’s styles. Try to add this code snippet also

div#exmain-content {
	margin-left:-50px!important;
	margin-right:-50px!important;
}

Great, it works !

I tested on mobile… Do you have a code to make 1 product per row on mobile ?

Add this code for mobile devices only

.products li {
	width:100%!important;
}

.products li img {
	width:100%!important;
}

Great, great, great, thanks a lot for your help !!

You are welcome!

Hi Xtemos Team,

I have another issue with WooEvent plugin : I want to use Wooevent plugin’s caroousel and I think there is a conflict, so can you make me a css code to fix this issue please ?

Look at the bottom of this page :
https://www.upevasion.com/activites-sorties-up-evasion/boucle-de-sainte-victoire/

It should be like screenshot.

Thanks a lot,
Joss

Attachments:

You must be logged in to view attached files.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.woocommerce-tabs .owl-stage .owl-item {
	float:left;
}

.woocommerce-tabs .owl-stage:after {
	content:"";
	display: block;
	width:100%;
	clear:both;
}

.woocommerce-tabs .owl-stage-outer {
	overflow:hidden;
}

Regards

It works 🙂

Thank you !
Joss

You are welcome!

Hi,

I have another problem on mobile version, plugin’s carousel not display 1 event per row.

Do you have a css code, please ?

Thanks,
Joss

Hi,

Could you please check how it works with default theme? It seems that this plugin defines 3 items per row for mobile devices too, we can’t change this with CSS.

Regards

It works great with default theme, look :
http://exthemes.net/wooevents/events-carousel/

We mean to test it on your website directly.

[Author]

Posts