Product page color variant (price shows in the bar)

New Member
8 0 0

Hey guys,


I am new to building pages. I would like to know how to exclude the price from the color bar in the product page.

I have tried this code:


#AddToCartForm--product-template,div[itemprop="offers"] { text-align:left; }
.single-option-radio{ padding-left:0; margin-left:0; }

and this,

.template-product  div[data-price-container]{text-align:left;}
.template-product .single-option-radio__label{ display:none;}

 both which I found in this thread, "Brooklyn product page price placement and variant title", but it does not seem to work...


Here is how it looks now:


CP variant.png

Also, I would like to keep this feature for ONLY one of my products (1 out of 9) so as to charge different price based on color. Is this possible by dublicated pages?


Can you please guide me through?


Hello ,
Please share your site url.
So that i can check and provide you exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit