Image width of upsells is much too wide

Hello

I see a lot of errors in your console. It is advisable to get rid of all errors.

I can see that the carousel slider is not moving. Try to enable the option “Initialize JS only after loading the entire page” in the plugin settings.

Hi Dan,

Thanks for the speedy response, I’ve just tried to initialize js only after loading entire page, but with no luck unfortunately. It seems to be working fine for mobile, but not on desktop.

I recently added some code yesterday I purchased from Paul Chinmoy which seems to show loads of syntax errors in Dreamweaver, but works on the website.

Do you think these could be causing conflicting issues?

I think no.

Do you have any caching plugins installed on your site? If so, try disabling them and see if that fixes the problem.

Then I’ll test your theme today to make sure our plugin works correctly on it.

Hi Dan,

I just tried deactivating our chaching plugin WP rocket, but it didnt fix the problem unfortunately.

The website is running on elementor pro which maybe an issue?

Would you like me to email you my theme so you can test?

Do not. The rules of this forum prohibit accepting files or taking access from users.

Today I will test your template and see what the problem might be.

Also, the site of our plugin will appear soon, where you can solve the problem related to the work of our plugin. There will also be in-house technical support that can help fix the problem.

No problem, sorry I wasnt aware of the rule, just trying to be helpful. Thanks very much for your help Dan. Look forward to hearing from you soon.

I looked at the template, everything is fine with me. Yes there are problems with styles, but the carousel works.

However, you have some kind of optimizer installed on your site, or is it in the template itself …

Now there are two problems: 1 – errors in the console, 2 – in the template itself, in upsells and in the recommended ones, some changes have been made

1. An error in the console tells us that “Glide is not defined”. The selector itself is there, the script is connected and there is initialization. I’m pretty sure the error is because you are defer the JS loading. You have this in your code.

With a high probability JS is defer due to WP Rocket plugin. I advise you to temporarily disable and see if the carousel works. If it works and moves, then we will think further. Let me remind you that your theme has its own styles for the select and additional sales – this means that we will have to fix something.

If deferred JS installs another plugin or template, find where.

On the second point, I will give you recommendations a little later.

Hi Dan,

Thanks for the response and apologies for the delay.

I will try to alleviate the errors in the console.

I have now excluded the plugin js from being deferred in WP rocket but doesnt seem to have alleviated the issues.

Thanks,
Danny

Hi @dannyr2439

On the contrary, we observe that the carousel is running, it is moving.

Also, if you want to re-enable the WP rocket caching plugin, add our plugin script to exclusions as shown in this screenshot. Don’t forget to clear your cache, but first do what I’ll write below.

/wp-content/plugins/carousel-upsells-and-related-product-for-woocommerce/assets/js/glide.min.js

Your theme styles take precedence over plugin styles, in which case we have two options:

1. Find the settings in the template that allow you to adjust the number of items in the recommended product row
or
2. Apply your style to fix everything at once:

@media (min-width: 768px){
ul.glide__slides li.product {
    -webkit-box-flex: unset !important;
    -webkit-flex: unset!important;
    flex: !important;
    max-width: !important;
}
}

You can add styles to the theme stylesheet /wp-content/themes/ekommart/style.css (for example, at the very end) or through the customizer:

– Step 1
– Step 2
– Step 3

After adding styles, the settings of our plugin will work fine for you and the carousel will be displayed in accordance with the settings that you specify.

Awesome, seems like it’s totally working now.

Massive thanks for the support, it has been second to none. I never leave plugin reviews usually, but I will make sure I do.

Thank you for all your help, you have been amazing.

Thanks for using. Wait for the release of our site, it will be much more interesting.

and by coincidence I just got maybe a solution here on this link, but unfortunately for me it was not the case, https://lmlexpress.com/product/frescolita-lata/

This is the reference link, you can see that the related products are out of order, I added the exclusion but it didn’t work.

This is because of the caching plugin. I am not seeing a carousel script on your page. Add it to the exception

Hi Dan, thanks for your fast reply! I did add it on the exception but nothing happend. IMG