Help With Product Page Design - DAWN Theme

Store Design
, , , , , , , , , , , , , ,
1

Hey I could use some help with the product page design please. NOTE: if you can only do one or two of them thats perfectly fine as well!

Here are the following changes I’d like to make:

  1. Make everything on the left side of the images the same width

  2. Make the main product image smaller

  3. Align the thumbnails vertically on the left side and add arrows to slide up or down

  4. Make the product name smaller

  5. Change the design of the selectors for sizes, colors, etc.

Here is what my site looks like and the changes I’d like to make:

ManuelH_0-1717155753725.png
ManuelH_0-1717155753725.png2559×1427 431 KB

And here is an example of how it should look like roughly

ManuelH_1-1717155813075.png
ManuelH_1-1717155813075.png2257×1357 273 KB

You can also pm me anytime for inquiries. Cheers

2

Hey @ManuelH

Can you share your Store URL and Password if enabled?

Best Regards,

Moeed

3

For 1 you need to edit css: go to Assets/section-main-product.css, find the lines saying “max-width: 44rem;” and delete them or comment them out.

For 2 this is supported in theme customization: go into customization, navigate to a product page, click “Product information” on the left, then under “Desktop media width” select “Small”.

For 3 you need custom coding, Dawn doesn’t seem to support vertical images. Your desired look is from store Riley Ridge, which uses the Prestige theme (paid).

For 4 go to Assets/base.css, find the style for h1 and change the font-size to whatever you like. Note that this will affect all h1’s in the theme, so also collection title and so on. That’s probably good because the theme should be visually consistent. If you want to change only the product page, add an override to the css file mentioned above.

For 5 also change that css file.

1 Like
4

Hello @ManuelH

Welcome to Shopify Community.

To change the complete layout of product page firstly please check the theme customization options. If the options are not available then the layout needs to be setup with custom code. Thus you need to seek help of a developer to setup at a reasonable cost.

Let me know if you need one.

Thanks

5

Hey man, thanks for replying to my post! what would you charge to make the necessary design changes on my product page?

Let me know a ballpark number via pm

cheers Manuel

6

hi and thanks for responding. These changes are good and all but it still needs to be centered.

7

hey, thanks for responing, i sent you a pm

8

If possible please send the query to the inbox mentioned in below signature.

9

If possible send to the inbox mentioned in below signature for
faster response.

Thanks