MAGETWO-47017: [Github] Add Configurable Product To Cart from Category Page #2574 #5850 #5882 #6572 #5558 #4184

Author: Sergey Semenov

app/code/Magento/Swatches/view/frontend/templates/product/listing/renderer.phtml

@@ -5,7 +5,6 @@
  */
 ?>
 <?php /** @var $block \Magento\Swatches\Block\Product\Renderer\Configurable */ ?>
-<?php $jsonConfig = $block->getJsonConfig(); ?>
 <div class="swatch-opt-<?php /* @escapeNotVerified */ echo $block->getProduct()->getId() ?>"></div>
 <script>
     require([
@@ -15,12 +14,14 @@
         'Magento_Swatches/js/catalog-add-to-cart',
         'priceBox'
     ], function ($) {
+        var jsonConfig = <?php /* @escapeNotVerified */ echo $block->getJsonConfig(); ?>;
+
         $('.swatch-opt-<?php /* @escapeNotVerified */ echo $block->getProduct()->getId() ?>').SwatchRenderer({
             selectorProduct: '.product-item-details',
             onlySwatches: true,
             enableControlLabel: false,
             numberToShow: <?php /* @escapeNotVerified */ echo $block->getNumberSwatchesPerProduct(); ?>,
-            jsonConfig: <?php /* @escapeNotVerified */ echo $jsonConfig; ?>,
+            jsonConfig: jsonConfig,
             jsonSwatchConfig: <?php /* @escapeNotVerified */ echo $block->getJsonSwatchConfig(); ?>,
             mediaCallback: '<?php /* @escapeNotVerified */ echo $block->getMediaCallback() ?>'
         });
@@ -30,7 +31,10 @@
             priceBoxes = $(dataPriceBoxSelector + dataProductIdSelector);
 
         priceBoxes.priceBox({
-            'priceConfig': <?php /* @escapeNotVerified */ echo $jsonConfig; ?>
+            'priceConfig': {
+                priceFormat: jsonConfig.priceFormat,
+                prices: jsonConfig.prices
+            }
         });
     });
 </script>