Tagged: product image
-
AuthorPosts
-
July 13, 2019 at 10:15 pm #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 aboutHomepage thet contains product:
https://reedthai.comProduct 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=sharing2ns screenshot:
https://drive.google.com/file/d/1bZQ9FHyxjmbyqAPCNbUWnNdc43iw_VHM/view?usp=sharing- This topic was modified 5 years, 4 months ago by pingbara.
July 14, 2019 at 8:20 pm #1118535Hey pingbara,
Can you disable caching and minification for now?
I think we can make it to two products per line, not three.
Best regards,
VictoriaJuly 14, 2019 at 8:59 pm #1118551July 15, 2019 at 6:29 am #1118685Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.