FROM CACHE - nl_header

Custom section; data ophalen in header / footer

Opgelost

Custom section; data ophalen in header / footer

mmjjanssen
Shopify Partner
15 2 3

Ik heb een custom section aangemaakt voor algemene instellingen;

 

  • webwinkelkeur settings welke in zowel de header als footer terugkomen
  • afbeeldingen
  • rich text

Deze informatie zou ik graag zowel in de header als footer terug laten komen, maar is dit mogelijk? Voorheen had ik deze instellingen opgedeeld en zo de bestaande header / footer sections uitgebreid, maar voor het overzicht in het beheer leek me dit een betere oplossing.

 

Ik heb dus een losse liquid file aangemaakt om deze ook als aparte setting te zien in de thema editor;

{% schema %}
  {
    "name": "Roca Online",
    "class": "section-roca",
    "settings": [
      {
        "type": "header",
        "content": "t:sections.roca-online.settings.header__1.content",
        "info": "t:sections.roca-online.settings.header__1.info"
      },
      {
        "type": "url",
        "id": "webwinkelkeur_url",
        "label": "t:sections.roca-online.settings.title.webwinkel_url_label"
      },
      {
        "type": "text",
        "id": "webwinkelkeur_id",
        "label": "t:sections.roca-online.settings.title.webwinkel_id_label"
      },
      {
        "type": "image_picker",
        "id": "webwinkelkeur_img",
        "label": "t:sections.roca-online.settings.title.webwinkel_img_label"
      },
      {
        "type": "header",
        "content": "t:sections.roca-online.settings.header__2.content",
        "info": "t:sections.roca-online.settings.header__2.info"
      },
      {
        "type": "image_picker",
        "id": "subfooter_img",
        "label": "t:sections.roca-online.settings.title.subfooter_img_label"
      },
      {
        "type": "richtext",
        "id": "subfooter_text",
        "label": "t:sections.roca-online.settings.title.subfooter_text_label"
      },
      {
        "type": "image_picker",
        "id": "footer_img",
        "label": "t:sections.roca-online.settings.title.footer_img_label"
      },
      {
        "type": "richtext",
        "id": "footer_text",
        "label": "t:sections.roca-online.settings.title.footer_text_label"
      }
    ]
  }
{% endschema %}

In het beheer kan ik alle data dus vullen, maar in zowel de header.liquid en footer.liquid is deze data niet beschikbaar. Is dit wel een optie, of is de enige oplossing om toch de custom velden toe te voegen aan de juiste onderdelen?

 

Schermafbeelding 2022-09-29 om 11.30.11.png

...
1 GEACCEPTEERDE OPLOSSING

mmjjanssen
Shopify Partner
15 2 3

Geslaagd.

Ik heb een andere oplossing bedacht om dit probleem op te kunnen lossen; in plaats van een nieuwe sectie naast de header met algemene instellingen, kan dit alles worden ondergebracht in de settings_schema.json file. Op deze manier breng ik alles onder op één plek en kan ik dit door de hele site gewoon opvragen.

...

Bekijk de oplossing in de community in het oorspronkelijke bericht

3 ANTWOORDEN 3

mmjjanssen
Shopify Partner
15 2 3

Geslaagd.

Ik heb een andere oplossing bedacht om dit probleem op te kunnen lossen; in plaats van een nieuwe sectie naast de header met algemene instellingen, kan dit alles worden ondergebracht in de settings_schema.json file. Op deze manier breng ik alles onder op één plek en kan ik dit door de hele site gewoon opvragen.

...
PaardEerlijk
Bezoeker
1 0 0

Hoi Mmjjanssen, ik poog ook het logo met actuele score toe te voegen in de footer van onze shop (nog niet gepubliceerd), maar krijg het niet (op een mooie) manier voor elkaar. Kan je wat meer toelichten hoe jij dat hebt gedaan?

mmjjanssen
Shopify Partner
15 2 3

In de footer.liquid file heb ik het volgende toegevoegd. Dit correspondeert dan weer met de instellingen welke ik heb toegevoegd in de settings_schema.json file.

footer.liquid

{%- if settings.webwinkelkeur_id  -%}
  <h2 class="footer-block__heading">{{ 'sections.footer.our_clients' | t }}</h2>
  <div class="footer-block__details-content">
    <iframe src="https://dashboard.webwinkelkeur.nl/webshops/widget_html?id={{ settings.webwinkelkeur_id }}&layout=new_button-stars&theme=dark&color=%23ec008b&show=yes&view=slider&amount=6&width=manual&width_amount=250px&height=45px&interval=5000&language=nld" scrolling="no" class="wwk-widget-iframe wwk-widget--new_button-stars wwk-widget--new_button-stars--dark wwk-widget--has-tooltip--default" style="border: 0; height: 45px!important; width: 250px!important;" title="WebwinkelKeur"></iframe>
  </div>
{%- endif -%}

  

settings_schema.json

[
  {
    "name": "theme_info",
    "theme_name": "Dawn",
    "theme_version": "6.0.2",
    "theme_author": "Shopify",
    "theme_documentation_url": "https:\/\/help.shopify.com\/manual\/online-store\/themes",
    "theme_support_url": "https:\/\/support.shopify.com\/"
  },
  {
    "name": "t:sections.roca-online.settings.header__1.content",
    "settings": [
      {
        "type": "url",
        "id": "webwinkelkeur_url",
        "label": "t:sections.roca-online.settings.title.webwinkel_url_label"
      },
      {
        "type": "text",
        "id": "webwinkelkeur_id",
        "label": "t:sections.roca-online.settings.title.webwinkel_id_label"
      },
      {
        "type": "image_picker",
        "id": "webwinkelkeur_img",
        "label": "t:sections.roca-online.settings.title.webwinkel_img_label"
      }
    ]
  }
]
...