Move price over the product picture (Dawn theme)

Store Design
1

Hello community,

My store (www.chardinboutique.com) sells ladies clothing for ages 40+.

In our attempt to make the site easier to use and understand, we want to put the product name and price over the product picture when in mobile devices. Since it is actually below the picture and many customers don’t understand they need to scroll down to see more info of the product

Is there any way to modify the code to make this change?

This is an example of how we would like it to be arranged

rd96_0-1657999913342.png
rd96_0-1657999913342.png702×1344 106 KB

Thanks for your answers

2

Hello @rd96

It needs to edit some liquid code for mobile view on product page.
so code will hide in desktop view but show like your screenshot in mobile view.
For example visit related view of store - https://www.trubrain.com/products/clockwise

3

@rd96 - like this? it can be done, needs code tweak, do you know coding? if no then I can send collab request and can do it on your site

suyash1_0-1658034841747.png
suyash1_0-1658034841747.png1366×768 171 KB

4

Hello @rd96

This will need code tweak, do you know coding? Please hire a developer to do this changes for you. Let me know if you need my help.

Regards