Как обновить <span>в jQuery (функция Shopify Quickview)

Question

Я хочу добавить базовую цену в функцию Quickview в Shopify, но я не могу все сделать правильно с помощью jquery. Я хочу рассчитать basePase на основе productPrice. Проблема в том, что расчет не отображается в HTML. Кажется, мне чего-то не хватает. все еще пусто В другом контексте (Shopify Liquid Code) эта модификация была довольно простой. Здесь это кажется более сложным. У кого-нибудь есть идея / решение для этого? Спасибо за вашу помощь!

  Shopify.doNotTriggerClickOnThumb = false; 
                                       
  var selectCallbackQuickview = function(variant, selector) {
      var productItem = jQuery('.quick-view .product-item');
          addToCart = productItem.find('.add-to-cart-btn'),
          productPrice = productItem.find('.price'),
          comparePrice = productItem.find('.compare-price'),
          basePrice = productItem.find('.base-price'),
          totalPrice = productItem.find('.total-price span');           
      
    
        // Regardless of stock, update the product price
        productPrice.html(Shopify.formatMoney(variant.price, "{{ shop.money_format }}"));
    
        // Also update and show the product's compare price if necessary
        if ( variant.compare_at_price > variant.price ) {
          comparePrice
            .html(Shopify.formatMoney(variant.compare_at_price, "{{ shop.money_format }}"))
            .show();
          productPrice.addClass('on-sale');
        } else {
          comparePrice.hide();
          productPrice.removeClass('on-sale');
        }
       
       BASEPRICE IS CALCULATED HERE:
       if ( productPrice > 20 ){
        if ( productPrice > 90) {
        basePrice = productPrice / 75 / 12 * 100;
        }
        basePrice = productPrice / 75 / 6 * 100;
       else {
          basePrice = productPrice / 75 * 100;
        }
    
      /*recaculate total price*/
        //try pattern one before pattern 2
        var regex = /([0-9]+[.|,][0-9]+[.|,][0-9]+)/g;
        var unitPriceTextMatch = jQuery('.quick-view .price').text().match(regex);

        if (!unitPriceTextMatch) {
          regex = /([0-9]+[.|,][0-9]+)/g;
          unitPriceTextMatch = jQuery('.quick-view .price').text().match(regex);     
        }

        if (unitPriceTextMatch) {
          var unitPriceText = unitPriceTextMatch[0];     
          var unitPrice = unitPriceText.replace(/[.|,]/g,'');
          var quantity = parseInt(jQuery('.quick-view input[name=quantity]').val());
          var totalPrice = unitPrice * quantity;

          var totalPriceText = Shopify.formatMoney(totalPrice, window.money_format);
          regex = /([0-9]+[.|,][0-9]+[.|,][0-9]+)/g;     
          if (!totalPriceText.match(regex)) {
            regex = /([0-9]+[.|,][0-9]+)/g;
          } 
          totalPriceText = totalPriceText.match(regex)[0];

          var regInput = new RegExp(unitPriceText, "g"); 
          var totalPriceHtml = jQuery('.quick-view .price').html().replace(regInput ,totalPriceText);
          jQuery('.quick-view .total-price span').html(totalPriceHtml);     
        }
    /*end of price calculation*/

  };

            <div class="prices">
              <span class="compare-price"></span>
              <span class="price"></span>
              <span class="base-price">BASEPRICE SHOULD BE SEEN HERE</span>
</div>

Answer 1

Вы должны быть в состоянии сделать:

$('.base-price').text(basePrice);

Это находит элемент (ы) с именем класса 'base-price' и устанавливает для текста значение basePrice.