subfooter minimal theme

Solved
Explorer
73 0 13

Hi, 

i want to have a customizsation on my footer menu, would it be possible to make an extra line under the footer like this:

 

Bildschirmfoto 2020-11-25 um 08.27.06.png

 

Hope somebody can help.

Thanks and BR

Franziska

0 Likes
Shopify Expert
103 4 9

@FranziRak  yes, it's possible to add more lines.

what do you want to add there?


If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com
0 Likes
Explorer
73 0 13

I want  maybe the logo but of course the links to the pages like in the picture IMPRESSUM, AGB and DATENSCHUTZ

0 Likes
Shopify Expert
103 4 9

so you want footer logo and menu link correct ?

If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com
0 Likes
Explorer
73 0 13

yes

0 Likes
Explorer
73 0 13

@AvidBrio can you help me with this?

Shopify Expert
103 4 9

This is an accepted solution.

hi @FranziRak  I am sharing the code for the footer bottom line section 

may need some alignment and styles you have to do that.  or you can hire an expert. Screenshot from 2020-11-26 15-30-32.png 

  

 

here code for  theme code -> section/footer.liquid   you can replace the same code

 



 

 

<footer class="site-footer small--text-center" role="contentinfo">

<div class="wrapper">

  <div class="grid-uniform">

    {% if settings.social_twitter_link != blank or settings.social_facebook_link != blank or settings.social_pinterest_link != blank or settings.social_google_plus_link != blank or settings.social_instagram_link != blank or settings.social_snapchat_link != blank or settings.social_tumblr_link != blank or settings.social_youtube_link != blank or settings.social_vimeo_link != blank or settings.social_fancy_link != blank or settings.social_rss_link != blank %}
      {% assign show_social_icons = true %}
    {% else %}
      {% assign show_social_icons = false %}
    {% endif %}

    {% case section.blocks.size %}
      {% when 0 %}
      {% when 1 %}
        {% assign column_width = 'text-center' %}
        {%- assign article_width = 480 -%}
      {% when 2 %}
        {% assign column_width = 'post-large--one-half medium--one-half' %}
        {%- assign article_width = 480 -%}
      {% when 3 %}
        {% assign column_width = 'post-large--one-third medium--one-third' %}
        {%- assign article_width = 435 -%}
      {% when 4 %}
        {% assign column_width = 'post-large--one-quarter medium--one-half' %}
        {%- assign article_width = 410 -%}
      {% when 5 %}
        {% assign column_width = 'post-large--one-fifth medium--one-half' %}
        {%- assign article_width = 335 -%}
      {% when 6 %}
        {% assign column_width = 'post-large--one-sixth medium--one-half' %}
        {%- assign article_width = 335 -%}
    {% endcase %}

    {% for block in section.blocks %}
      {% case block.type %}
        {% when 'blog' %}
          <div class="grid__item {{ column_width }} site-footer__links">
            {% assign blog = blogs[block.settings.blog] %}
            <h3 class="h4"><a href="{{ blog.url }}">{{ 'layout.footer.blog_title' | t }}</a></h3>
            {% assign article = blogs[block.settings.blog].articles.first %}
            <p class="h5">{{ article.title | link_to: article.url }}</p>
            {% if article.image %}
              {% capture img_id %}ArticleImage-{{ section.id }}--{{ article.image.id }}{% endcapture %}
              {% capture wrapper_id %}ArticleImageWrapper-{{ section.id }}--{{ article.image.id }}{% endcapture %}
              {%- assign img_url = article.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
              {%- assign image_alt = article.title | escape -%}
              {% include 'image-style' with image: article.image, width: article_width, height: 480, wrapper_id: wrapper_id, img_id: img_id %}
              <p>
                <div id="{{ wrapper_id }}" class="article__image-wrapper supports-js">
                  <div style="padding-top:{{ 1 | divided_by: article.image.aspect_ratio | times: 100}}%;">
                    <img id="{{ img_id }}"
                         class="article__image lazyload"
                         src="{{ article.image | img_url: '300x300' }}"
                         data-src="{{ img_url }}"
                         data-widths="[90, 120, 150, 180, 360, 480, 600, 750, 940, 1080, 1296]"
                         data-aspectratio="{{ article.image.aspect_ratio }}"
                         data-sizes="auto"
                         alt="{{ image_alt }}">
                  </div>
                </div>
              </p>

              <noscript>
                <p>{{ article | img_url: 'large' | img_tag: image_alt, 'article__image' | link_to: article.url }}</p>
              </noscript>
            {% endif %}
            {% if article.excerpt.size > 0 %}
            <div class="clearfix">
              {{ article.excerpt }}
            </div>
            {% else %}
              <p>{{ article.content | strip_html | truncatewords: 30 }}</p>
            {% endif %}
          </div>

        {% when 'menu' %}
          <div class="grid__item {{ column_width }}">
            {% unless num_columns == 1 %}
            <h3 class="h4">{{ block.settings.menu_title | escape }}</h3>
            {% endunless %}
            <ul class="site-footer__links{% if num_columns == 1 %} inline-list{% endif %}">
              {% for link in linklists[block.settings.menu].links %}
                <li><a href="{{ link.url }}">{{ link.title }}</a></li>
              {% endfor %}
            </ul>
          </div>

        {% when 'social' %}
          <div class="grid__item {{ column_width }}">
            <h3 class="h4">{{ 'layout.footer.social_title' | t }}</h3>
              {% comment %}
                Loop through the social network links
              {% endcomment %}
              {% include 'social-links' %}
          </div>

        {% when 'text' %}
          <div class="grid__item {{ column_width }}">
            <h3 class="h4">{{ block.settings.title | escape }}</h3>
            <div class="rte">{{ block.settings.richtext }}</div>
          </div>

        {% when 'newsletter' %}
          <div class="grid__item {{ column_width }}">
            <h3 class="h4">{{ 'layout.footer.newsletter_title' | t }}</h3>
            {% unless block.settings.subtext == blank %}
              {{ block.settings.subtext }}
            {% endunless %}
            {% include 'newsletter-form' %}
          </div>

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

  <hr class="hr--small hr--clear">

  <div class="grid">
    <div class="grid__item text-center">
      <p class="site-footer__links">{{ 'layout.footer.copyright' | t }} &copy; {{ 'now' | date: '%Y' }}, {{ shop.name | link_to: routes.root_url }}. {{ powered_by_link }}</p>
    </div>
  </div>

  {% if section.settings.show_methods_of_payment %}
    {% unless shop.enabled_payment_types == empty %}
    <div class="grid">
      <div class="grid__item text-center">
        <span class="visually-hidden">{{ 'general.payment.method' | t }}</span>
        <ul class="inline-list payment-icons">
          {% for type in shop.enabled_payment_types %}
            <li>
              {{ type | payment_type_svg_tag: class: 'icon' }}
            </li>
          {% endfor %}
        </ul>
      </div>
    </div>
    {% endunless %}
  {% endif %}
  
   <div class="grid__item">
   
      <div class="grid  text-center">
         <div class="grid__item medium-up--one-third small--one-half">
        {% if section.settings.footer_logo_image != blank %}
        	<img src="{{section.settings.footer_logo_image  | img_url: 'medium'}}" alt="">
        {% endif %}
        </div>
        
         <div class="grid__item medium-up--one-third small--one-half">
         
        <ul class="inline-list payment-icons">
           
           
         {% for link in linklists[section.settings.menu-bottom].links %}
                <li><a href="{{ link.url }}">{{ link.title }}</a></li>
           {% endfor %}
 
          
        </ul>
      </div>
        </div>
    </div>
  
</div>

</footer>



{% schema %}
{
  "name": {
    "cs": "Zápatí",
    "da": "Sidefod",
    "de": "Fußzeile",
    "en": "Footer",
    "es": "Pie de página",
    "fi": "Alatunniste",
    "fr": "Pied de page",
    "it": "Footer",
    "ja": "フッター",
    "ko": "바닥글",
    "nb": "Footer",
    "nl": "Voettekst",
    "pl": "Stopka",
    "pt-BR": "Rodapé",
    "pt-PT": "Rodapé",
    "sv": "Sidfot",
    "th": "ส่วนท้าย",
    "tr": "Altbilgi",
    "vi": "Chân trang",
    "zh-CN": "页脚",
    "zh-TW": "頁尾"
  },
  "max_blocks": 6,
  "settings": [
    {
      "type": "checkbox",
      "id": "show_methods_of_payment",
      "label": {
        "cs": "Ikony plateb",
        "da": "Betalingsikoner",
        "de": "Zahlungssymbole",
        "en": "Payment icons",
        "es": "Iconos de pago",
        "fi": "Maksukuvakkeet",
        "fr": "Icônes de paiement",
        "it": "Icone di pagamento",
        "ja": "支払いアイコン",
        "ko": "결제 아이콘",
        "nb": "Betalingsikoner",
        "nl": "Betalingspictogrammen",
        "pl": "Ikony płatności",
        "pt-BR": "Ícones de pagamento",
        "pt-PT": "Métodos de Pagamento",
        "sv": "Betalningsikoner",
        "th": "ไอคอนการชำระเงิน",
        "tr": "Ödeme simgeleri",
        "vi": "Biểu tượng thanh toán",
        "zh-CN": "付款图标",
        "zh-TW": "付款圖示"
      }
    },
{
      "id": "footer_logo_image",
      "type": "image_picker",
      "label": "Footer Logo image"
    },
{
          "type": "link_list",
          "id": "menu-bottom",
          "label": {
            "cs": "Nabídka",
            "da": "Menu",
            "de": "Menü",
            "en": "Menu",
            "es": "Menú",
            "fi": "Valikko",
            "fr": "Menu",
            "it": "Menu",
            "ja": "メニュー",
            "ko": "메뉴",
            "nb": "Meny",
            "nl": "Menu",
            "pl": "Menu",
            "pt-BR": "Menu",
            "pt-PT": "Menu",
            "sv": "Meny",
            "th": "เมนู",
            "tr": "Menü",
            "vi": "Menu",
            "zh-CN": "菜单",
            "zh-TW": "選單"
          }
}
  ],
  "blocks": [
    {
      "type": "menu",
      "name": {
        "cs": "Nabídka",
        "da": "Menu",
        "de": "Menü",
        "en": "Menu",
        "es": "Menú",
        "fi": "Valikko",
        "fr": "Menu",
        "it": "Menu",
        "ja": "メニュー",
        "ko": "메뉴",
        "nb": "Meny",
        "nl": "Menu",
        "pl": "Menu",
        "pt-BR": "Menu",
        "pt-PT": "Menu",
        "sv": "Meny",
        "th": "เมนู",
        "tr": "Menü",
        "vi": "Menu",
        "zh-CN": "菜单",
        "zh-TW": "選單"
      },
      "settings": [
        {
          "type": "text",
          "id": "menu_title",
          "label": {
            "cs": "Nadpis",
            "da": "Overskrift",
            "de": "Titel",
            "en": "Heading",
            "es": "Título",
            "fi": "Otsake",
            "fr": "Titre",
            "it": "Heading",
            "ja": "見出し",
            "ko": "제목",
            "nb": "Overskrift",
            "nl": "Kop",
            "pl": "Nagłówek",
            "pt-BR": "Título",
            "pt-PT": "Título",
            "sv": "Rubrik",
            "th": "ส่วนหัว",
            "tr": "Başlık",
            "vi": "Tiêu đề",
            "zh-CN": "标题",
            "zh-TW": "標題"
          },
          "default": {
            "cs": "Odkazy",
            "da": "Links",
            "de": "Links",
            "en": "Links",
            "es": "Enlaces",
            "fi": "Linkit",
            "fr": "Liens",
            "it": "Links",
            "ja": "リンク",
            "ko": "링크",
            "nb": "Koblinger",
            "nl": "Links",
            "pl": "Linki",
            "pt-BR": "Links",
            "pt-PT": "Ligações",
            "sv": "Länkar",
            "th": "ลิงก์",
            "tr": "Bağlantılar",
            "vi": "Liên kết",
            "zh-CN": "链接",
            "zh-TW": "連結"
          }
        },
        {
          "type": "link_list",
          "id": "menu",
          "label": {
            "cs": "Nabídka",
            "da": "Menu",
            "de": "Menü",
            "en": "Menu",
            "es": "Menú",
            "fi": "Valikko",
            "fr": "Menu",
            "it": "Menu",
            "ja": "メニュー",
            "ko": "메뉴",
            "nb": "Meny",
            "nl": "Menu",
            "pl": "Menu",
            "pt-BR": "Menu",
            "pt-PT": "Menu",
            "sv": "Meny",
            "th": "เมนู",
            "tr": "Menü",
            "vi": "Menu",
            "zh-CN": "菜单",
            "zh-TW": "選單"
          }
        }
      ]
    },
    {
      "type": "text",
      "name": {
        "cs": "Text",
        "da": "Tekst",
        "de": "Text",
        "en": "Text",
        "es": "Texto",
        "fi": "Teksti",
        "fr": "Texte",
        "it": "Testo",
        "ja": "テキスト",
        "ko": "텍스트",
        "nb": "Tekst",
        "nl": "Tekst",
        "pl": "Tekst",
        "pt-BR": "Texto",
        "pt-PT": "Texto",
        "sv": "Text",
        "th": "ข้อความ",
        "tr": "Metin",
        "vi": "Văn bản",
        "zh-CN": "文本",
        "zh-TW": "文字"
      },
      "settings": [
        {
          "type": "text",
          "id": "title",
          "label": {
            "cs": "Nadpis",
            "da": "Overskrift",
            "de": "Titel",
            "en": "Heading",
            "es": "Título",
            "fi": "Otsake",
            "fr": "Titre",
            "it": "Heading",
            "ja": "見出し",
            "ko": "제목",
            "nb": "Overskrift",
            "nl": "Kop",
            "pl": "Nagłówek",
            "pt-BR": "Título",
            "pt-PT": "Título",
            "sv": "Rubrik",
            "th": "ส่วนหัว",
            "tr": "Başlık",
            "vi": "Tiêu đề",
            "zh-CN": "标题",
            "zh-TW": "標題"
          },
          "default": {
            "cs": "Kontaktujte nás",
            "da": "Kontakte os",
            "de": "Kontaktiere uns",
            "en": "Contact us",
            "es": "Ponte en contacto con nosotros",
            "fi": "Ota yhteyttä",
            "fr": "Contactez-nous",
            "it": "Contattaci",
            "ja": "お問い合わせ",
            "ko": "문의처",
            "nb": "Kontakt oss",
            "nl": "Neem contact met ons op",
            "pl": "Skontaktuj się z nami",
            "pt-BR": "Fale conosco",
            "pt-PT": "Contacte-nos",
            "sv": "Kontakta oss",
            "th": "ติดต่อเรา",
            "tr": "Bizimle iletişime geçin",
            "vi": "Liên hệ với chúng tôi",
            "zh-CN": "联系我们",
            "zh-TW": "聯絡我們"
          }
        },
        {
          "type": "richtext",
          "id": "richtext",
          "label": {
            "cs": "Text",
            "da": "Tekst",
            "de": "Text",
            "en": "Text",
            "es": "Texto",
            "fi": "Teksti",
            "fr": "Texte",
            "it": "Testo",
            "ja": "テキスト",
            "ko": "텍스트",
            "nb": "Tekst",
            "nl": "Tekst",
            "pl": "Tekst",
            "pt-BR": "Texto",
            "pt-PT": "Texto",
            "sv": "Text",
            "th": "ข้อความ",
            "tr": "Metin",
            "vi": "Văn bản",
            "zh-CN": "文本",
            "zh-TW": "文字"
          }
        }
      ]
    },
    {
      "type": "blog",
      "name": {
        "cs": "Nejnovější příspěvek na blogu",
        "da": "Seneste blogopslag",
        "de": "Letzter Blog-Beitrag",
        "en": "Latest blog post",
        "es": "Última entrada en el blog",
        "fi": "Viimeisin blogijulkaisu",
        "fr": "Dernier article de blog",
        "it": "Ultimo articolo del blog",
        "ja": "最新のブログ記事",
        "ko": "최근 블로그 게시물",
        "nb": "Siste blogginnlegg",
        "nl": "Laatste blogbericht",
        "pl": "Najnowszy post na blogu",
        "pt-BR": "Último post do blog",
        "pt-PT": "Última publicação no blogue",
        "sv": "Senaste blogginlägget",
        "th": "โพสต์บล็อกล่าสุด",
        "tr": "En son blog gönderisi",
        "vi": "Bài viết blog mới nhất",
        "zh-CN": "最新博客文章",
        "zh-TW": "最新的部落格貼文"
      },
      "settings": [
        {
          "type": "blog",
          "id": "blog",
          "label": {
            "cs": "Blog",
            "da": "Blog",
            "de": "Blog",
            "en": "Blog",
            "es": "Blog",
            "fi": "Blogi",
            "fr": "Blog",
            "it": "Blog",
            "ja": "ブログ",
            "ko": "블로그",
            "nb": "Blogg",
            "nl": "Blog",
            "pl": "Blog",
            "pt-BR": "Blog",
            "pt-PT": "Blogue",
            "sv": "Blogg",
            "th": "บล็อก",
            "tr": "Blog",
            "vi": "Blog",
            "zh-CN": "博客",
            "zh-TW": "部落格"
          }
        }
      ]
    },
    {
      "type": "social",
      "name": {
        "cs": "Ikony sociálních sítí",
        "da": "Ikoner for sociale medier",
        "de": "Social-Media-Symbole",
        "en": "Social icons",
        "es": "Iconos de redes sociales",
        "fi": "Some-kuvakkeet",
        "fr": "Icônes de partage social",
        "it": "Icone social",
        "ja": "ソーシャルアイコン",
        "ko": "소셜 아이콘",
        "nb": "Ikoner for sosiale medier",
        "nl": "Socialmediapictogrammen",
        "pl": "Ikony mediów społecznościowych",
        "pt-BR": "Ícones de redes sociais",
        "pt-PT": "Ícones de redes sociais",
        "sv": "Sociala medier-ikoner",
        "th": "ไอคอนโซเชียล",
        "tr": "Sosyal medya simgeleri",
        "vi": "Biểu tượng mạng xã hội",
        "zh-CN": "社交图标",
        "zh-TW": "社群媒體圖示"
      },
      "limit": 1,
      "settings": [
        {
          "type": "paragraph",
          "content": {
            "cs": "Upravte nastavení sociálních sítí a účty v nastavení motivů",
            "da": "Rediger dine SoMe-indstillinger og -konti i temaindstillingerne",
            "de": "Einstellungen und Konten für soziale Netzwerke in den Theme-Einstellungen bearbeiten",
            "en": "Edit your social settings and accounts in theme settings",
            "es": "Edita tu configuración y tus cuentas de redes sociales en la configuración del tema",
            "fi": "Muokkaa sosiaalisia asetuksiasi ja tilejäsi teema-asetuksissa",
            "fr": "Modifiez vos paramètres et vos comptes sociaux dans les paramètres des thèmes",
            "it": "Modifica impostazioni e account social nelle impostazioni temi",
            "ja": "テーマ設定でソーシャル設定とアカウントを編集する",
            "ko": "테마 설정에서 소셜 설정 및 계정 수정",
            "nb": "Rediger sosiale kontoer og innstillinger under temainnstillinger",
            "nl": "Bewerk je instellingen en accounts voor social media in thema-instellingen",
            "pl": "Edytuj ustawienia i konta społecznościowe w ustawieniach szablonu",
            "pt-BR": "Edite suas configurações sociais e contas nas configurações de tema",
            "pt-PT": "Editar as suas definições sociais e contas nas definições de tema",
            "sv": "Redigera dina sociala inställningar och konton i temainställningar",
            "th": "แก้ไขการตั้งค่าโซเชียลมีเดียและบัญชีผู้ใช้ของคุณที่การตั้งค่าธีม",
            "tr": "Sosyal medya ayarlarınızı ve hesaplarınızı tema ayarlarından düzenleyin",
            "vi": "Chỉnh sửa cài đặt và tài khoản mạng xã hội trong cài đặt chủ đề",
            "zh-CN": "在模板设置中编辑社媒设置和社交媒体账户",
            "zh-TW": "在「佈景主題」設定中編輯社群設定和帳號"
          }
        }
      ]
    },
    {
      "type": "newsletter",
      "name": {
        "cs": "Přihlášení k odběru novinek",
        "da": "Tilmelding til nyhedsbrev",
        "de": "Newsletter-Anmeldung",
        "en": "Newsletter signup",
        "es": "Suscripción al boletín",
        "fi": "Uutiskirjeen tilaus",
        "fr": "Inscription",
        "it": "Iscrizione Newsletter",
        "ja": "ニュースレターの登録",
        "ko": "뉴스레터 신청",
        "nb": "Registrering for nyhetsbrev",
        "nl": "Nieuwsbriefaanmelding",
        "pl": "Rejestracja do newslettera",
        "pt-BR": "Assinatura da newsletter",
        "pt-PT": "Registo na newsletter",
        "sv": "Nyhetsbrevsregistrering",
        "th": "การสมัครรับจดหมายข่าว",
        "tr": "Bülten kaydı",
        "vi": "Đăng ký nhận bản tin",
        "zh-CN": "新闻通讯注册",
        "zh-TW": "訂閱電子報"
      },
      "limit": 1,
      "settings": [
        {
          "type": "richtext",
          "id": "subtext",
          "label": {
            "cs": "Text nižší úrovně",
            "da": "Undertekst",
            "de": "Subtext",
            "en": "Subtext",
            "es": "Subtexto",
            "fi": "Alateksti",
            "fr": "Sous-texte",
            "it": "Sottotesto",
            "ja": "サブテキスト",
            "ko": "하위 텍스트",
            "nb": "Undertekst",
            "nl": "Subtekst",
            "pl": "Tekst podrzędny",
            "pt-BR": "Subtexto",
            "pt-PT": "Subtexto",
            "sv": "Undertext",
            "th": "ข้อความรอง",
            "tr": "Alt metin",
            "vi": "Văn bản phụ",
            "zh-CN": "子文本",
            "zh-TW": "子文字"
          },
          "default": {
            "cs": "<p>Zaregistrujte se k odběru nejnovějších zpráv, nabídek a stylů</p>",
            "da": "<p>Bliv skrevet op til at modtage de seneste nyheder, tilbud og stilarter</p>",
            "de": "<p>Melde dich für die neuesten Nachrichten, Angebote und Stile an</p>",
            "en": "<p>Sign up for the latest news, offers and styles</p>",
            "es": "<p>Regístrate para recibir las últimas noticias, ofertas y estilos</p>",
            "fi": "<p>Tilaa tuoreimmat uutiset, tarjoukset ja tyylit</p>",
            "fr": "<p>Inscrivez-vous pour connaître les derniers styles, offres et nouvelles</p>",
            "it": "<p>Iscriviti per ricevere le ultime novità, offerte e stili</p>",
            "ja": "<p>サインアップして最新のニュース、オファー、スタイルを受け取る</p>",
            "ko": "<p>최신 뉴스, 서비스 및 스타일을 위해 가입하십시오.</p>",
            "nb": "<p>Meld deg på for å motta de siste nyhetene, tilbudene og stilene</p>",
            "nl": "<p> Meld je aan voor het laatste nieuws, aanbiedingen en stijlen</p>",
            "pl": "<p>Zarejestruj się, aby otrzymywać najnowsze wiadomości, oferty i style</p>",
            "pt-BR": "<p>Inscreva-se para receber os últimos estilos, novidades e ofertas</p>",
            "pt-PT": "<p>Inscreva-se para as notícias, ofertas e estilos mais recentes</p>",
            "sv": "<p>Registrera dig för de senaste nyheterna, erbjudanden och stilar</p>",
            "th": "<p>ลงทะเบียนรับข่าวสาร ข้อเสนอ และรูปแบบใหม่ล่าสุด</p>",
            "tr": "<p>Son haberler, teklifler ve stiller için kaydolun</p>",
            "vi": "<p>Đăng ký để nhận tin tức, ưu đãi và kiểu mới nhất</p>",
            "zh-CN": "<p>注册以获取最新新闻、优惠和样式</p>",
            "zh-TW": "<p>訂閱最新消息、優惠和樣式</p>"
          }
        }
      ]
    }
  ]
}
{% endschema %}

 

 




If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com
0 Likes
Explorer
73 0 13

@AvidBrio you are the best, thank you so much for your help!!!!