I want to know how I could amend my product grid to only show Product Title on the top line and colour underneath. At the moment, colour is listed within product title e.g. High-Waisted Leggings Black I want to show High-Waisted Leggings, Black (underneath title). Any ideas?

@Powercut - it is showing that black or navy words are part of the title, go to page backend and try to put html code in between 2 words and check if it works

@Powercut - can you please share this page link?

Here is my website link: POWERCUT®

Thanks so much! Worked perfectly. Is there a way to change the colour and size of the ‘colour’ text

@Powercut - try this css if you want to change only ‘colour’ text, replace colour name with colour you want colour name

Hi again, is there any other way to do this, I’ve noticed html code is now pulling through in my backend product list and reporting.

@Powercut - unfortunately no other way as these color names are part of the title

Is there a better way to set this up in the backend if colour was removed from title?

@Powercut - if you remove color title, you do not need

What is my best way to set up separate colours for the same type of product. I looked at adding colour as a variant but this doesn’t seem to work well for our website.

Product grid layout

Store Design

suyash1 April 4, 2024, 3:51pm 12

@Powercut - may be each variant as separate product may work, you can ask shopify support if they can do this

Topic		Replies	Views
Reformation theme - how to edit color name on the collection page Store Design design , customizations , collection-page , shopify-themes , html , product-page	0	15	February 2, 2024
Change color of product titles only - Dawn Theme Store Design design , product-page	9	235	April 19, 2024
How can I change the color of specific product titles? Technical Q&A	8	47	April 22, 2021
Getting the colour of my product in brackets in the title on my collection pages Store Design	5	39	October 13, 2021
Prestige-to place the color swatch above the product name? Store Design design	3	34	October 19, 2024

Product grid layout

Related topics