Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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
    Stefan

    #1322272

    Oh, the links are not complete…
    Slider correct: /#product-slider-1
    Slider wrong: /#product-slider-2

    #1322342

    Hi 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,
    Rikard

    #1322963
    This reply has been marked as private.
    #1323052

    Hi 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,
    Yigit

    #1323061

    Hi Yigit,

    many thanks!
    Can you explain why this occurs in some sliders and in others not?

    Best regards
    Stefan

    #1323293

    Hi,
    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:
    2021-10-02_006.png
    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,
    Mike

    #1323457

    Hi Mike,
    many thanks for your investigations!
    I will check which plugin is responsible.
    Best regards
    Stefan

    #1323460

    Hi,
    Very good, we will leave this thread open to hear back from you.

    Best regards,
    Mike

    #1323587

    Hi 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,
    Stefan

    #1323615

    Hi,
    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

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Product slider breaks into 2 rows’ is closed to new replies.