Product image (mobile version)

Hello Xtemos-Team,

how can I always display the product image (front doors) in time in the mobile version? Is there a setting option via Woodmart or perhaps an individual CSS mobile programming code?

Currently the product image is displayed at the top and you have to switch down to select the attributes, e.g. the color. This then changes to the image, but the customer does not see the modified product image. This should always be displayed on the right (see attached)!

The selection should actually be like on the desktop version that the image is always displayed sideways and the options/attributes to the right of it (see attached)!

Thanks

Hausdekore

Attachments:

You must be logged in to view attached files.

The other option is to fix the product image at the top, roughly half of the mobile screen and the other half for scrolling (of course) as long as you can choose the attributes, the product image is fixed at the top (see image)!

Also how I can show the product image appear a little smaller (for desktop and mobile versions)?

Thanks

Hausdekore

Attachments:

You must be logged in to view attached files.

Hi hausdekore.de,

Thanks for reaching to us and appreciate your patience.

Please provide URL of the mentioned page, so I can take a closer look.

Regards,

Hello Hung,

here is the link: https://eingangstüren24.de/produkt/q20/

It’s just about the product (front door) in the link. In the private content you will find the login for wp-admin.

thanks

Hi hausdekore.de,

I can’t access your site, please double check. https://prnt.sc/1OcrYtSKKecX

Regards,

Hello Hung, in the attachment you will find the link to log in to the wordpress dashboard. the product what it is about the front door Q20.

Thanks

Attachments:

You must be logged in to view attached files.

Hi hausdekore.de,

Thanks for details.

Add below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

.single-product .variations_form{
	overflow-y: scroll;
	height: 100vh;
}

Regards,

[Author]

Posts