FROM CACHE - de_header
Gelöst

Artikel Feld hinzufügen

dennis1990
Besucher
1 0 0

Guten Tag, besteht die Möglichkeit ein extra Feld auf der Artikelseite hinzuzufügen, was erst ausgefüllt werden muss bevor der kauf getätigt werden kann?

Als Beispiel: 

Ich möchte zum Beispiel Tassen verkaufen auf denen ein kleiner Satz stehen soll. Also biete ich den Artikel Tasse an.

Wenn die Tasse gekauft wurde weiß ich aber leider nicht was der Kunde auf die Tasse gedruckt haben möchte, also bräuchte ich hierzu ein extra Feld 

in den die Leute dann ihren Satz, Name oder ect. 

Könntet ihr mir damit helfen? 

 

Liebe Grüße Dennis

1 AKZEPTIERTE LÖSUNG

Gabe
Shopify Staff
16357 2587 3853

Erfolg.

Hey @dennis1990 

Danke für die Frage und um ein obligatorisches Eingabe Feld oder Kästchen zu deiner Produktseite hinzuzufügen so dass die Kunden den Tassen-Satz eingeben haben wir ein paar Code Tutorials wenn man sich das zutraut das DIY zu machen (aber bitte zuerst in einer Testumgebung und nicht im Live Theme!).

Ein Tutorial habe ich hier und diesen kann man auch für die Produktseite verwenden, nur muss man die Variablen etwas ändern (auf EN) und wenn dies nur für bestimmte Produkte gelten soll dann sollte man eine separate Produktvorlage nur für die betroffene Produkte erstellen:

Spoiler

You can add as many custom form fields to your cart form as you need. You can use the Shopify UI Elements Generator tool to easily generate the HTML and Liquid code for each form field that you want to add to your cart page. This tool was created by Shopify to help simplify the process of adding custom user interface elements, such as form fields and icons, to Shopify themes.

  1. Go to the Shopify UI Elements Generator.
  2. In the Set your form field section, select the type of form element that you want to use from the Type of form field drop-down menu:

    Gabe_0-1623853584275.jpeg
  3. Enter a label for Your form field label.
  4. If you want your theme to prevent customers from reaching the checkout before they have filled in your form field, check Required.
  5. You can see a preview of your form field in the Preview section.
  6. Copy the generated code from the box in the Grab your code section.

Add a form field to your theme code

To add a custom form field:

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to edit, and then click Actions > Edit code.
  3. In the Sections directory, clickcart-template.liquid. If your theme doesn't have acart-template.liquid, then, in the Templates directory, click cart.liquid.
  4. Find the closing </form> tag in the code.
  5. On a new line right above the closing </form> tag, paste the code that you copied from the Shopify UI Elements Generator. You can experiment with putting the code in different places to see where the form field appears on your cart page.
  6. If you set your form field to be required, then you will need to remove the novalidate attribute from the checkout form. Find novalidate, which is inside the opening <form> tag. The code might look something like this:

    <form action="/cart" method="post" novalidate class="cart">
    Delete novalidate:

    <form action="/cart" method="post" class="cart">
  7. Click Save.

The new field is shown on the order page of your admin in the Additional Details section.

Note: Cart attributes can be added only to a cart page, and are not compatible with cart drawers, or cart popups. To change your cart style, go to the theme editor.

Show cart attributes in email templates

You can show cart attribute information for orders in your email notification templates. To add cart attributes to an email template, add the following code to the template in the place that you would like the cart attributes to be shown:

<h4>Additional details</h4>
<p>
{% for attribute in attributes %}
{{ attribute | first }}: {{ attribute | last }}<br>
{% endfor %}
</p>


Show cart attributes in Order Printer templates

If you use the Order Printer app to print your orders, you can add some code to your templates to show cart attributes on your printouts. To add cart attributes to an Order Printer template, add the following code to the very bottom of the template:

{% for attribute in attributes %}
{{ attribute | first }}: {{ attribute | last }}<br>
{% endfor %}

Typischerweise verwenden Händler eine App eines Drittanbieters, um ein Notizfeld auf Produktseiten hinzuzufügen, wie z. B. die folgenden Apps, die du ausprobieren kannst:

Dies kann auch DIY, sprich, durch die Anpassung des Themes erreicht werden, wenn du einen Entwickler hast, der oder die mit dir zusammenarbeitet, um bei der Implementierung dieser Anpassung im Shop zu helfen.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Lösung in ursprünglichem Beitrag anzeigen

1 ANTWORT 1

Gabe
Shopify Staff
16357 2587 3853

Erfolg.

Hey @dennis1990 

Danke für die Frage und um ein obligatorisches Eingabe Feld oder Kästchen zu deiner Produktseite hinzuzufügen so dass die Kunden den Tassen-Satz eingeben haben wir ein paar Code Tutorials wenn man sich das zutraut das DIY zu machen (aber bitte zuerst in einer Testumgebung und nicht im Live Theme!).

Ein Tutorial habe ich hier und diesen kann man auch für die Produktseite verwenden, nur muss man die Variablen etwas ändern (auf EN) und wenn dies nur für bestimmte Produkte gelten soll dann sollte man eine separate Produktvorlage nur für die betroffene Produkte erstellen:

Spoiler

You can add as many custom form fields to your cart form as you need. You can use the Shopify UI Elements Generator tool to easily generate the HTML and Liquid code for each form field that you want to add to your cart page. This tool was created by Shopify to help simplify the process of adding custom user interface elements, such as form fields and icons, to Shopify themes.

  1. Go to the Shopify UI Elements Generator.
  2. In the Set your form field section, select the type of form element that you want to use from the Type of form field drop-down menu:

    Gabe_0-1623853584275.jpeg
  3. Enter a label for Your form field label.
  4. If you want your theme to prevent customers from reaching the checkout before they have filled in your form field, check Required.
  5. You can see a preview of your form field in the Preview section.
  6. Copy the generated code from the box in the Grab your code section.

Add a form field to your theme code

To add a custom form field:

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to edit, and then click Actions > Edit code.
  3. In the Sections directory, clickcart-template.liquid. If your theme doesn't have acart-template.liquid, then, in the Templates directory, click cart.liquid.
  4. Find the closing </form> tag in the code.
  5. On a new line right above the closing </form> tag, paste the code that you copied from the Shopify UI Elements Generator. You can experiment with putting the code in different places to see where the form field appears on your cart page.
  6. If you set your form field to be required, then you will need to remove the novalidate attribute from the checkout form. Find novalidate, which is inside the opening <form> tag. The code might look something like this:

    <form action="/cart" method="post" novalidate class="cart">
    Delete novalidate:

    <form action="/cart" method="post" class="cart">
  7. Click Save.

The new field is shown on the order page of your admin in the Additional Details section.

Note: Cart attributes can be added only to a cart page, and are not compatible with cart drawers, or cart popups. To change your cart style, go to the theme editor.

Show cart attributes in email templates

You can show cart attribute information for orders in your email notification templates. To add cart attributes to an email template, add the following code to the template in the place that you would like the cart attributes to be shown:

<h4>Additional details</h4>
<p>
{% for attribute in attributes %}
{{ attribute | first }}: {{ attribute | last }}<br>
{% endfor %}
</p>


Show cart attributes in Order Printer templates

If you use the Order Printer app to print your orders, you can add some code to your templates to show cart attributes on your printouts. To add cart attributes to an Order Printer template, add the following code to the very bottom of the template:

{% for attribute in attributes %}
{{ attribute | first }}: {{ attribute | last }}<br>
{% endfor %}

Typischerweise verwenden Händler eine App eines Drittanbieters, um ein Notizfeld auf Produktseiten hinzuzufügen, wie z. B. die folgenden Apps, die du ausprobieren kannst:

Dies kann auch DIY, sprich, durch die Anpassung des Themes erreicht werden, wenn du einen Entwickler hast, der oder die mit dir zusammenarbeitet, um bei der Implementierung dieser Anpassung im Shop zu helfen.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog