Different product layout for desktop and mobile device

Hi,

I would like to have different layout type for desktop device and for mobile device. It seems when you change it from the system it changes it for both. How can I just change it for mobile / tablet devices. I have attached images to help you understand. The image with a single radiator is what I would like for mobile device. The other is for desktop only.

How can I make this happen?

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

Please consider using the Woocommerce builder of WoodMart allowing to create custom templates for product pages and other functional pages that are not editable by default.
Woocommerce builder is the inbuilt functionality widget included in the builder you use on the site.
Please check this manual:
https://xtemos.com/docs-cat/woocommerce-layouts-builder/?theme=woodmart and https://xtemos.com/docs-topic/single-product-page-builder/

In the custom layout you can check the responsive setting of the page builder and set the separate design for mobile and desktop.
https://ibb.co/LhfGsGP.

Method: 2

you can configure the product for different devices using Theme Settings presets https://xtemos.com/docs-topic/theme-settings-presets/

Best Regards.

hacı sen iboyla reconun kardeşimisin

Hello,

Please go ahead and ask your questions.

Best Regards.

[Author]

Posts