SEEKING ANY SUPPORT! - Adding Flag Icons to Testimonials? - Any Help Will Be Appreciated!

[TumaDor]

Hi Shopify Community,

I am looking to add custom icons, specifically flags of countries, to the testimonials section of my website. The default icons given are a quote icon and stars icon, however, that is not what I am looking for so I would like to replace them with flags. I tried to add emojis by editing this line of code and replacing the star icons with emojis. However, the issue is that I am unable to add flag icons as they become letters as shown below when I added the flag of the United States.

The current icons and what I specifically mean by the quote and stars icon is shown below. I am just hoping if anyone can provide me a solution to how I would add flag icons instead of the stars and quote icons.

Many thanks, and thank you in advance! Please let me know if any more specification is required. My store URL and password is attached below, store theme btw is Motion.

Store URL:

zurainelx.myshopify.com

Store Password:

ilyaga

[TumaDor]

Hi again Shopify Community,

So, I actually changed my mind and was wondering if it was possible to add PNG or JPG images to replace the quote and star icons. Also with about the same sizing as the current icons shown on the website. Please let me know of any solutions at your earliest convenience, thanks!

[TumaDor]

So I figured it partly out, my only issue now is that there is a restriction to the image size, or it just won’t allow me to insert the full size of the image.

I tried to make the background-size as small as possible, and made sure the image had the same px, but the issue was still there. Lastly, here is my testimonials.liquid file code. Any help will be much appreciated! !

{%- style -%}
  .testimonials-{{ section.id }} {
    background-color: {{ section.settings.color_background }};
    color: {{ section.settings.color_text }};
  }
}
{%- endstyle -%}

  {%- if section.settings.title != blank -%}
    

      

        ## {{ section.settings.title | escape }}
      

    

  {%- endif -%}

  {%- if section.blocks.size > 0 -%}
    
      

        {%- for block in section.blocks -%}
          

            

> {%- if block.settings.icon == 'quote' -%}
>                 
>               {%- elsif block.settings.icon == '5-stars' -%}
>                 ★★★★★
>               {%- elsif block.settings.icon == '4-stars' -%}
>                 ‎
>               {%- elsif block.settings.icon == '3-stars' -%}
>                 ★★★
>               {%- elsif block.settings.icon == '2-stars' -%}
>                 ★★
>               {%- elsif block.settings.icon == '1-star' -%}
>                 ★
>               {%- endif -%}
> 
>               {%- if block.settings.testimonial != blank -%}
>                 
> {{ block.settings.testimonial }}
> 
>               {%- endif -%}
> 
>               {%- if block.settings.image != blank or block.settings.author != blank or block.settings.author_info != blank -%}
>                 
>                 {%- if block.settings.image != blank -%}
>                   
> 
>                     {%- assign img_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
>                     
>                   
> 
>                 {%- endif -%}
>                 {%- if block.settings.author != blank -%}
>                   
>                 {%- endif -%}
>                 {%- if block.settings.author_info != blank -%}
>                   
> 
> {{ block.settings.author_info | escape }}
> 
>                 {%- endif -%}
>               {%- endif -%}

          

        {%- endfor -%}
      

    

  {%- endif -%}

{% schema %}
  {
    "name": "Customer testimonials",
    "max_blocks": 9,
    "settings": [
      {
        "type": "text",
        "id": "title",
        "label": "Heading",
        "default": "Don't take our word for it"
      },
      {
        "type": "checkbox",
        "id": "round_images",
        "label": "Circular images",
        "default": true
      },
      {
        "type": "color",
        "id": "color_background",
        "label": "Background",
        "default": "#f9f9f9"
      },
      {
        "type": "color",
        "id": "color_text",
        "label": "Text",
        "default": "#1c1d1d"
      }
    ],
    "blocks": [
      {
        "type": "testimonial",
        "name": "Testimonial",
        "settings": [
          {
            "type": "select",
            "id": "icon",
            "label": "Icon",
            "default": "5-stars",
            "options": [
              {
                "value": "none",
                "label": "None"
              },
              {
                "value": "quote",
                "label": "Quote"
              },
              {
                "value": "5-stars",
                "label": "5 stars"
              },
              {
                "value": "4-stars",
                "label": "4 stars"
              },
              {
                "value": "3-stars",
                "label": "3 stars"
              },
              {
                "value": "2-stars",
                "label": "2 stars"
              },
              {
                "value": "1-star",
                "label": "1 star"
              }
            ]
          },
          {
            "type": "richtext",
            "id": "testimonial",
            "label": "Text",
            "default": "

Add customer reviews and testimonials to showcase your store’s happy customers.

"
          },
          {
            "type": "image_picker",
            "id": "image",
            "label": "Author's image"
          },
          {
            "type": "text",
            "id": "author",
            "label": "Author",
            "default": "Author name"
          },
          {
            "type": "text",
            "id": "author_info",
            "label": "Author info",
            "default": "Los Angeles, CA"
          }
        ]
      }
    ],
    "presets": [
      {
        "name": "Customer testimonials",
        "category": "Text",
        "blocks": [
          {
            "type": "testimonial"
          },
          {
            "type": "testimonial"
          },
          {
            "type": "testimonial"
          },
          {
            "type": "testimonial"
          },
          {
            "type": "testimonial"
          }
        ]
      }
    ]
  }
{% endschema %}