abbrechen
Suchergebnisse werden angezeigt für 
Stattdessen suchen nach 
Meintest du: 

Bestandsanzeige in Produktseite

PinkybreakShop
Tourist
6 0 0

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

0 Likes
r8r
Shopify Expert
1307 146 445

@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

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
PinkybreakShop
Tourist
6 0 0

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

0 Likes