Return to previous page

Wrong number of products in the first row

This topic has 33 replies, 4 voices, and was last updated 5 months, 3 weeks ago ago by Luca Rossi

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

#384430 Copied Theme version: 9.2.8

32 Answers

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

#384441 Copied

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

#384688 Copied

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

#384695 Copied

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.

#384707 Copied

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

#384727 Copied

Alex011

Participant

February 26, 2024 at 09:28

Here it is

Please contact administrator
for this information.

#384750 Copied
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
#384757 Copied
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

#384858 Copied

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>';

#384869 Copied

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

#384882 Copied

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

#384883 Copied

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/

#384967 Copied

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

#384976 Copied

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.

#385027 Copied
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
#385050 Copied
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

#385122 Copied

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

#385150 Copied

Alex011

Participant

February 28, 2024 at 21:02

OK, thank you.

#385178 Copied

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

#385186 Copied

Alex011

Participant

March 28, 2024 at 17:49

Hello,

It has been a month, and two theme updates. But this has not been fixed yet.

Thanks

#388990 Copied

Luca Rossi

Support staff

March 29, 2024 at 06:26

Dear Alex,

We hope this message finds you well.

We’re writing to inform you that our Development Team is diligently continuing their work to resolve the issue at hand. We appreciate your patience and understanding during this process.

Please rest assured that we will keep you updated with any progress or changes as they occur.

Thank you for your continued support.

Best regards,
The 8Theme Team

#389018 Copied
Luca Rossi

Support staff

March 29, 2024 at 09:06
Dear Alex,

We hope this message finds you well.

As our development team diligently works on resolving the issue you’ve encountered, we would like to offer you an interim solution that should address the problem with your product columns. Please proceed with the following steps:

1. Navigate to “Theme Options” in your dashboard.
2. Select “Theme Custom CSS”.
3. Insert the CSS code into the “Global CSS” section:
```
@media (min-width: 980px){
    .tax-product_cat .products-grid .ajax-content {
        display: grid !important;
        gap: 30px;
    }
    .tax-product_cat .products-grid .ajax-content::before {
        display: none;
    }
    .tax-product_cat .products-grid .ajax-content .product {
        width: 100%;
        max-width: 300px;
        padding: 0;
        margin: 0;
    }
    .tax-product_cat .products-grid .ajax-content .content-product {
        padding: 15px;
        margin: 0;
    }
}
```
We trust this will serve as an effective temporary measure. Please do not hesitate to reach out and inform us of the outcome once you have implemented the above code.

We appreciate your patience and understanding in this matter.

Best Regards,
The 8Theme Team
#389048 Copied
Alex011

Participant

April 12, 2024 at 18:43

This CSS makes it even worse. It puts all products into just one column.
You should test CSS before giving it as a solution.

#391482 Copied

Luca Rossi

Support staff

April 13, 2024 at 07:43

Hi @Alex011,

Please check the video before & after adding the custom CSS:

https://www.awesomescreenshot.com/video/26686287?key=7d3ea525fbd0f5e1c2eddcc561833cd5

Best Regards,
The 8Theme Team

#391544 Copied

Alex011

Participant

May 15, 2024 at 11:44

I can’t make it work.
You said two and a half months ago that you will add this fix to the theme update. I updated to 9.3.10 and the fix is still not there.
This is very frustrating.
I have 5 licenses of this theme, and I need to purchase more.
But with this kind of support I will not be purchasing this theme anymore.

#395265 Copied

Luca Rossi

Support staff

May 16, 2024 at 09:34

Hi @Alex011,

Our dev team will apply the HOTFIX to your staging site.

Could you please resend us with your WP-Admin & FTP accounts?

Thank you!

#395429 Copied

Alex011

Participant

May 21, 2024 at 15:50

Sent to private content area

Please contact administrator
for this information.

#396128 Copied

Luca Rossi

Support staff

May 21, 2024 at 16:45

Dear Alex,

We are pleased to inform you that we have successfully applied the HOTFIX to your staging website.

Could you kindly clear the cache and verify the changes at your earliest convenience?

Best Regards,
The 8Theme Team

#396143 Copied

Alex011

Participant

May 22, 2024 at 12:57

Thank you. Let me know what you did so I can add it to my live website.

#396249 Copied
Tagged: correct woocommerce product count, fix woocommerce issues, optimize wordpress ecommerce, product row error, woocommerce product display, woocommerce troubleshooting, wordpress woocommerce themes
1 2

Viewing 30 results - 1 through 30 (of 33 total)