Jak pominąć wiersze w tabeli dynamicznej blok
Czego się dowiesz
Dowiedz się, jak pomijać wiersze (np. elementy) w tabeli dynamicznej blok. Najczęstszym przypadkiem użycia tego rozwiązania jest ukrywanie nieistotnych elementów, takich jak ubezpieczenie wysyłki lub darmowe prezenty, z wiadomości e-mail porzucony koszyk zakupowy. Możesz jednak wykonać te kroki dla dowolnej wiadomości e-mail, która korzysta z dynamicznej tabeli bloków.
Proces ten obejmuje bezpośrednią edycję kodu twojej wiadomości e-mail. Jest to zalecane tylko dla doświadczonych technicznie marketingowców lub tych, którzy mają dostęp do programisty. Nasz zespół ds. pomocy nie może pomóc Ci w pisaniu niestandardowego kodu poza ogólnymi wskazówkami zawartymi w tej dokumentacji. Aby zachować bezpieczeństwo Twoich danych, Klaviyo's zespół ds. pomocy nie jest w stanie otworzyć plików HTML.
Zanim zaczniesz
W tym artykule opisano, jak ukryć elementy z istniejącej tabeli dynamicznej blok. Jeśli nie utworzyłeś jeszcze działającego dynamicznego bloku tabeli (np. produktów w porzuconym koszyku zakupowym lub wiadomości e-mail z potwierdzeniem zamówienia), dowiedz się, jak utworzyć go od podstaw lub zacznij od wiadomości w naszej bibliotece sekwencji.
Napisz instrukcje ifNapisz instrukcje if
Przed wprowadzeniem zmian w szablonie utwórz 2 wycinki kodu źródłowego za pomocą edytora tekstu lub kodu (w miejscu, z którego możesz później skopiować i wkleić fragmenty). Każdy wycinek kodu źródłowego będzie składał się z 3 części:
-
Otwarcie , jeśli znacznik,
{% if … %}
wskazujący, które elementy powinny pojawić się w twoim bloku tabeli. - Treść, np. znacznik obrazu lub tekst o produkcie.
-
Znacznik zamykający,
{% endif %}
.
Utwórz otwarcie , jeśli znacznik
Oto kilka przykładów otwarcia znacznika:
Znacznik | Znaczenie |
{% if item.price != 0 %} | Jeśli cena przedmiotu(item.price) jest inna niż 0. |
{% if item.product.name != "Route Shipping Insurance" %} | Jeśli nazwa przedmiotu(item.product.name) jest inna niż "Ubezpieczenie przesyłki w trasie". |
{% if not "T-Shirt" in item.product.title %} | Jeśli tytuł artykułu(item.product.title) nie zawiera "T-Shirt". |
{% if item.title %} | Jeśli tytuł elementu(item.title) jest ustawiony (tj. ma dowolną wartość). |
Wielkość liter w znacznikach jest rozróżniana i muszą one dokładnie pasować do Twoich danych. Na przykład, jeśli zmienną dla ceny twojego przedmiotu jest coś innego niż item.price (np. item.Price lub item.details.line_price), zaktualizuj kod, aby pasował do twojego źródła danych.
Utwórz treść dla instrukcji if
W przypadku zawartości wykonaj następujące kroki, aby użyć istniejącej zawartości z tabeli dynamicznej blok. Napisz ten wycinek kodu źródłowego w kodzie lub edytorze tekstu; dodasz go do swojego szablonu w następnej sekcji.
- W sekcji Zawartość komórki dla obrazu bloku tabeli kliknij przycisk Zastąp, aby wyświetlić symbol zastępczy obrazu.
- Skopiuj cały kod z pola zmiennej dynamicznej lub dynamicznego adresu URL. Zauważ, że może to być prosta zmienna dynamiczna lub dłuższy wycinek kodu źródłowego; skopiuj go w całości, niezależnie od długości.
- Zastąp symbol zastępczy w tym wycinku kodu źródłowego kodem skopiowanym z pola Dynamiczna zmienna lub dynamiczny adres URL.
<img src="PLACEHOLDER" style="width: 200px; height: auto;" width="200">
Jeśli twój istniejący blok tabeli ma prostą zmienną dynamiczną dla obrazu, wynikowa zawartość będzie wyglądać mniej więcej tak:
<img src="{{item.product.variant.images.0.src}}" style="width: 200px; height: auto;" width="200">
Jeśli twój istniejący blok tabeli zawiera dłuższy wycinek kodu źródłowego, wynikowa zawartość może wyglądać następująco:
<img src="{% if item.product.variant.images.0.src %}{{item.product.variant.images.0.src}}{%else%}{{item.product.images.0.src|missing_product_image}}{%endif%}" style="width: 200px; height: auto;" width="200">
Dodaj swoją końcówkę znacznikDodaj swoją końcówkę znacznik
Następnie umieść całą zawartość razem: otwierającą instrukcję if, następnie treść, a na końcu zamknięcie {% endif %}
znacznik.
Powtórz dla zawartości tekstowej
Następnie powtórz ten proces z zawartością z prawej strony bloku tabeli (np. zawartością tekstową). Kliknij </ >, aby otworzyć edytor kodu i skopiuj całą zawartość HTML, a następnie zawiń tę zawartość w tę samą instrukcję if (kroki 1 i 3), której użyłeś do zawartości obrazu.
Oto jak wszystko wygląda razem:
wycinek kodu źródłowego 1 (zdjęcie produktu) | wycinek kodu źródłowego 2 (szczegóły produktu) |
|
|
A oto zestawienie tych wycinków kodu źródłowego:
wycinek kodu źródłowego 1 (zdjęcie produktu) | wycinek kodu źródłowego 2 (szczegóły produktu) |
|
|
Podczas korzystania z wycinka kodu źródłowego, upewnij się, że używasz cudzysłowów prostych (") zamiast cudzysłowów ("), aby zapewnić prawidłowe renderowanie kodu.
Po napisaniu obu wycinków kodu źródłowego, kontynuuj w edytorze szablonów, postępując zgodnie z poniższymi krokami.
Pomiń wiersze w tabeli dynamicznej blokPomiń wiersze w tabeli dynamicznej blok
Przed edycją bloku tabeli dynamicznej rozważ zapisanie oryginalnego bloku jako treści uniwersalnej na wypadek konieczności odwołania się do niego w przyszłych wiadomościach. Następnie odłącz blok i edytuj go osobno, aby zmiany nie zostały zapisane w treści uniwersalnego bloku.
- Jeśli twoja wiadomość e-mail jest częścią sekwencji, ustaw ją na Wersję roboczą lub Ręcznie, aby wiadomości nie były wysyłane podczas edytowania wiadomości sekwencji.
- Upewnij się, że Zawartość komórki dla obu kolumn nowej tabeli blok jest ustawiona na Tekst.
- Kliknij </ >, aby otworzyć edytor HTML dla lewej strony bloku tabeli.
- Skopiuj obraz produktu wycinek kodu źródłowego utworzony w poprzedniej sekcji i wklej go w polu HTML.
- Kliknij przycisk Gotowe w lewym górnym rogu.
- Przejdź do edytora prawej strony tabeli bloków.
- Kliknij </ >, aby otworzyć edytor HTML dla prawej strony bloku tabeli.
- Skopiuj szczegóły produktu wycinek kodu źródłowego, który utworzyłeś w poprzedniej sekcji i wklej go do pola HTML, zastępując całą poprzednią zawartość.
- Kliknij przycisk Gotowe.
- Wyświetl podgląd wiadomości e-mail, aby upewnić się, że wygląda zgodnie z oczekiwaniami: pominięty element nie powinien się pojawić, ale wszystkie inne elementy pojawią się normalnie. Upewnij się, że podgląd zawiera element, który próbujesz ukryć, aby upewnić się, że jest on ukryty.
Instrukcje warunkowe i wbudowany edytor tekstu
Gdy dodasz pewne instrukcje warunkowe do bloku tekstowego, mogą one zniknąć z wbudowanego edytora tekstu. Kod jest nadal obecny; jest po prostu ukryty. Aby wyświetlić i edytować instrukcje warunkowe, otwórz pole kodu źródłowego bloku tekstowego.
Następujące znaczniki są widoczne tylko w polu kodu źródłowego bloku tekstowego:
- {% for ... %}
- {% endfor %}
- {% if ... %}
- {% elif ... %}
- {% else %}
- {% endif %}
- {% with ... %}
- {% endwith %}
Rozwiązywanie problemów
W podglądzie nie pojawiają się żadne elementy
- Upewnij się, że wyświetlasz podgląd zdarzenia, które pasuje do używanego źródła danych (np. Uruchomiona strona płatności kasa dla wiadomości porzucony koszyk zakupowy).
- Upewnij się, że powtórzenie dla i alias wier sza dokładnie odpowiadają kolekcji wierszy i aliasowi wiersza z oryginalnego bloku.
Element, który powinien zostać pominięty, nadal się pojawia
Sprawdź pisownię i wielkie litery w instrukcji if. Jeśli produkt nadal się pojawia, oznacza to, że spełnia kryteria w instrukcji if, więc twoja instrukcja if nie jest poprawnie skonfigurowana. Dowiedz się więcej o logice warunkowej w szablon.
RezultatRezultat
Po wykonaniu tych kroków wszystkie pozycje, które nie spełniają kryteriów w instrukcji if, nie pojawią się w wiadomościach takich jak porzucony koszyk zakupowy lub e-mail z potwierdzeniem zamówienia.
Dodatkowe źródła