- This topic has 3 replies, 2 voices, and was last updated 7 years, 2 months ago by
.
-
Posts
-
_Hi,_
_We’ve been having difficulties on how we would like the products to appear on our homepage. We would like the pictures to be half the size that they’re now (with a 2*1 aspect ratio instead of a 1*1) so that more products will appear on the same screen size, how could we do it? Also, is there a way to put thumbnails under the main picture to select which one we would like to see there, directly on the homepage?_
_Since we updated our theme to the version 1.3.3, we’ve got an issue with the header while using the “Header 2” layout, with the logo in the center and two menus on the right and left. The width of the logo doesn’t scale down anymore when the size of the window is reduced, which causes the right menu to overflow on the logo. Is it a known issue and how could we get over it?_
_Thank you for your help :)_
Hi,
1- You can set 6 colunms for product instead of 5 columns to show more.
You can set the image (2*1) but the image will by crop. You go to Customize -> Woocommerce -> Product Image -> Thumbnail cropping -> Custom -> set the size
2. After update the last new version, you need to the Theme Options -> click "Save Change" again.
Currently, you can reload your site and check again.
Best regards,
tinhbeng.
Hi, thank you for your answer.
I managed to correct the issue with the header, but there's still something we would like to do with how the products appear on the homepage. On mobile, we would like to display two products on the same line instead of one (like in the screenshot). Is it possible?
Also, while using WooCommerce, we're searching for a way to distinct products that are booked with their price hidden (and still visible in the shop, but not saleable) and normal products that are available with their price displayed. We thought that if we could put text in the "Price" field of WooCommerce, it would solve the problem, but it seems impossible. Is there a way to do it?
Lastly, we would like our product pages to look like this. How can I import the demo content of the theme for this page?
Thank you 🙂
Hi,
1. Show 2 columns on Mobile: you can add these lines to Custom CSS:
@media (max-width: 414px){
.woocommerce.columns-5 .product-item-wrap, .single-product.columns-5 .product-item-wrap, .woocommerce.columns-4 .product-item-wrap, .single-product.columns-4 .product-item-wrap, .woocommerce.columns-3 .product-item-wrap, .single-product.columns-3 .product-item-wrap, .woocommerce.columns-2 .product-item-wrap, .single-product.columns-2 .product-item-wrap {
width: 50%;
}
}
Note: You custom pretty much CSS, you should use Child theme.
2. - Custom price text: You can use this plugin: https://wordpress.org/plugins/woocommerce-custom-price-label/
(I have removed the function that I was added earlier)
- Single Page layout: You go to Theme Options -> Shop -> Single Product -> Select Single Product Layout -> Set "Default". Set "Container" for Single Product Layout.
Best regards,
You must be logged in and have valid license to reply to this topic.
