DAWN THEME - How to add social icons to header infront of cart icont?

Solved

DAWN THEME - How to add social icons to header infront of cart icont?

DC9898
Shopify Partner
20 3 3

DAWN THEME - How to add social icons to header infront of cart icont?

header social.png

 

My store URL is https://retrochic-socialbychantee.myshopify.com

password: 1

Accepted Solution (1)
DC9898
Shopify Partner
20 3 3

This is an accepted solution.

I found another solution

View solution in original post

Replies 3 (3)

PageFly-Victor
Shopify Partner
7865 1785 3075

Hi @DC9898

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

you can try the following

PageFly_0-1662630590620.png

 

This code

 <div class="social">

          <ul class="footer__list-social list-unstyled list-social" role="list">

            {%- if settings.social_twitter_link != blank -%}

              <li class="list-social__item">

                <a href="{{ settings.social_twitter_link }}" class="link list-social__link" >

                  {%- render 'icon-twitter' -%}

                  <span class="visually-hidden">{{ 'general.social.links.twitter' | t }}</span>

                </a>

              </li>

            {%- endif -%}

            {%- if settings.social_facebook_link != blank -%}

              <li class="list-social__item">

                <a href="{{ settings.social_facebook_link }}" class="link list-social__link" >

                  {%- render 'icon-facebook' -%}

                  <span class="visually-hidden">{{ 'general.social.links.facebook' | t }}</span>

                </a>

              </li>

            {%- endif -%}

            {%- if settings.social_pinterest_link != blank -%}

              <li class="list-social__item">

                <a href="{{ settings.social_pinterest_link }}" class="link list-social__link" >

                  {%- render 'icon-pinterest' -%}

                  <span class="visually-hidden">{{ 'general.social.links.pinterest' | t }}</span>

                </a>

              </li>

            {%- endif -%}

            {%- if settings.social_instagram_link != blank -%}

              <li class="list-social__item">

                <a href="{{ settings.social_instagram_link }}" class="link list-social__link" >

                  {%- render 'icon-instagram' -%}

                  <span class="visually-hidden">{{ 'general.social.links.instagram' | t }}</span>

                </a>

              </li>

            {%- endif -%}

            {%- if settings.social_tiktok_link != blank -%}

              <li class="list-social__item">

                <a href="{{ settings.social_tiktok_link }}" class="link list-social__link" >

                  {%- render 'icon-tiktok' -%}

                  <span class="visually-hidden">{{ 'general.social.links.tiktok' | t }}</span>

                </a>

              </li>

            {%- endif -%}

            {%- if settings.social_tumblr_link != blank -%}

              <li class="list-social__item">

                <a href="{{ settings.social_tumblr_link }}" class="link list-social__link" >

                  {%- render 'icon-tumblr' -%}

                  <span class="visually-hidden">{{ 'general.social.links.tumblr' | t }}</span>

                </a>

              </li>

            {%- endif -%}

            {%- if settings.social_snapchat_link != blank -%}

              <li class="list-social__item">

                <a href="{{ settings.social_snapchat_link }}" class="link list-social__link" >

                  {%- render 'icon-snapchat' -%}

                  <span class="visually-hidden">{{ 'general.social.links.snapchat' | t }}</span>

                </a>

              </li>

            {%- endif -%}

            {%- if settings.social_youtube_link != blank -%}

              <li class="list-social__item">

                <a href="{{ settings.social_youtube_link }}" class="link list-social__link" >

                  {%- render 'icon-youtube' -%}

                  <span class="visually-hidden">{{ 'general.social.links.youtube' | t }}</span>

                </a>

              </li>

            {%- endif -%}

            {%- if settings.social_vimeo_link != blank -%}

              <li class="list-social__item">

                <a href="{{ settings.social_vimeo_link }}" class="link list-social__link" >

                  {%- render 'icon-vimeo' -%}

                  <span class="visually-hidden">{{ 'general.social.links.vimeo' | t }}</span>

                </a>

              </li>

          </ul>

        {%- endif -%}

      </div>

 

Best Regards;

Pagefly

 

DC9898
Shopify Partner
20 3 3

I tried this but nothing appeared

 

DC9898
Shopify Partner
20 3 3

This is an accepted solution.

I found another solution