What's your biggest current challenge? Have your say in Community Polls along the right column.

collection page

collection page

asherherbert
Tourist
17 0 3

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.pngasherherbert_1-1731129571043.png

 

 

Replies 5 (5)

Shadab_dev
Shopify Partner
926 49 91

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.

Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.

DaisyVo
Shopify Partner
992 126 141

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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
asherherbert
Tourist
17 0 3

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=%2Fc...
password: shuler

thanks!

DaisyVo
Shopify Partner
992 126 141

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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
asherherbert
Tourist
17 0 3

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