Hallo Tewe!
Danke für die Rückmeldung! Das ich Javascript brauchen werde ist klar... ich denke gerade nach wo ich die Infos abfangen kann ... in der theme.js habe ich den code:
/**
* This callback is called whenever the variant changes and allows to update data about the active variant
*/
}, {
key: '_onVariantChanged',
value: function _onVariantChanged(previousVariant, newVariant) {
// 1st: the prices
this._updateProductPrices(newVariant, previousVariant);
// 2nd: update inventory
this._updateInventory(newVariant, previousVariant);
// 3rd: update SKU
this._updateSku(newVariant, previousVariant);
// 4th: update the price measurement
this._updateUnitPrice(newVariant, previousVariant);
// 5th: the add to cart button
this._updateAddToCartButton(newVariant, previousVariant);
// 6th: store availability
this.storeAvailability.updateWithVariant(newVariant);
// Finally, we send an event so that other system could hook and do their own logic
this.element.dispatchEvent(new CustomEvent('variant:changed', {
bubbles: true,
detail: { variant: newVariant, previousVariant: previousVariant }
}));
}
/**
* Update the prices (optionally showing compare at price)
*/
}, {
key: '_updateProductPrices',
value: function _updateProductPrices(newVariant, previousVariant) {
var productMetaPrices = this.element.querySelector('.ProductMeta__PriceList');
if (!newVariant) {
productMetaPrices.style.display = 'none';
} else {
if (previousVariant && previousVariant['price'] === newVariant['price'] && previousVariant['compare_at_price'] === newVariant['compare_at_price']) {
return; // The price do not have changed so let's return to avoid changing the DOM for nothing
}
productMetaPrices.innerHTML = '';
if (newVariant['compare_at_price'] > newVariant['price']) {
productMetaPrices.innerHTML += '<span class="ProductMeta__Price Price Price--highlight Text--subdued u-h4" data-money-convertible>' + __WEBPACK_IMPORTED_MODULE_4__helper_Currency__["default"].formatMoney(newVariant['price'], window.theme.moneyFormat) + '</span>';
productMetaPrices.innerHTML += '<span class="ProductMeta__Price Price Price--compareAt Text--subdued u-h4" data-money-convertible>' + __WEBPACK_IMPORTED_MODULE_4__helper_Currency__["default"].formatMoney(newVariant['compare_at_price'], window.theme.moneyFormat) + '</span>';
} else {
productMetaPrices.innerHTML += '<span class="ProductMeta__Price Price Text--subdued u-h4" data-money-convertible>' + __WEBPACK_IMPORTED_MODULE_4__helper_Currency__["default"].formatMoney(newVariant['price'], window.theme.moneyFormat) + '</span>';
}
productMetaPrices.style.display = '';
}
}
gefunden.
Wie komme ich aber jetzt dort hin, dass ich das HTML/Liquid Element refreshe....
LG
