Return to previous page

About Products Grid Display Adaptation Issues

This topic has 7 replies, 3 voices, and was last updated 4 months, 3 weeks ago ago by Andrew Mitchell

Allen

Participant

February 29, 2024 at 08:26

Products Limit is 8, only 2 rows are displayed, how to set it.
Desktop Display 4 products per row;
Tablet displays 3 products per row;
Mobile 2 products per line

Files is visible for topic creator and
support staff only.

#385210 Copied Theme version: 9.2.8

6 Answers

Tony Rodriguez

Support staff

February 29, 2024 at 09:08

Hello, @Allen,

Thank you for contacting us and for using XStore.

We are writing to inform you that your recent request has come to our attention; however, the details provided are somewhat ambiguous. To ensure that we can offer you the most effective assistance, we kindly ask that you elaborate on the specific issue you are facing or the precise outcome you wish to achieve. A detailed description will enable us to understand your needs better and address your concerns more accurately.

Furthermore, for us to conduct a thorough review of your settings and offer a tailored solution, we require access to your site’s WordPress administrative panel. Please submit your login credentials securely in the designated private content area. Rest assured that your information will be handled with the utmost confidentiality and care.

We kindly recommend that you take a complete backup of your site before proceeding.

We appreciate your cooperation and look forward to resolving your issue promptly.

Best regards,
The 8Theme Support Team

#385219 Copied

Allen

Participant

March 1, 2024 at 03:00

Private content area…

Please contact administrator
for this information.

#385313 Copied

Tony Rodriguez

Support staff

March 1, 2024 at 06:58

Hello, @Allen,

Thank you for your response.

We are pleased to inform you that the issue you reported has been successfully resolved. To ensure that the changes are reflected on your end, we kindly ask that you clear both your server cache and browser cache. Additionally, please temporarily disable your Content Delivery Network (CDN) before proceeding to check your site.

Our team has implemented three product grid widgets and configured their responsive visibility settings for desktop, tablet, and mobile devices. This adjustment has addressed the concern you brought to our attention.

For your reference, we have included an image that illustrates the resolution in the private content area of our support platform.

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

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#385318 Copied

Allen

Participant

March 1, 2024 at 07:24

Hello, I don’t want to create three Sections to complete the adaptation, one Section can realize the function I said, through the CSS style to complete all can be

#385320 Copied
Tony Rodriguez

Support staff

March 1, 2024 at 08:18
Hello, @Allen,

We have removed the existing section and configured a single section to include the product grid element. Please proceed to insert the CSS codes provided below into the custom CSS field specifically for the Product Grid element.
```
@media (max-width: 768px){
    selector .etheme-product-grid .etheme-product-grid-item:nth-child(7),
    selector .etheme-product-grid .etheme-product-grid-item:nth-child(8){
        display: none;
    }
}
@media (max-width: 480px){
    selector .etheme-product-grid .etheme-product-grid-item:nth-child(5),
    selector .etheme-product-grid .etheme-product-grid-item:nth-child(6){
        display: none;
    }
}
```
For your convenience, we have attached an image to serve as a visual reference for this task.
https://imgur.com/UfmxpyD

We trust that these changes will effectively address your issue. Should you require any further assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team
#385335 Copied
Andrew Mitchell

Support staff

March 1, 2024 at 08:26

Dear Allen,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team

#385337 Copied
Tagged: best selling themes, display adaptation problems, product grid issues, woocommerce product display, woocommerce themes
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘About Products Grid Display Adaptation Issues’' has been successfully resolved, and the topic is now closed for further responses

About Products Grid Display Adaptation Issues

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection