Bestandsanzeige in Produktseite

[PinkybreakShop]

Hey, 

ich suche nun schon seit ein paar Tagen nach einer Möglichkeit, einen kurzen Infotext in meiner Produktseite anzuzeigen.

Wenn ein Produkt vorrätig ist, also Bestand größer 0, dann soll über dem Button "In den Einkaufswagen legen" eine kurze Info stehen a la "Sofort ab Lager verfügbar" oder ähnliches.

Kennt Jemand eine App, die das macht? Oder hat ggf. ein paar Code-Zeilen die "einfach" zu implementieren kann? Oder einen Entwickler, der sowas für ein paar Taler macht? 🙂

Danke & Grüße

Robert

[r8r]

@PinkybreakShop ich hoff, dass Du mit diesem Liquid-Codeschnipsel (der inventory_quantity verwendet) etwas anfangen kannst. Damit haben wir das gerade kürzlich umgesetzt:

{% if product.variants.first.inventory_quantity >= 1 %}
  Yay! Verfügbar!
{% else %}
  Dauert noch …
{% endif %}

Liebe Grüße,
Mario

[PinkybreakShop]

Hey Mario, 

danke für den Codeschnipsel. Ich habe gerade entdeckt, dass in meinem Theme sogar eine Funktion integriert ist, die ich dafür nutzen kann.

Ist die Funktion aktiviert, wird mir sogar die Anzahl angezeigt, die im Bestand ist. Das kann ich aber über die Übersetzung ausblenden. 

 {%- if settings.inventory_enable or settings.inventory_transfers_enable -%}
              {%- assign variants_with_inventory_tracking = product.variants | where: 'inventory_management', 'shopify' -%}
              <script>
                window.inventories = window.inventories || {};
                window.inventories['{{ section_id }}'] = {};
                {% for variant in variants_with_inventory_tracking %}
                  window.inventories['{{ section_id }}'][{{ variant.id }}] = {
                    'quantity': {{ variant.inventory_quantity | default: 0 }},
                    'policy': {{ variant.inventory_policy | json }},
                    'incoming': '{{ variant.incoming | default: false }}',
                    'next_incoming_date': {{ variant.next_incoming_date | date: format: 'date' | json }}
                  };
                {% endfor %}
              </script>

              {% comment %}
                If loaded in quick view, it might be from a JS-loaded function
                that loads recommended products. If that's the case, the above
                JS will not set the variant inventory. Add it to an accessible
                data div to read later instead.
              {% endcomment %}
              {%- if isModal -%}
                <div
                  data-section-id="{{ section_id }}"
                  class="hide js-product-inventory-data"
                  aria-hidden="true"
                  >
                  {%- for variant in variants_with_inventory_tracking -%}
                    <div
                      class="js-variant-inventory-data"
                      data-id="{{ variant.id }}"
                      data-quantity="{{ variant.inventory_quantity | default: 0 }}"
                      data-incoming="{{ variant.incoming | default: false | json }}"
                      data-date="{{ variant.next_incoming_date | date: format: 'date' }}">
                    </div>
                  {%- endfor -%}
                </div>
              {%- endif -%}
            {%- endif -%}

Über die CSS File hab ich es auch schon etwas im Styling geändert:

.product__inventory {
  font-weight: bold;
  color: green;
  text-align:left;
  margin:5px 0
}

Hast du eine Idee, wie ich einen Aufzählungsbubble davor bekomme? Also wie ein ul Element im styling? 

Viele Grüße

Robert