Liquid, JavaScript, Themes
Hallo!
Ich habe die automatische Bestellbestätigung angepasst und auch gespeichert. In der Vorschau wird sie mir richtig angezeigt und auch das Test-Mail funktioniert einwandfrei.
Wenn ich allerdings eine Testbestellung durchführe, erhalte ich nur die standarmäßige Bestellbestätigung, ohne meinen angepassten Text.
Kennt das jemand?
Die anderen angepassten Bestätigungen (wie Versandbestätigung) klappt wieder ohne Probleme?!
Freue mich über jeden Tipp!
Danke im Voraus!
Petra
@spaetzi – kannst Du bitte Screenshots vom Testmail und dem tatsächlich verschickten Mail zeigen? Und idealerweise auch den Quelltext des Templates. Verwendest Du irgendein Tool, oder bearbeitest Du einfach die nativen Vorlagen?
LG, Mario
Hallo!
Ja natürlich! Also das sind 1x die Mail, die bei meiner Testbestellung ankam. Dann 1x das Testmail, das ich mir geschickt hatte und 1x die Vorschau in den Vorlagen.
__________________________________________________________________________________________
Ich verwende dafür kein extra Tool, ich habe direkt die vorgegebene Vorlage bearbeitet.
Das hier ist der Code:
{% capture email_title %}Vielen Dank für deine Bestellung! {% endcapture %}
{% capture email_body %}
{% if requires_shipping %}
{% case delivery_method %}
{% when 'pick-up' %}
Du erhältst eine E-Mail, sobald deine Bestellung zur Abholung bereit ist.
{% when 'local' %}
Hallo {{ customer.first_name }}! Wir bereiten deine Bestellung gerade für die Zustellung vor.
{% else %}
Hallo {{ customer.first_name }}! <br>Hiermit bestätigen wir, deine Bestellung erhalten zu haben. <br <br>Wir sitzen schon in den Startlöchern und beginnen so schnell wie möglich, deine Bestellung zu bearbeiten und deine personalisierten Geschichten gegebenenfalls neu einzusprechen und zu schneiden! <br>Sobald die Geschichten fertig sind, erhältst du von uns ein Mail! Gib uns dafür bitte 5-7 Werktage Zeit. <br>Wir geben Gas! Versprochen!<br>
<br>
<p><a target='_blank' href='https://orderprinterpro.com/download/orders/fc138100308654eb3158/{{ id | times: 8946 }}/{{ name | handleize }}.pdf'>Hier klicken, um deine Rechnung zu erhalten!</a></p>
<br>
<br>
Hier noch etwas Rechtliches: <br><br>
<b> Bestätigung deiner Erklärungen zur sofortigen Vertragsausführung </b> <br><br>
Du hast folgende Erklärungen abgegeben: <br> <br>
<em>„Ich stimme hiermit ausdrücklich zu, dass noch vor Ablauf der sonst bestehenden Rücktrittsfrist (Widerrufsfrist) mit der Erfüllung des Vertrages begonnen wird.
<br>
<br>
Ich nehme zur Kenntnis, dass ich mein Rücktrittsrecht (Widerrufsrecht) bei vorzeitigem (vor Ablauf der sonst bestehenden Rücktrittsfrist/Widerrufsfrist erfolgendem) Beginn mit der Vertragserfüllung - nach Zurverfügungstellung einer Ausfertigung oder Bestätigung des geschlossenen Vertrages auf einem dauerhaften Datenträger inklusive obiger Zustimmungserklärung und Erklärung der Kenntnisnahme vom Verlust des Rücktrittsrechts (Widerrufsrechts) samt der gesetzlichen Informationen (§ 4 Abs 1 FAGG), soferne diese nicht schon vorher auf dauerhaftem Datenträger zur Verfügung gestellt wurden - verliere.“ </em>
<br>
<br>
Du hast daher kein Rücktrittsrecht (Widerrufsrecht).“
{% endcase %}
{% if delivery_instructions != blank %}
<p><b>Informationen zur Zustellung:</b> {{ delivery_instructions }}</p>
{% endif %}
{% endif %}
{% endcapture %}
<!DOCTYPE html>
<html lang="de">
<head>
<title>{{ email_title }}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">
<style>
.button__cell { background: {{ shop.email_accent_color }}; }
a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
</style>
</head>
<body>
<table class="body">
<tr>
<td>
<table class="header row">
<tr>
<td class="header__cell">
<center>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<td class="shop-name__cell">
{%- if shop.email_logo_url %}
<img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
{%- else %}
<h1 class="shop-name__text">
<a href="{{shop.url}}">{{ shop.name }}</a>
</h1>
{%- endif %}
</td>
<td class="order-number__cell">
<span class="order-number__text">
Bestellung {{ order_name }}
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<table class="row content">
<tr>
<td class="content__cell">
<center>
<table class="container">
<tr>
<td>
<h2>{{ email_title }}</h2>
<p>{{ email_body }}</p>
{% if order_status_url %}
<table class="row actions">
<tr>
<td class="empty-line"> </td>
</tr>
<tr>
<td class="actions__cell">
<table class="button main-action-cell">
<tr>
<td class="button__cell"><a href="{{ order_status_url }}" class="button__text">Bestellung ansehen</a></td>
</tr>
</table>
{% if shop.url %}
<table class="link secondary-action-cell">
<tr>
<td class="link__cell">oder <a href="{{ shop.url }}">Zu unserem Shop</a></td>
</tr>
</table>
{% endif %}
</td>
</tr>
</table>
{% else %}
{% if shop.url %}
<table class="row actions">
<tr>
<td class="actions__cell">
<table class="button main-action-cell">
<tr>
<td class="button__cell"><a href="{{ shop.url }}" class="button__text">Zu unserem Shop</a></td>
</tr>
</table>
</td>
</tr>
</table>
{% endif %}
{% endif %}
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
{% assign gift_card_line_item = line_items | where: "gift_card" %}
{% if gift_card_line_item.first %}
<table class="row section">
<tr>
<td class="section__cell">
<center>
<table class="container">
<tr>
<td>
<h3>Geschenkgutschein</h3>
</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<p> Du erhältst separate Benachrichtigungen für Geschenkgutscheine.</p>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
{% endif %}
<table class="row section">
<tr>
<td class="section__cell">
<center>
<table class="container">
<tr>
<td>
<h3>Bestellübersicht</h3>
</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
{% for line in subtotal_line_items %}
<tr class="order-list__item">
<td class="order-list__item__cell">
<table>
<td>
{% if line.image %}
<img src="{{ line | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/>
{% endif %}
</td>
<td class="order-list__product-description-cell">
{% if line.product.title %}
{% assign line_title = line.product.title %}
{% else %}
{% assign line_title = line.title %}
{% endif %}
{% if line.quantity < line.quantity %}
{% capture line_display %} {{ line.quantity }} of {{ line.quantity }} {% endcapture %}
{% else %}
{% assign line_display = line.quantity %}
{% endif %}
<span class="order-list__item-title">{{ line_title }} × {{ line_display }}</span><br/>
{% if line.variant.title != 'Default Title' %}
<span class="order-list__item-variant">{{ line.variant.title }}</span><br/>
{% endif %}
{% if line.selling_plan_allocation %}
<span class="order-list__item-variant">{{ line.selling_plan_allocation.selling_plan.name }}</span><br/>
{% endif %}
{% if line.refunded_quantity > 0 %}
<span class="order-list__item-refunded">Zurückerstattet</span>
{% endif %}
{% if line.discount_allocations %}
{% for discount_allocation in line.discount_allocations %}
{% if discount_allocation.discount_application.target_selection != 'all' %}
<span class="order-list__item-discount-allocation">
<img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" />
<span>
{{ discount_allocation.discount_application.title | upcase }}
(-{{ discount_allocation.amount | money }})
</span>
</span>
{% endif %}
{% endfor %}
{% endif %}
</td>
<td class="order-list__price-cell">
{% if line.original_line_price != line.final_line_price %}
<del class="order-list__item-original-price">{{ line.original_line_price | money }}</del>
{% endif %}
<p class="order-list__item-price">
{% if line.final_line_price > 0 %}
{{ line.final_line_price | money }}
{% else %}
Kostenlos
{% endif %}
</p>
</td>
</table>
</td>
</tr>{% endfor %}
</table>
<table class="row subtotal-lines">
<tr>
<td class="subtotal-spacer"></td>
<td>
<table class="row subtotal-table">
{% for discount_application in discount_applications %}
{% if discount_application.target_selection == 'all' %}
{% capture discount_title %}
{% if discount_application.title %}
{{ discount_application.title | upcase }}
{% else %}
Rabatt
{% endif %}
{% endcapture %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>Rabatt</span>
<span class="subtotal-line__discount">
<img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" />
<span class="subtotal-line__discount-title">{{ discount_title }}</span>
</span>
</p>
</td>
<td class="subtotal-line__value">
<strong>-{{ discount_application.total_allocated_amount | money }}</strong>
</td>
</tr>
{% endif %}
{% endfor %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>Zwischensumme</span>
</p>
</td>
<td class="subtotal-line__value">
<strong>{{ subtotal_price | money }}</strong>
</td>
</tr>
{% if delivery_method == 'pick-up' %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>Abholungen</span>
</p>
</td>
<td class="subtotal-line__value">
<strong>{{ shipping_price | money }}</strong>
</td>
</tr>
{% else %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>Versand</span>
</p>
</td>
<td class="subtotal-line__value">
<strong>{{ shipping_price | money }}</strong>
</td>
</tr>
{% endif %}
{% if current_total_duties %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>Zollgebühren</span>
</p>
</td>
<td class="subtotal-line__value">
<strong>{{ current_total_duties | money }}</strong>
</td>
</tr>
{% endif %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>Steuern</span>
</p>
</td>
<td class="subtotal-line__value">
<strong>{{ tax_price | money }}</strong>
</td>
</tr>
{% if total_tip and total_tip > 0 %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>Tip</span>
</p>
</td>
<td class="subtotal-line__value">
<strong>{{ total_tip | money }}</strong>
</td>
</tr>
{% endif %}
</table>
<table class="row subtotal-table subtotal-table--total">
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>Gesamt</span>
</p>
</td>
<td class="subtotal-line__value">
<strong>{{ total_price | money_with_currency }}</strong>
</td>
</tr>
</table>
{% if total_discounts > 0 %}
<p class="total-discount">
Du hast <span class="total-discount--amount">{{ total_discounts | money }}</span> gespart
</p>
{% endif %}
{% assign transaction_size = 0 %}
{% assign transaction_amount = 0 %}
{% for transaction in transactions %}
{% unless transaction.kind == "capture" or transaction.kind == "void" %}
{% assign transaction_size = transaction_size | plus: 1 %}
{% assign transaction_amount = transaction_amount | plus: transaction.amount %}
{% endunless %}
{% endfor %}
{% if transaction_size > 1 or transaction_amount < total_price %}
<table class="row subtotal-table">
<tr><td colspan="2" class="subtotal-table__line"></td></tr>
<tr><td colspan="2" class="subtotal-table__small-space"></td></tr>
{% for transaction in transactions %}
{% if transaction.status == "success" and transaction.kind == "authorization" or transaction.kind == "sale" %}
{% if transaction.payment_details.credit_card_company %}
{% capture transaction_name %}{{ transaction.payment_details.credit_card_company }} (mit den letzten Ziffern {{ transaction.payment_details.credit_card_last_four_digits }}){% endcapture %}
{% else %}
{% capture transaction_name %}{{ transaction.gateway_display_name }}{% endcapture %}
{% endif %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>{{transaction_name}}</span>
</p>
</td>
<td class="subtotal-line__value">
<strong>{{ transaction.amount | money }}</strong>
</td>
</tr>
{% endif %}
{% if transaction.kind == 'refund' %}
{% if transaction.payment_details.credit_card_company %}
{% assign refund_method_title = transaction.payment_details.credit_card_company %}
{% else %}
{% assign refund_method_title = transaction.gateway %}
{% endif %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>Zurückerstatten</span>
<br>
<small>{{ refund_method_title | capitalize }}</small>
</p>
</td>
<td class="subtotal-line__value">
<strong>- {{ transaction.amount | money }}</strong>
</td>
</tr>
{% endif %}
{% endfor %}
</table>
{% endif %}
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<table class="row section">
<tr>
<td class="section__cell">
<center>
<table class="container">
<tr>
<td>
<h3>Kundeninformationen</h3>
</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
{% if requires_shipping and shipping_address %}
<td class="customer-info__item">
<h4>Lieferadresse</h4>
{{ shipping_address | format_address }}
</td>
{% endif %}
{% if billing_address %}
<td class="customer-info__item">
<h4>Rechnungsadresse</h4>
{{ billing_address | format_address }}
</td>
{% endif %}
</tr>
</table>
<table class="row">
<tr>
{% if requires_shipping and shipping_address %}
<td class="customer-info__item">
<h4>Versand</h4>
<p>{{ shipping_method.title }}</p>
</td>
{% endif %}
{% assign transaction_count = transactions | size %}
{% if transaction_count > 0 %}
<td class="customer-info__item">
<h4>Zahlung</h4>
{% for transaction in transactions %}
{% if transaction.status == "success" or transaction.status == "pending" %}
{% if transaction.kind == "authorization" or transaction.kind == "sale" %}
{% if transaction.payment_details.credit_card_company %}
<p class="customer-info__item-content">
<img src="{{ transaction.payment_details.credit_card_company | payment_icon_png_url }}" class="customer-info__item-credit" height="24" alt="{{ transaction.payment_details.credit_card_company }}">
<span>endet mit {{ transaction.payment_details.credit_card_last_four_digits }} — <strong>{{ transaction.amount | money }}</strong></span>
</p>
{% elsif transaction.gateway_display_name == "Gift card" %}
<p class="customer-info__item-content">
<img src="{{ transaction.gateway_display_name | downcase | replace: ' ', '-' | payment_type_img_url }}" class="customer-info__item-credit" height="24">
endet mit {{ transaction.payment_details.gift_card.last_four_characters | upcase }} — <strong>{{ transaction.amount | money }}</strong> <br />
Geschenkgutscheinguthaben: {{ transaction.payment_details.gift_card.balance | money }}
</p>
{% else %}
<p class="customer-info__item-content">
{{ transaction.gateway_display_name }} — <strong>{{ transaction.amount | money }}</strong>
</p>
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
</td>
{% endif %}
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<table class="row footer">
<tr>
<td class="footer__cell">
<center>
<table class="container">
<tr>
<td>
<p class="disclaimer__subtext">Falls du Fragen hast, antworte auf diese E-Mail oder kontaktiere uns unter <a href="mailto:{{ shop.email }}">{{ shop.email }}</a>.</p>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<img src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" />
</td>
</tr>
</table>
</body>
</html>
{%- if shop.terms_of_service.body != blank -%}
{{ shop.terms_of_service | attach_as_pdf: "AGB" }}
{%- endif -%}
{%- if shop.refund_policy.body != blank -%}
{{ shop.refund_policy | attach_as_pdf: "Widerrufsbelehrung" }}
{%- endif -%}
Danke und lg,
Petra
@spaetzi – danke, den Code hab ich jetzt nicht Zeile für Zeile analysiert, aber die Screenshots sind soweit schlüssig, und entsprechen dem, was Du beschrieben hast. Bist Du sicher, dass Du die richtige Vorlage bearbeitet hast? Die da müsste das sein: /admin/email_templates/order_confirmation/edit
Liebe Grüße,
Mario
@r8r Habe das soeben nochmals überprüft. Ja ich habe die richtige Vorlage bearbeitet. Komischerweise klappt es auch bei allen anderen Vorlagen, nur leider bei dieser nicht. 😞
Liebe Grüße,
Petra
Danke für deine Hilfe! Ich habe soeben erneut eine Testbestellung durchgeführt, und plötzlich hat es geklappt. Ich habe zwar nichts geändert, aber hauptsache es funktioniert! 😄
Liebe Grüße!
Petra
Na, dann gratuliere ich 😉
Lieber @r8r !
Nachdem ich mich nun auf den Rest meines Shops konzentriert hatte und gestern abschließend nochmals eine Testbestellung durchgeführt habe, kam erneut dasselbe Problem.
Auch heute bei meiner ersten richtigen Bestellung kam die Bestellbestätigung nicht so an, wie ich sie in der Vorlage bearbeitet hatte.
Kann man da etwas machen?
Testmail und Vorschau passen, doch das tatsächliche Mail sieht dann anders aus. (Es sieht nicht einmal so aus, wie es die Standardvorlage anzeigt?!)
Danke und lg,
Petra
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024