Magento 2 Configurable Options
This module provides functionality for preselecting configurable product options and updating attribute values from selected simple product.
Installation
composer require bkozlic/configurable-options
php bin/magento setup:upgrade
Usage
Admin system configuration
Go to Admin Panel -> Stores -> Configuration -> Catalog -> Configurable Options
| Option | Functionality |
|---|---|
| Enable | Enable or disable complete module functionality. |
| Simple Product Images | Set if images of selected simple products will be prepended to configurable images or they will replace them. |
| Preselect Product Options | Enable or disable option preselect after product page is loaded. |
| Update Simple Product Attribute | Enable or disable update of attribute values for selected simple product. |
| Attributes | Set as many attributes as you want. You need to specify attribute code, html selector where value will be placed and choose if value should be updated asynchronously or not. Works only if previous option is set to "Yes". |
Set custom product for preselect
Open configurable product in Admin. Under "Simple Product Preselect" fieldset you can select specific simple product to preselect after product page is loaded.
Modify attribute values
You can use modifier functionality to modify product's attribute value. Take, for example, the product sku. If you want to display sku value with prefix, suffix or something different you can do this.
Add modifier in the di.xml. There is already default modifier in the module which you can take as an example.
-
- Vendor\Module\Model\Modifier\ModifierName
- 10
Sort order defines in which order modifiers from the pool will be executed.
Modifier class must implement \BKozlic\ConfigurableOptions\Model\ModifierInterface
public function processValue(string $attributeCode, ProductInterface $product, string $cssSelector, $value)
{
// Update value
}
Add custom values
If you want to add value for the products but there is no attribute for it, you can do it with modifier.
- Add custom non-existing attribute code in the store configuration under Attributes fields.
- Create a custom modifier class and add it to the di.xml.
- In the modifier's processValue function check if attribute code is equal to the code you added in configuration and add value you want to display to the frontend.
By default, product name and sku are updated after simple product is preselected.
Recommendations
It is recommended to set async load for attributes with a big values and attributes which will be added in the html element not visible until you scroll.
Prerequisites
- Magento >= 2.3.2
42 Nov 19, 2022
23 Apr 1, 2022
0 Dec 26, 2021
30 Aug 8, 2022
62 Dec 8, 2022
14 Nov 4, 2022
4 Feb 22, 2022
1 Jan 1, 2022
4 Jun 22, 2022
249 May 30, 2022
16 Nov 11, 2022
13 Oct 6, 2022
24 Nov 12, 2022
192 Dec 10, 2022
12 Nov 24, 2022
17 Nov 13, 2022
20 Jan 20, 2022
1 May 31, 2022
3 Oct 12, 2021
3 Apr 7, 2022
10 Dec 12, 2021
13 Jul 13, 2022
1 Jan 21, 2022
12 Jul 22, 2022
16 Nov 22, 2022
288 Nov 7, 2022