Customizing Color Swatches - Shopify Prestige

Store Design
, ,
1

Hey all,

I am working in the Prestige theme, and am a total rookie.

In any/all collections pages, I just want text saying “ALSO AVAILABLE IN THESE COLORS” to appear above color swatches, and I want to reduce the spacing between swatches while maintaining a centered alignment.

Been banging my head against a wall forever and decided to ask for help.

Thanks!

2

@jackweakly Could you please share your store URL, so can check and guide you accordingly.

3

Hi @jackweakly if the option name shows in the collection for each product

For things like spacing/centering some themes have existing posts found through research https://community.shopify.com/c/forums/searchpage/tab/message?advanced=false&allow_punctuation=false&filter=location&location=category:en&q=prestige%20collection%20swatches%20spacing%20center

Otherwise you may need advanced theme customization to be able to insert custom text , or translations, in specific parts of a theme.

If you need that customization just taken care of then contact me for services
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

4

Of course, it’s: https://www.dommerch.com/collections/frontpage

5

Hi @jackweakly ,

You can try the code below

From your Shopify admin dashboard, click on “Online Store” and then “Themes”

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “theme.css” file under the Asset folder, add the code below at the very end.

product-list .product-card__info > fieldset:before {
    content: "ALSO AVAILABLE IN THES COLORS";
    display: block;
    width: 100%;
    font-size: x-small;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!