can you please try this code
- Go to Online Store->Theme->Edit code
- Asset->/base.css ->paste below code at the bottom of the file.
.card-information__text {
font-weight: bold;
color: rgb(var(--color-foreground)) !important;
}
Thank you but it didnāt work.
the code you supplied turned everything black. the product title description, price and number of colors available.
Hey, there is a bit of a bug in that code. Just wanted to give you a heads up. I also tweaked it so that it added in thumbnails of the variants on the collection pages. You can see how it looks here https://makeoutstore.com/collections/one-pieces.
{% if product_card_product.options contains 'Pattern'
or product_card_product.options contains 'Color'
or product_card_product.options contains 'Drawing'
or product_card_product.options contains 'Number'
%}
{%- assign pattern_label = 'pattern,Pattern,color,Color,Colour,colour,Drawing,drawing,number,Number' | split: ',' -%}
{%- for option in product_card_product.options_with_values -%}
{%- assign downcased_option = option.name | downcase -%}
{%- if pattern_label contains downcased_option -%}
{%- assign variant_option = 'option' | append: forloop.index -%}
{%- for value in option.values -%}
{%- for variant in product_card_product.variants -%}
{%- if variant[variant_option] == value -%}
{%- assign handle_value = value | handleize -%}
{% assign prodcard_variant_pattern_values = prodcard_variant_pattern_values | append: handle_value | append: ':' %}
{%- endif -%}
{%- endfor -%}
{% if product_card_product.options contains 'Pattern' or product_card_product.options contains 'Color'%}
{% endif %}
{%- endfor -%}
{%- endif -%}
{% assign prodcard_variant_pattern_values_unique = prodcard_variant_pattern_values | split: ':' | uniq | join: ',' %}
{% assign prodcard_variant_pattern_values_unique = prodcard_variant_pattern_values_unique | split: "," %}
{%- endfor -%}
{%- if prodcard_variant_pattern_values_unique.size > 1 -%}
{{prodcard_variant_pattern_values_unique.size }}
{% if product_card_product.options contains 'Pattern'%}Patterns{% endif %}
{% if product_card_product.options contains 'Number'%}Numbers{% endif %}
{% if product_card_product.options contains 'Drawing'%}Drawings{% endif %}
{% if product_card_product.options contains 'Color'%}Colors{% endif %}
Available
{%- endif -%}
{%- endif -%}
To tweak the color you would apply your css to
.product_card_count
You have to hard code your options that you want this to show up for.
1: when you say bug, do you mean a vulnerability?
2: does the new code you pasted add swatches as well as the color count as per your example? If so, Iām not interested in having the color swatches but thank you anyway.
3: could you paste the amended code without the swatches please?
thank you
1 Like
Bug I mean that if you have more than one word in the option then it doesnāt count correctly. If you donāt want swatches you can just remove the line with the image or have that option in the no swatches section. you are welcome. good luck!
Iām no coder but I will figure it out. Thank you again
Sorry to be a pain but I did say I wasnāt a coder. Iāve gone over your code and I canāt see a line that has the word images in it. Can you be specific to what Iām looking for to remove in order to not have the swatches display or please paste the code without that option.
im happy to find it myself but as I mentioned before Iām not a coder so please keep that in mind when directing me what to look for to remove. Thank you again
sorry but in canāt see css code
{% if product_card_product.options contains 'Pattern'
or product_card_product.options contains 'Color'
or product_card_product.options contains 'Drawing'
or product_card_product.options contains 'Number'
%}
{%- assign pattern_label = 'pattern,Pattern,color,Color,Colour,colour,Drawing,drawing,number,Number' | split: ',' -%}
{%- for option in product_card_product.options_with_values -%}
{%- assign downcased_option = option.name | downcase -%}
{%- if pattern_label contains downcased_option -%}
{%- assign variant_option = 'option' | append: forloop.index -%}
{%- for value in option.values -%}
{%- for variant in product_card_product.variants -%}
{%- if variant[variant_option] == value -%}
{%- assign handle_value = value | handleize -%}
{% assign prodcard_variant_pattern_values = prodcard_variant_pattern_values | append: handle_value | append: ':' %}
{%- endif -%}
{%- endfor -%}
{% if product_card_product.options contains 'Pattern' or product_card_product.options contains 'Color'%}
{% endif %}
{%- endfor -%}
{%- endif -%}
{% assign prodcard_variant_pattern_values_unique = prodcard_variant_pattern_values | split: ':' | uniq | join: ',' %}
{% assign prodcard_variant_pattern_values_unique = prodcard_variant_pattern_values_unique | split: "," %}
{%- endfor -%}
{%- if prodcard_variant_pattern_values_unique.size > 1 -%}
{{prodcard_variant_pattern_values_unique.size }}
{% if product_card_product.options contains 'Pattern'%}Patterns{% endif %}
{% if product_card_product.options contains 'Number'%}Numbers{% endif %}
{% if product_card_product.options contains 'Drawing'%}Drawings{% endif %}
{% if product_card_product.options contains 'Color'%}Colors{% endif %}
Available
{%- endif -%}
{%- endif -%}
Hello,
would this code you wrote for Dawn 2.0 work in Dawn 3.0 to display Product Color Availability Under the Product Title? Iāve not inserted it yet.