MAGETWO-50409: Changing order of configurable attributes is ignored on frontend

Author: Valeriy Nayda

app/code/Magento/ConfigurableProduct/Model/ConfigurableAttributeData.php

@@ -30,7 +30,7 @@ public function getAttributesData(Product $product, array $options = [])
             if ($attributeOptionsData) {
                 $productAttribute = $attribute->getProductAttribute();
                 $attributeId = $productAttribute->getId();
-                $attributes[$attributeId] = [
+                $attributes['swatch_' . $attributeId] = [
                     'id' => $attributeId,
                     'code' => $productAttribute->getAttributeCode(),
                     'label' => $productAttribute->getStoreLabel($product->getStoreId()),

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

@@ -10,7 +10,7 @@
 ?>
 <?php $swatchData = $block->getSwatchData(); ?>
 <div class="swatch-attribute swatch-layered <?php /* @escapeNotVerified */ echo $swatchData['attribute_code'] ?>"
-     attribute-code="<?php /* @escapeNotVerified */ echo $swatchData['attribute_code'] ?>" attribute-id="174">
+     attribute-code="<?php /* @escapeNotVerified */ echo $swatchData['attribute_code'] ?>" attribute-id="<?php echo $swatchData['attribute_id'] ?>">
     <div class="swatch-attribute-options clearfix">
         <?php foreach ($swatchData['options'] as $option => $label): ?>
             <a href="<?php /* @escapeNotVerified */ echo $label['link'] ?>" class="swatch-option-link-layered">