About Products Grid Display Adaptation Issues

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

  • Avatar: Allen
    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.
    6 Answers
    Avatar: Tony Rodriguez
    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

    Avatar: Allen
    Allen
    Participant
    March 1, 2024 at 03:00

    Private content area…

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    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.
    Avatar: Allen
    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

    Avatar: Tony Rodriguez
    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

    Avatar: Andrew Mitchell
    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

  • 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

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