Debut Theme Text Column With Icons

Tourist
8 0 0

I would like to add a section like this to the debut theme. I'm brand new to coding and I know very little at the moment. Any help would be greatly appreciated.

 

Thanks.Screen Shot 2019-05-05 at 9.13.55 PM.png

0 Likes
Shopify Expert
537 24 97

Debut has a "Logo list" section, you would just need to add a text input field for the text below each logo.

★ ThemeUp: Nifty Upgrades for your Shopify Store ★ https://themeup.net
1 Like
Shopify Partner
1871 313 400

Hi,

Follow this:

1. Go to Online Store->Theme->Edit code

2. Sections->logo-bar.liquid->find "id": "link" in block under schema and add bellow:

      {
          "type": "text",
          "id": "logo_text",
          "label": "Text"
        }

Please don't miss format.

3. find logo-bar__item li under ul and paste this 

<p>{{ block.settings.logo_text }}</p>

If you can't let me know. or skype me.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
1 Like
New Member
4 0 0

Hi i am sorry but could you please elaborate how would i go about doing this?

What is the path to view this option?

0 Likes
Shopify Partner
1871 313 400

Which theme you have and store url? 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
New Member
4 0 0

Hi im currently having the same problem, Im not too sure where do i enter the bits of code.

 

Im using the debut theme.

 

Any help would be greatly appreciated :)

0 Likes
Shopify Partner
1871 313 400

You can follow my given above instruction it work for debut theme and if any problem then let me know whats an issue. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
1 Like
New Member
4 0 0

 

For the first bit of code, im not too sure where to add it as its abit different 

        {
          "type": "url",
          "id": "link",
          "label": {
            "da": "Link",
            "de": "Link",
            "en": "Link",
            "es": "Enlace",
            "fi": "Linkki",
            "fr": "Lien",
            "hi": "लिंक",
            "it": "Link",
            "ja": "リンク",
            "ko": "링크",
            "ms": "Pautan",
            "nb": "Kobling",
            "nl": "Link",
            "pt-BR": "Link",
            "pt-PT": "Ligação",
            "sv": "Länk",
            "th": "ลิงก์",
            "zh-CN": "链接",
            "zh-TW": "連結"

 

And for the second bit of code where u add the <p> tag, im not too sure where it goes

  {% if section.blocks.size > 0 %}
    <ul class="logo-bar{% if section.settings.title_enable %} logo-bar--large{% endif %}">
      {% for block in section.blocks %}
        <li class="logo-bar__item{% if section.settings.title_enable %} logo-bar__item--large{% endif %}" {{ block.shopify_attributes }}>
          {% if block.settings.link != blank %}
            <a href="{{ block.settings.link }}" class="logo-bar__link">
          {% endif %}
          {% if block.settings.image != blank %}
            {{ block.settings.image | img_url: '160x160', scale: 2 | img_tag: block.settings.image.alt, 'logo-bar__image' }}
          {% else %}
            {{ 'logo' | placeholder_svg_tag: 'placeholder-svg' }}
          {% endif %}
          {% if block.settings.link != blank %}
            </a>
          {% endif %}

Thanks

 

0 Likes
Highlighted
Shopify Partner
1871 313 400

Add me as staff i will check it

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
New Member
5 0 0

Hey Jasoliya,

 

I tried adding the code in step 2, however I get an error stating "An error prevented logo-bar.liquid from being saved." Do you know why this might be. I am adding the code exactly as it is in the line below "id" : "link"

0 Likes