collection page

Store Design
1

hello, i have a few questions:

  1. how can i get the subtitle/metafield that shows the material, to show up below the product name?

  2. how can i get my color swatch to be below the price.

  3. i’m trying to center the product name, and price to be in the center below my image, how can i do this?

thanks so much!

asherherbert_0-1731129547360.png
asherherbert_0-1731129547360.png676×244 8.66 KB

asherherbert_1-1731129571043.png
asherherbert_1-1731129571043.png351×182 9.52 KB

2

I believe the first two can be done from the customizer you can drag and drop these information from the customizer under product information in product template.

For that last one you will probably need some css to center every content.

3

Hi @asherherbert

For the first and second issues, could you please clarify exactly what you’d like to display?

And for the third issue, may I have the link to the page you want to edit?

Best regards,
Daisy

4

Hi Daisy,

I would like to display that my garment is ‘cashmere’ and i would like to have that in my site’s brown color. i would like the color swatch box to be displayed below the price, and i would like the color swatch to be navy blue, as that’s the color of my garment. basically, i just want to copy exactly the 2nd screenshot i uploaded.

link: https://admin.shopify.com/store/uiazcb-tv/themes/146884886764/editor?customCss=true&previewPath=%2Fcollections%2Fall
password: shuler

thanks!

5

Hi @asherherbert

Here is the code for the 3rd request

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.card__information h3.card__heading a {
    text-align: center !important;
}
.card-information * {
    text-align: center !important;
}

Here is the result: https://prnt.sc/oQv1KSIrdmLg

With issue number 1, please clarify Is that a variable for the product? Does it change depending on the product, or do you want to add fixed text like ‘cashmere’? If it’s text, it can be added directly. But if it’s a variable, we need to know what it represents. Could you send a screenshot of the product section in Shopify to see where they’re entering it? That way, we can simulate it on our test theme

With issue number 2, I’ve been testing this for a while, but it’s not working because there are multiple layers of variable passing, and it depends on many other factors, so just copying the code doesn’t work. I could try showing the color, but it wouldn’t allow color selection like on the product page, so it’s best to leave it for now

I hope it helps you somehow

Best,

Daisy

6

Hey Daisy,

Thanks for your detailed response. I’ve decided to just choose a simpler format/layout, and given up on a few of these details. I’ve implemented your replies, which were very helpful.

thanks again!

asher