Product Page

Store Design
1

How can I center the information on the Product Page, change the size of the buttons and make the image cover the left side of the website so the header can also be transparent. I also want the drop down to look like the second picture.

Screenshot (15).png
Screenshot (15).png1895×938 257 KB

Screenshot (12).png
Screenshot (12).png1895×881 85.3 KB

2

You would need to edit your CSS. You can either edit what already exists in the style sheet. You could add custom CSS to each component in the template, or you could apply the custom CSS inside the code for the specific page.

If you share your URL you might get more direct help.

All the best

3

Thank you so much, is there a way I can get you to do it?

4

@Jahspher if you are not a coding person and you need anyone to code it for you, you will have to give store access to get into the code editor and modify codes

5

Hi @Jahspher ,
This is Theodore from PageFly - Shopify Page Builder App.

Center Information:

  • Edit theme code (Online Store > Themes > Edit).
  • Find product template (e.g., product.liquid).
  • Target product info container with CSS (e.g., .product-template__info).
  • Add text-align: center; to center content.

Resize Buttons:

  • Identify button class (e.g., .product-form__button).
  • Adjust font-size and padding in button’s CSS rule.

Image & Transparent Header (Grid Layout):

  • Modify theme layout files (e.g., theme.scss).
  • Define grid layout with two columns (image & info).
  • Set image column width and use background-size: cover;.
  • Set header background to transparent.

Best regards,
Theodore | PageFly

6

can i please give you access to the store?

7

Can I please give you access to the store I don’t understand any of this.

8

@Jahspher sure. Be glad if I could be of help.

Email: alishadab822@gmail.com

9

It says that collaborators need a code, not email. Please use this code: 6473

Thank you

10

@Jahspher I will need your store url to request access

11

okay, https://39ae8a-a7.myshopify.com/?_ab=0&_fd=0&_sc=1

Thank you

12

@Jahspher I have requested access. Please accept it and i shall start on your requirements asap.
Thanks

13

Okay, I have accepted it, also please let me know if there’s anything that can be improved with the website, it’s still in progress.

Thank you

14

@Jahspher Thank you so much for the access. I will first try to complete your initial requirements. Once i am done with that i will definitely try looking for improvements from development point of view.

thanks

15

Okay, I just bought the Prestige theme for the store, but will the one I already have still work for it; Palo Alto?

Thank you so much

16

@Jahspher Yes it will work. Which ever theme you publish (for now its palo alto) your store will take the look and feel of that theme.

17

Oh okay, how does that work, because isn’t the code different for each theme?

18

@Jahspher i believe Shopify does that behind the scenes. So whatever theme you have published Shopify takes your store data which is products, customer info,etc to adjust with the theme. There could be minor changes but not any major ones I believe.

But suppose now you have palo alto and we made changes to the code to make it look the way we want and then you publish some other theme then obviously that will not remain, i mean the code will on that theme but the store would take the look and feel of the other theme and we would then have to edit code on that again.

Hope I was able to explain

Thanks

19

Yes, that makes perfect sense, Thank you.

How is it going so far with the code?

20

@Jahspher I am on it. Will update you.

Thanks