2016-07-12 12 views
0

Ein Kunde möchte A/B-Tests auf der Produktdetailseite einrichten, die sich auf die stock_level der Produktvarianten beziehen. Sobald der Benutzer ihre Optionen auswählt, wenn die Menge weniger als 5 ist, würde ich etwas wie "Beeilen Sie, nur 3 mehr auf Lager" ...BigCommerce-Schablone - Produktvariante Lagerbestände

Ich glaube, ich habe die richtigen Inventareinstellungen aktiviert, weil ich kann Rufen Sie die stock_level eines Produkts ohne Optionen ab.

Hat jemand Erfolg gehabt, die Variante SKU stock_levels in Schablone zu ziehen?

Dank

+0

Dies ist auf der Produktseite? – Alyss

+0

Korrekt. Gerade bearbeitet, um zu klären. – thannes

Antwort

1

Dies kann mit Hilfe von JavaScript in der assets/js/theme/common/product-details.js Datei erfolgen. Beim ersten Laden der Seite und jedes Mal, wenn eine Produktoption geändert wird, gibt es eine Funktion updateView(data), die aufgerufen wird. Der Parameter data enthält alle Informationen, die Sie für die ausgewählte Variation benötigen.

Ab Linie 285, ersetzen diese:

updateView(data) { 
    const viewModel = this.getViewModel(this.$scope); 

    this.showMessageBox(data.stock_message || data.purchasing_message); 

mit diesem:

updateView(data) { 
    const viewModel = this.getViewModel(this.$scope); 

    if(data.stock < "5") { 
     data.stock_message = "Hurry, only " + data.stock + " left!"; 
    } 
    this.showMessageBox(data.stock_message || data.purchasing_message); 
+0

Ich führe eine frühe Beta-Version von Stencil, also heißt diese Funktion productOptionsChanged(), aber die Daten sind da und haben alles, was ich brauche. Tolle Antwort, danke! – thannes

Verwandte Themen