Jeżeli nadal wpisujesz treści ręcznie w każdej sekcji Shopify, tracisz jedną z najpotężniejszych funkcji nowoczesnych motywów. Dynamic Sources pozwalają automatycznie podłączać dane sklepu do Theme Editora.

Dzięki temu właściciel sklepu może zarządzać treścią bez ingerencji w kod i bez konieczności aktualizowania wielu miejsc jednocześnie.

Czym są Dynamic Sources?

Dynamic Sources to mechanizm Shopify, który umożliwia powiązanie ustawień sekcji z danymi przechowywanymi w sklepie.

Możesz automatycznie pobierać:

nazwy produktów
opisy
ceny
zdjęcia
metafields
dane kolekcji
informacje o klientach

Bez ręcznego kopiowania treści.

Praktyczny przykład

Załóżmy, że tworzysz sekcję promującą produkt.

Zamiast wpisywać dane ręcznie:

<h2>iPhone 17 Pro</h2>
<p>Najbardziej zaawansowany smartfon Apple.</p>

Możesz pobierać dane dynamicznie:

<h2>{{ product.title }}</h2>
<p>{{ product.description }}</p>

Po zmianie produktu treść zaktualizuje się automatycznie.

Dynamiczne obrazy

Shopify umożliwia pobieranie obrazów bezpośrednio z produktu.

{% if product.featured_image %}
  <img
    src="{{ product.featured_image | image_url: width: 1200 }}"
    alt="{{ product.title }}"
  >
{% endif %}

To rozwiązanie eliminuje konieczność ręcznego wgrywania grafik do każdej sekcji.

Dynamiczne Metafields

Największą siłą Dynamic Sources są Metafields.

Przykład:

{{ product.metafields.custom.material }}

Możesz przechowywać:

materiał produktu
gwarancję
parametry techniczne
czas realizacji
instrukcje użytkowania

i wyświetlać je automatycznie w dowolnym miejscu sklepu.

Dynamiczna sekcja zalet

Przykład:

{% if product.metafields.custom.benefit %}
  <div class="benefit">
    {{ product.metafields.custom.benefit }}
  </div>
{% endif %}

Po zmianie wartości w panelu Shopify sekcja aktualizuje się natychmiast.

Dynamiczne źródła w Theme Editorze

Przykładowa definicja ustawienia:

{
  "type": "text",
  "id": "heading",
  "label": "Nagłówek"
}

Po kliknięciu ikony Dynamic Source w Theme Editorze można podłączyć:

pole produktu
kolekcję
metafield
dane strony CMS

bez modyfikacji kodu.

Dlaczego warto korzystać z Dynamic Sources?

Największe zalety:

mniej ręcznej pracy
łatwiejsze zarządzanie sklepem
mniej błędów
większa skalowalność
szybsze aktualizacje treści

Przy dużych sklepach oszczędza to dziesiątki godzin pracy miesięcznie.

Dynamic Sources + Theme Blocks

Najlepsze efekty osiąga się łącząc Dynamic Sources z Theme Blocks.

Właściciel sklepu może wtedy:

przeciągać elementy
zmieniać kolejność sekcji
podłączać dane produktów
aktualizować treści bez programisty

Dokładnie tak działają nowoczesne motywy Shopify.

Przykład wykorzystania w sekcji Hero

<div class="hero">
  <h1>{{ product.title }}</h1>

  <p>
    {{ product.metafields.custom.short_description }}
  </p>

  <a href="{{ product.url }}">
    Zobacz produkt
  </a>
</div>

Jedna sekcja może działać dla setek produktów bez kopiowania kodu.

Podsumowanie

Dynamic Sources to jedna z najbardziej niedocenianych funkcji Shopify Theme Development. Pozwala budować sklepy, które są nie tylko atrakcyjne wizualnie, ale również łatwe w zarządzaniu.

W Netova wykorzystujemy Dynamic Sources praktycznie w każdym sklepie Shopify, ponieważ znacząco zwiększają elastyczność motywu i ograniczają ilość pracy po stronie klienta.

Potrzebujesz profesjonalnego sklepu Shopify?

Shopify Dynamic Sources - Jak połączyć Theme Editor z danymi sklepu?