FROM CACHE - de_header
Gelöst

Preisänderung bei Mengenauswahl

Sassylove
Besucher
1 0 0

Hallo,

ist es möglich auf der Produktseite, sobald ich die Menge ändere, dass auch gleichzeitig der Preis mit geändert wird?

 

Als Beispiel:

Preis 1€ bei Menge 1

Preis 2€ bei Menge 2

 

Der Preis soll sich quasi "live" mit verändern.

 

Sassylove_0-1685980096630.png

Sassylove_1-1685980113268.png

 

 

 

1 AKZEPTIERTE LÖSUNG

Gabe
Shopify Staff
17313 2742 4048

Erfolg.

Hey @Sassylove 

 

Wenn der Produktpreis direkt auf der PDP Seite sich inkrementieren soll sobald man die Menge erhöht, dann wird das wie @Simonsron sagt eine Code Anpassung verlangen die nicht ganz einfach ist. Die Meisten Shops zeigen den aktualisierten Preis stattdessen auf der Cart Page. Möchtest du auch Mengen-Discounts anbieten wenn jemand die Menge erhöht? Schau dir vielleicht diese Demo an (erhöhe die Menge des Produkts und füge es zum Warenkorb hier) denn ggf. ist das etwas das dir passen könnte. Mengenrabatte können deine Conversions und deinen AOV (average order value) stark erhöhen. 

 

Ansonsten wenn du es selber auf deiner PDP-seite programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du die hier eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negative beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!

 

Du kannst beispielsweise einen JavaScript-Code hinzufügen, der den Preis auf der Produktseite basierend auf der ausgewählten Menge ändert. Hier ist ein Beispielcode:

 

$(document).ready(function() {
 var basePrice = {{ product.price | divided_by: 100.0 }}; // Basispreis des Produkts in Euro

 // Ereignishandler, wenn die Menge geändert wird
 $('[name="quantity"]').change(function() {
   var quantity = $(this).val(); // aktuell ausgewählte Menge
   var newPrice = basePrice * quantity; // neuer Preis basierend auf der Menge

   // Formatieren und Anzeigen des neuen Preises
   $('.product-single__price').text(newPrice.toFixed(2) + '€');
 });
});

 

Dieses Skript verwendet einen Ereignishandler um auf ein Change Event für das Mengeneingabefeld zu lauschen. Wenn die Menge geändert wird, berechnet es den neuen Preis, indem es die Basispreisvariable mit der ausgewählten Menge multipliziert, und aktualisiert dann den Preis auf der Seite.


Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Oder lass wissen, wenn du weitere Fragen dazu hast oder zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

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

2 ANTWORTEN 2

Simonsron
Shopify Partner
699 87 122

Im Allgemeinen ist der Preis, der auf der Produktdetailseite angezeigt wird, der Preis für ein einzelnes Produkt. Wenn Sie eine größere Anzahl von Produkten anzeigen müssen, erhöht sich der Preis mit dieser Anzahl, dies kann einen Entwickler erfordern, der Ihnen dabei hilft, dies über Javascript zu tun!

banned

Gabe
Shopify Staff
17313 2742 4048

Erfolg.

Hey @Sassylove 

 

Wenn der Produktpreis direkt auf der PDP Seite sich inkrementieren soll sobald man die Menge erhöht, dann wird das wie @Simonsron sagt eine Code Anpassung verlangen die nicht ganz einfach ist. Die Meisten Shops zeigen den aktualisierten Preis stattdessen auf der Cart Page. Möchtest du auch Mengen-Discounts anbieten wenn jemand die Menge erhöht? Schau dir vielleicht diese Demo an (erhöhe die Menge des Produkts und füge es zum Warenkorb hier) denn ggf. ist das etwas das dir passen könnte. Mengenrabatte können deine Conversions und deinen AOV (average order value) stark erhöhen. 

 

Ansonsten wenn du es selber auf deiner PDP-seite programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du die hier eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negative beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!

 

Du kannst beispielsweise einen JavaScript-Code hinzufügen, der den Preis auf der Produktseite basierend auf der ausgewählten Menge ändert. Hier ist ein Beispielcode:

 

$(document).ready(function() {
 var basePrice = {{ product.price | divided_by: 100.0 }}; // Basispreis des Produkts in Euro

 // Ereignishandler, wenn die Menge geändert wird
 $('[name="quantity"]').change(function() {
   var quantity = $(this).val(); // aktuell ausgewählte Menge
   var newPrice = basePrice * quantity; // neuer Preis basierend auf der Menge

   // Formatieren und Anzeigen des neuen Preises
   $('.product-single__price').text(newPrice.toFixed(2) + '€');
 });
});

 

Dieses Skript verwendet einen Ereignishandler um auf ein Change Event für das Mengeneingabefeld zu lauschen. Wenn die Menge geändert wird, berechnet es den neuen Preis, indem es die Basispreisvariable mit der ausgewählten Menge multipliziert, und aktualisiert dann den Preis auf der Seite.


Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Oder lass wissen, wenn du weitere Fragen dazu hast oder zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

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