Dawn Theme - How Can I Move My Product Name & Reviews To Below The Product Image?

Store Design
, , ,
1

I want the product name & reviews moved below the image, is this possible?

shanagarryceo_0-1680035399685.png
shanagarryceo_0-1680035399685.png712Ɨ964 337 KB

2

Hi @shanagarryceo ,

This is Victor from PageFly - Landing page builder, Iā€™d like to suggest this idea for solution:

Step 1. Go to Online Store ā†’ Theme ā†’ Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

PageFlyVictor_0-1680039491353.png
PageFlyVictor_0-1680039491353.png344Ɨ798 123 KB

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
3

Hi @PageFly-Victor ,

This does not seem to have worked. It is left centred but not below the image, is there a change that can be made?

shanagarryceo_0-1680040080746.png
shanagarryceo_0-1680040080746.png712Ɨ964 266 KB

4

You can try add this code below to bottom of section-main-product.css

.product__title {
    position: initial !important;
}
5

@PageFly-Victor This has worked! However there is now a large white space between the image and the header, how can I reduce this gap and pull the image & content below further up?

shanagarryceo_0-1680041246614.png
shanagarryceo_0-1680041246614.png746Ɨ1336 129 KB

6

Sorry for the late reply, I see your problem has been fixed, let me know if you need any help.