I have created a single woocommerce template and it’s working pretty much as I want it to, except on mobile. on larger screen the images and product detail columns are reversed, which is how I want them to be, but on mobile I want this to be image first. I have tried changing this as shown in the screenshot, but it’s not showing as I want it to
Hi @simonwr1976,
Thanks for reaching out.
I have checked the Layout and found that the Row > Layout > Direction is already set to Reverse, which means in the Desktop the Second column is showing at the first. If you change the order of the column and adjust the width, and also set the Direction to Standard, you will get what exactly you want.
NOTE: I have created a Test layout, you can use or replicate it.
Thanks
thanks for the reply. I know that the layout is revered on desktop, to the image is in the first column, but this is not what’s happening on mobile. I am getting the image in the 2nd column, so it’s appearing after the column with the product detail. I’m not sure if your test layout achieves this, I can’t work out how to assign it to view?
Thank you for the update. We are not yet sure why the reverse option is not working but we managed to work around it by adding this css code in the first column.
This moves the product gallery above the description on mobile view.
That’s great, thank you
on the template I’ve got a row which has the shortcode [x_custom_upsell, but no products are currently being showed. This could be because I haven’t defined any upsell or cross sell products within the individual products. I have approx 700 products so want to avoid configuring this manually if possible. Is there a shortcode I can add which automatically populates with products from the same category or sub-category?
Thank you for the update. Have you tried using the Related Products element?
You can also use Woocommerce shortcodes. Please check the links below:
– https://woocommerce.com/document/woocommerce-shortcodes/product-category/
– https://woocommerce.com/document/woocommerce-shortcodes/#woocommerce-shortcodes
Thank you again, really helpful
No problem! Glad we could help. Have a nice day.
i’ve created a duplicate of the single template for 2 specific categories, but it’s not quite working as I want it to. An example is https://wordpress-1368127-5047106.cloudwaysapps.com/product/country-package/, I want the long description to appear underneath the product gallery, but it’s appearing above the short description at the moment. Also for some reason the ‘items you may also like’ products are shifted to the left. This is also the same on the original template