Color swatches/variants in forgien language

AlonElbaz
Tourist
8 0 7

so basicly when you get into one of my products and if u will check the color options

you will see that 

AlonElbaz_0-1621281949030.png

my site is in non - english language and i want to translate it [hebrew] but when i do change it the color not behing recognized like that:

1.jpg

"צבע" = Color in hebrew so i want it to be recognized 

so i did a little digging in the internet and search a few sources that indicate that this is the source at edit code > snippets > collection-swatch.liquid

 

{% if settings.collection_swatches %}
  {% assign file_extension = 'png' %}

  {% for option in product.options %}
    {% assign downcased_option = option | downcase %}
    {% if downcased_option contains 'color' or downcased_option contains 'colour' %}
      {% assign option_index = forloop.index0 %}
      {% assign values = '' %}
      <div class="collection_swatches">

        {% for variant in product.variants %}
          {% assign value = variant.options[option_index] %}
          {% unless values contains value %}
            {% assign values = values | join: ',' %}
            {% assign values = values | append: ',' | append: value %}
            {% assign values = values | split: ',' %}

            <a href="{{ variant.url | within: collection }}" class="swatch" data-swatch-name="meta-{{ downcased_option }}_{{ value | replace: ' ', '_' | downcase }}">
              <span {% if section.settings.products_per_row == 2 %}
                      data-image="{{ variant.featured_image | product_img_url: '600x' }}"
                    {% elsif section.settings.products_per_row == 3 %}
                      data-image="{{ variant.featured_image | product_img_url: '500x' }}"
                    {% else %}
                      data-image="{{ variant.featured_image | product_img_url: '400x' }}"
                    {% endif %}
                    style="background-image: url({{ value | handle | append: '.' | append: file_extension | asset_img_url: '50x' | prepend: 'https:' }}); background-color: {{ value | split: ' ' | last | handle }};">
                </span>
            </a>
          {% endunless %}
        {% endfor %}

      </div>
    {% endif %}
  {% endfor %}
{% endif %}

 

 

but i dont know how to define the hebrew as well so the "צבע" will be = "color"

 

thoughts?

 

KetanKumar
Shopify Partner
18675 1967 6916

@AlonElbaz 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
AlonElbaz
Tourist
8 0 7

Hey thank you i will add a link right away:

https://dynamic-outdoors.com/products/andersonbag

Also if u can recommand a good place to learn css from , that also will be great

Thank you for your time sir

0 Likes
KetanKumar
Shopify Partner
18675 1967 6916

@AlonElbaz 

thanks are you upload custom translate color text on your app?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
AlonElbaz
Tourist
8 0 7

For now all the color "red , green , blue , navy" is only on the english language

FIrst i want to manage to translate the "color" to "צבע" and if it will work ill think about changing each color (also not sure how to do that)

This is an example of the hebrew color text with the hebrew color name

https://dynamic-outdoors.com/collections/frontpage/products/spencerbackpack

KetanKumar
Shopify Partner
18675 1967 6916

@AlonElbaz 

oh sorry

let me know which app do you have used to translation?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
AlonElbaz
Tourist
8 0 7

Hey i have an app that called rtl master that make alot of thing right to left

I dont have any translation app all is translated via the theme themplete in the edit language

KetanKumar
Shopify Partner
18675 1967 6916

@AlonElbaz 

oh i ssee may check theme setting edit language

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
AlonElbaz
Tourist
8 0 7

Hey what do i need to check there?

I can edit the language in the product page but its not responding because the code himself doesnt recognize hebrew i think its in the code i sent 

Am i wrong? 

And if i am wrong can u explain what should i check in the edit lang?

KetanKumar
Shopify Partner
18675 1967 6916

@AlonElbaz 

yes you're current way

edit the language

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes