Wrong number of products in the first row

This topic has 25 replies, 4 voices, and was last updated 2 weeks ago ago by Luca Rossi

  • Avatar: Alex011
    Alex011
    Participant
    February 22, 2024 at 16:18

    In product catalog I have products per row set to 4, but in some categories first row is not showing 4 products. Some categories show 1 product, some show 2, etc.

    Category display is set to show subcategories and products.

    Here are a few examples:

    https://www.svetbalona.com/kategorija/party-program/posluzivanje/ – it is showing 4 products in the first row, which is correct.

    https://www.svetbalona.com/kategorija/party-program/party-rekviziti/ – just 1 product in the first row

    https://www.svetbalona.com/kategorija/party-program/konfete/ – 2 products in the first row

    This is happening even with all plugins disabled, except WooCommerce and XStore Core plugin.

    I need in each category first row to have 4 products.

    Thanks

    24 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 22, 2024 at 16:59

    Hello, Alex011,

    Thank you for reaching out to us with your concern. We understand that consistency in your product catalog display is important for a professional look and feel of your online store.

    Please go to Theme Options > WooCommerce > Product catalog > Categories Appearance > change “Apart from Products” to “Merged with Products” and check the result.

    Thank you for your patience and cooperation.

    Kind Regards,
    8theme team

    Avatar: Alex011
    Alex011
    Participant
    February 25, 2024 at 15:25

    Hi, it does not solve my problem because I don’t want them merged with products, I want them separated.
    I just need products to properly show 4 per row.
    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 25, 2024 at 16:59

    Hello, Alex011,

    We kindly request that you furnish us with temporary wp-admin and FTP credentials so that we may conduct a thorough investigation of the issue you are experiencing

    To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

    For FTP access, we require the following details: FTP host, FTP username, FTP password, FTP port, and FTP encryption type. If you need assistance in creating these credentials, please reach out to your hosting provider who will guide you through the process.

    We appreciate your cooperation in this matter and assure you that your credentials will be handled with the utmost confidentiality and care.

    Kind Regards,
    8theme team

    Avatar: Alex011
    Alex011
    Participant
    February 25, 2024 at 20:47

    Hello,

    You can access the site admin with the provided link.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 26, 2024 at 07:35

    Hello, Alex011,

    We hope this message finds you well.

    We would like to express our gratitude for your prompt response to our previous communication. However, we have noticed that the FTP access details were not included in your reply.

    We kindly request that you provide us with the necessary FTP access credentials at your earliest convenience to facilitate the continuation of our work.

    Thank you for your attention to this matter.

    Kind Regards,
    8theme team

    Avatar: Alex011
    Alex011
    Participant
    February 26, 2024 at 09:28

    Here it is

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    February 26, 2024 at 10:36

    Dear Alex,

    We hope this message finds you well.

    We have noticed that you are currently not utilizing a child theme on your website. To ensure the best practices for theme customization and updates, we would like to offer our assistance in activating a child theme for you.

    Additionally, we kindly request that you insert the following code snippet into your child theme’s functions.php file:

    
    add_action('wp_head', '_n2t_wp_head');
    function _n2t_wp_head(){
        $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
        if(is_product_category() && $paged == 1){
            echo '<style>.tax-product_cat .products > .product.last:not(.product-category) {clear: both;}.tax-product_cat .row-count-4 .product:nth-child(4n+1) {clear: none !important;}</style>';
        }
    }
    

    This code is intended to enhance the functionality of your website. Should you require any assistance or have any questions regarding this process, please do not hesitate to reach out to us.

    We are committed to providing you with the support you need and look forward to your response.

    Best regards,
    The 8Theme Team

    Avatar: Alex011
    Alex011
    Participant
    February 26, 2024 at 18:33

    So now after doing some testing, I can see the code in the website header in the front-end. And it did not solve the problem.
    Could you please try it yourself? I have activated a child theme.

    Thanks

    Avatar: Kobak903
    Kobak903
    Participant
    February 26, 2024 at 20:08

    I had the same problem. The code is almost solved the problem for me, the only thing that I have to change was the style tag, because it just echoed to the page as plain text, and not as css.

    echo '<style>.tax-product_cat .products > .product.last:not(.product-category) {clear: both;}.tax-product_cat .row-count-4 .product:nth-child(4n+1) {clear: none !important;}</style>';

    Avatar: Justin
    Luca Rossi
    Support staff
    February 27, 2024 at 04:07

    Dear Alex011,

    We are pleased to inform you that we have updated the code as per your requirements.

    Could you kindly take a moment to review the changes at your earliest convenience?

    Best Regards,
    The 8Theme Team

    Avatar: Justin
    Luca Rossi
    Support staff
    February 27, 2024 at 04:08

    Dear @Kobak903,

    We would like to express our sincere gratitude for your assistance in correcting the codes. Your contribution has been invaluable, and we have noted that the style tag has been successfully removed from the editor.

    Thank you once again for your support.

    Best Regards,
    The 8Theme Team

    Avatar: Alex011
    Alex011
    Participant
    February 27, 2024 at 13:47

    Now first row is ok, but other rows are messed up. Second row has only 1 product, fourth row has 2 products. Please check here

    https://stg-svetbalona-staging.kinsta.cloud/kategorija/teme/devojacko-vece/teme-devojacko-vece/

    Avatar: Justin
    Luca Rossi
    Support staff
    February 27, 2024 at 13:59

    Dear Alex011,

    We kindly request that you implement the custom codes on your live website and verify their functionality at your earliest convenience.

    Warm regards,
    The 8Theme Team

    Avatar: Alex011
    Alex011
    Participant
    February 27, 2024 at 16:24

    I did, results are the same as on staging website. Staging is the exact copy of my live site.
    This code does not fix the problem. It only fixes the first row.

    Avatar: Justin
    Luca Rossi
    Support staff
    February 28, 2024 at 06:18

    Dear Alex,

    We hope this message finds you well.

    We’re writing to inform you that we have implemented modifications to the custom codes as follows:

    
    add_action('wp_head', '_n2t_wp_head');
    function _n2t_wp_head(){
        if(is_product_category()){
            $children = get_term_children(get_queried_object()->term_id, 'product_cat');
            $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
            if(!empty($children) && $paged == 1){
                echo '<style>.tax-product_cat .row-count-4 .product:nth-child(4n+1){clear:none!important}</style>';
            }
        }
    }
    

    Subsequent to these changes, the products appear to be displaying correctly on our end.

    May I kindly request that you review the modifications at your earliest convenience and confirm whether everything is functioning as expected on your side?

    Thank you for your attention to this matter. We look forward to your feedback.

    Best Regards,
    The 8Theme Team

    Avatar: Alex011
    Alex011
    Participant
    February 28, 2024 at 13:13

    Hi,
    Please give me the link to the page where it looks good on your end, because I am still seeing the same issue. Thank you

    Avatar: Justin
    Luca Rossi
    Support staff
    February 28, 2024 at 15:15

    Dear Alex,

    We regret to inform you that we are experiencing issues with our custom codes at the moment.

    For the time being, we kindly ask that you choose the “Merged With Product” option located within the WooCommerce Shop settings, specifically under Product Catalog > Category Appearance. You can refer to the following screenshot for guidance: https://prnt.sc/7iUsDAYNcpKH

    Please be assured that this matter has been logged in our bug tracking system and we are committed to addressing it in a forthcoming update.

    Thank you for your understanding and patience.

    Best regards,
    The 8Theme Team

    Avatar: Alex011
    Alex011
    Participant
    February 28, 2024 at 21:02

    OK, thank you.

    Avatar: Justin
    Luca Rossi
    Support staff
    February 29, 2024 at 04:22

    Dear @Alex011,

    We invite you to stay updated with our latest news and offerings.

    Should you require any further assistance or have any additional inquiries, please do not hesitate to reach out to us.

    Best Regards,
    The 8Theme Team

  • 1 2
    Viewing 20 results - 1 through 20 (of 25 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.