How is a configurable options block rendered on a frontend product view page?

dmitrii_fediuk (Dmitrii Fediuk) February 23, 2016, 10:51am 1

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/view/frontend/layout/catalog_product_view_type_configurable.xml#L20-L22


<referenceBlock name="product.info.options.wrapper">
    <block class="Magento\ConfigurableProduct\Block\Product\View\Type\Configurable" name="product.info.options.configurable" as="options_configurable" before="-" template="product/view/type/options/configurable.phtml"/>
</referenceBlock>

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/view/frontend/templates/product/view/type/options/configurable.phtml#L12-L14


/** @var $block \Magento\ConfigurableProduct\Block\Product\View\Type\Configurable*/
$_product    = $block->getProduct();
$_attributes = $block->decorateArray($block->getAllowAttributes());

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/view/frontend/templates/product/view/type/options/configurable.phtml#L17-L32


<?php foreach ($_attributes as $_attribute): ?>
    <div class="field configurable required">
        <label class="label" for="attribute<?php /* @escapeNotVerified */ echo $_attribute->getAttributeId() ?>">
            <span><?php echo $block->escapeHtml($_attribute->getProductAttribute()->getStoreLabel()) ?></span>
        </label>
        <div class="control">
            <select name="super_attribute[<?php /* @escapeNotVerified */ echo $_attribute->getAttributeId() ?>]"
                    data-selector="super_attribute[<?php /* @escapeNotVerified */ echo $_attribute->getAttributeId() ?>]"
                    data-validate="{required:true}"
                    id="attribute<?php /* @escapeNotVerified */ echo $_attribute->getAttributeId() ?>"
                    class="super-attribute-select">
                <option value=""><?php /* @escapeNotVerified */ echo __('Choose an Option...') ?></option>
            </select>
        </div>
    </div>
<?php endforeach; ?>

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/Block/Product/View/Type/Configurable.php#L95-L103


/**
 * Get allowed attributes
 *
 * @return array
 */
public function getAllowAttributes()
{
    return $this->getProduct()->getTypeInstance()->getConfigurableAttributes($this->getProduct());
}

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/Model/Product/Type/Configurable.php#L324-L344


/**
 * Retrieve configurable attributes data
 *
 * @param  \Magento\Catalog\Model\Product $product
 * @return \Magento\ConfigurableProduct\Model\Product\Type\Configurable\Attribute[]
 */
public function getConfigurableAttributes($product)
{
    \Magento\Framework\Profiler::start(
        'CONFIGURABLE:' . __METHOD__,
        ['group' => 'CONFIGURABLE', 'method' => __METHOD__]
    );
    if (!$product->hasData($this->_configurableAttributes)) {
        $configurableAttributes = $this->getConfigurableAttributeCollection($product);
        $this->extensionAttributesJoinProcessor->process($configurableAttributes);
        $configurableAttributes->orderByPosition()->load();
        $product->setData($this->_configurableAttributes, $configurableAttributes);
    }
    \Magento\Framework\Profiler::stop('CONFIGURABLE:' . __METHOD__);
    return $product->getData($this->_configurableAttributes);
}

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/view/frontend/templates/product/view/type/options/configurable.phtml#L33-L41


<script type="text/x-magento-init">
    {
        "#product_addtocart_form": {
            "configurable": {
                "spConfig": <?php /* @escapeNotVerified */ echo $block->getJsonConfig() ?>
            }
        }
    }
</script>

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/Block/Product/View/Type/Configurable.php#L178-L178


$options = $this->helper->getOptions($currentProduct, $this->getAllowProducts());

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/Helper/Data.php#L71-L78


/**
 * Get Options for Configurable Product Options
 *
 * @param \Magento\Catalog\Model\Product $currentProduct
 * @param array $allowedProducts
 * @return array
 */
public function getOptions($currentProduct, $allowedProducts)

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/Helper/Data.php#L80-L82


$options = [];
foreach ($allowedProducts as $product) {
    $productId = $product->getId();

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/Helper/Data.php#L97-L106


    foreach ($this->getAllowAttributes($currentProduct) as $attribute) {
        $productAttribute = $attribute->getProductAttribute();
        $productAttributeId = $productAttribute->getId();
        $attributeValue = $product->getData($productAttribute->getAttributeCode());


        $options[$productAttributeId][$attributeValue][] = $productId;
        $options['index'][$productId][$productAttributeId] = $attributeValue;
    }
}
return $options;

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/Block/Product/View/Type/Configurable.php#L179-L179


$attributesData = $this->configurableAttributeData->getAttributesData($currentProduct, $options);

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/Model/ConfigurableAttributeData.php#L17-L29


/**
 * Get product attributes
 *
 * @param Product $product
 * @param array $options
 * @return array
 */
public function getAttributesData(Product $product, array $options = [])
{
    $defaultValues = [];
    $attributes = [];
    foreach ($product->getTypeInstance()->getConfigurableAttributes($product) as $attribute) {
        $attributeOptionsData = $this->getAttributeOptionsData($attribute, $options);

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/Model/ConfigurableAttributeData.php#L48-L67


/**
 * @param Attribute $attribute
 * @param array $config
 * @return array
 */
protected function getAttributeOptionsData($attribute, $config)
{
    $attributeOptionsData = [];
    foreach ($attribute->getOptions() as $attributeOption) {
        $optionId = $attributeOption['value_index'];
        $attributeOptionsData[] = [
            'id' => $optionId,
            'label' => $attributeOption['label'],
            'products' => isset($config[$attribute->getAttributeId()][$optionId])
                ? $config[$attribute->getAttributeId()][$optionId]
                : [],
        ];
    }
    return $attributeOptionsData;
}

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/Model/ConfigurableAttributeData.php#L30-L45


    if ($attributeOptionsData) {
        $productAttribute = $attribute->getProductAttribute();
        $attributeId = $productAttribute->getId();
        $attributes[$attributeId] = [
            'id' => $attributeId,
            'code' => $productAttribute->getAttributeCode(),
            'label' => $productAttribute->getStoreLabel($product->getStoreId()),
            'options' => $attributeOptionsData,
        ];
        $defaultValues[$attributeId] = $this->getAttributeConfigValue($attributeId, $product);
    }
}
return [
    'attributes' => $attributes,
    'defaultValues' => $defaultValues,
];

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/Block/Product/View/Type/Configurable.php#L181-L201


$config = [
    'attributes' => $attributesData['attributes'],
    'template' => str_replace('%s', '<%- data.price %>', $store->getCurrentCurrency()->getOutputFormat()),
    'optionPrices' => $this->getOptionPrices(),
    'prices' => [
        'oldPrice' => [
            'amount' => $this->_registerJsPrice($regularPrice->getAmount()->getValue()),
        ],
        'basePrice' => [
            'amount' => $this->_registerJsPrice(
                $finalPrice->getAmount()->getBaseAmount()
            ),
        ],
        'finalPrice' => [
            'amount' => $this->_registerJsPrice($finalPrice->getAmount()->getValue()),
        ],
    ],
    'productId' => $currentProduct->getId(),
    'chooseText' => __('Choose an Option...'),
    'images' => isset($options['images']) ? $options['images'] : [],
    'index' => isset($options['index']) ? $options['index'] : [],

github.com

magento/magento2/blob/e0ed4bad/app/code/Magento/ConfigurableProduct/Block/Product/View/Type/Configurable.php#L204-L206


if ($currentProduct->hasPreconfiguredValues() && !empty($attributesData['defaultValues'])) {
    $config['defaultValues'] = $attributesData['defaultValues'];
}

How to get the options of the configurable attributes for a configurable product?

How to get the simple variants for a configurable product?

How to get the options of the configurable attributes for a configurable product?

How to get the configurable attributes of a configurable product?

dmitrii_fediuk (Dmitrii Fediuk) February 23, 2016, 12:59pm 2

See also: