-
AuthorPosts
-
September 25, 2021 at 8:23 am #1322271
Hi,
it’s strange: on this product page I have two product sliders with each 4 columns.
This one is displayed correct:And here on the same page the slider breaks the display into two rows:
And I have no idea what’s the difference.
Any tipps?
Many thanks
StefanSeptember 25, 2021 at 8:25 am #1322272Oh, the links are not complete…
Slider correct: /#product-slider-1
Slider wrong: /#product-slider-2September 26, 2021 at 11:24 am #1322342Hi Stefan,
Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
RikardSeptember 30, 2021 at 11:57 am #1322963This reply has been marked as private.September 30, 2021 at 4:53 pm #1323052Hi Stefan,
3rd item had “last” class and the 4th item had “first” class so it was starting a new line. As workaround I added following code to bottom of Functions.php file of your child theme to remove those classes
function av_prod_slider_fix() { ?> <script> jQuery(window).load(function() { jQuery('#custom-prod-slider li:nth-child(3)').removeClass('last'); jQuery('#custom-prod-slider li:nth-child(4)').removeClass('first'); }); </script> <?php } add_action('wp_footer', 'av_prod_slider_fix');
and following code to bottom of Quick CSS field in Enfold theme options > General Styling
div .products .product { width: 24%; }
Best regards,
YigitSeptember 30, 2021 at 5:31 pm #1323061Hi Yigit,
many thanks!
Can you explain why this occurs in some sliders and in others not?Best regards
StefanOctober 2, 2021 at 8:07 pm #1323293Hi,
Thank you for your patience and for the login, I removed the script that @Yigit had added so I could test and I made a duplicate of your product, it seems that the manually added Product Purchase Button causes this with the first following product slider, if the Product Purchase Button is removed or if it is placed at the after the product sliders this doesn’t occur.
On the duplicate product page linked below I removed all other elements one at a time, and placed the Product Purchase Button in between two product sliders to demonstrate this.
But I’m not able to reproduce this on a new install with Enfold and WooCommerce by copying your page shortcode to it, or by manually trying to recreate, in this screenshot you will the product slider doesn’t break, please note the products are from our Shop demo so they are different from yours but the page elements and layout is yours:
So I don’t believe this is caused by the theme, perhaps it’s from one of your 28 plugins, you could investigate further by disabling them one at a time to find the one causing the error, or if you could use @Yigit’s solution above.Best regards,
MikeOctober 4, 2021 at 1:13 pm #1323457Hi Mike,
many thanks for your investigations!
I will check which plugin is responsible.
Best regards
StefanOctober 4, 2021 at 1:35 pm #1323460Hi,
Very good, we will leave this thread open to hear back from you.Best regards,
MikeOctober 5, 2021 at 9:16 am #1323587Hi Mike,
I found the causing plugin, it’s Germanized for WooCommerce Pro. I will contact Dennis from Vendidero now to tell him this issue.
Thanks,
StefanOctober 5, 2021 at 12:17 pm #1323615Hi,
Glad to hear that you found the issue, thanks for sharing. If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Product slider breaks into 2 rows’ is closed to new replies.