Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1118407

    I have bought your theme for very long time but had just use your theme alomost 2 weeks.

    Currently I have a very serious problem about the way the theme present the products of on mobile screen.
    The theme will always force the products from Woocommerce to show 1 big product image with 1 colum on monbile screen at a time, this happens with both Homepage & Product category page. This make the customer feels very difficult to choose products as 1 product image will be show at a time ( I have a lot of product). The the customer may need to take a lot of time to scroll down until reaching the last product it might take very long time.

    How to make the products on Homepage & Product category page show 3 columns for mobile.
    Below is the example of the pages I am talking about

    Homepage thet contains product:
    https://reedthai.com

    Product category page:
    https://reedthai.com/พวงหรีดสินค้า/พวงหรีดดอกไม้สด/

    I have attached 2 screenshots, the first one explain the problem and the latter is what I want the product display for mobile to be

    1st screenshot:
    https://drive.google.com/file/d/1zm0223Y6WU1eZwJwvGVj9fTeWpY9Ylb0/view?usp=sharing

    2ns screenshot:
    https://drive.google.com/file/d/1bZQ9FHyxjmbyqAPCNbUWnNdc43iw_VHM/view?usp=sharing

    • This topic was modified 5 years, 3 months ago by pingbara.
    #1118535

    Hey pingbara,

    Can you disable caching and minification for now?

    I think we can make it to two products per line, not three.

    Best regards,
    Victoria

    #1118551

    @Victoria

    I have now disable caching and minification plugin.

    Please kindly guide me on how to do it. If three is possible then it would be great. But if the best scenario is two product per line. It also ok.

    Best regards

    Mether S.

    • This reply was modified 5 years, 3 months ago by pingbara.
    #1118685

    Hi,

    Thank you for the update.

    This should help resize or separate the products into 3 equal columns on mobile view.

    @media only screen and (max-width:767px) {
        .responsive #top #main .products .product {
            width: 32%;
        }
    
        .responsive #top .products :nth-child(2n+1).product {
            clear: none !important;
        }
    }

    Please don’t forget to toggle the Performance > File Compression settings once you’ve added the code.

    However, it would probably be better if you limit the number of products per category in your home page and just add a button or a link that will redirect the customers to the product category page containing the rest of the items.

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.