Shopify. Wie man den Attributselektor zur Produktliste hinzufügt

Von diesem Tutorial erfahren Sie, wie man den Attributselektor zur Produktliste in Shopify hinzufügt.

Shopify. Wie man den Attributselektor zur Produktliste hinzufügt

1. Loggen Sie sich ins Control Panel ein und finden Sie den Tab Online-Shop -> Themes (Online Store -> Themes).

2. Wählen Sie den Tab HTML/CSS Option bearbeiten:

   

3. Öffnen Sie die Datei product-listing-item.liquid oder product-grid-item.liquid im Tab Snippets (Snippets).

4. Finden Sie den folgenden Teil des Codes:

   {% include "snippet-add-to-cart" %} 

   Ersetzen Sie ihn durch den folgenden Code:

   <input type="submit" value="Buy now" />
     <form action="/cart/add" method="post" style="text-align:center;">
     <select name="id">
     {% for variant in product.variants %}
     {% if variant.available %}
     <option value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option>
     {% else %}
     <option disabled="disabled">{{ variant.title }} - Sold Out</option>
     {% endif %}
     {% endfor %}
     </select>
     <button type="submit" class="btn btn-cart">Add to cart</button>
     </form>

   

5. Speichern Sie die Datei und überprüfen Sie Ihre Website.

Sie können auch das ausfuhrliche Video-Tutorial nutzen:

Shopify. Wie man den Attributselektor zur Produktliste hinzufügt