ImprovedConfigurableProductforMagento2–ExtensionmanualandoverviewJuly3,2016

We are happy to announce Improved Configurable Product for Magento 2 –   our second extensionforthenewversionofthee-commerceplatform.Themoduleintroducesaninnovative approach toconfigurableproducts,which isbasedonourpreviousexperiencewithMagento1 andlatestachievementsinthefieldofMagento2development.

Tableofcontents[hide]

0.0.1FrontendandBackendExtensionDEMO0.1CorefeaturesofImprovedConfigurableProductforMagento20.2NewFeatures:

0.2.1Configurableproductsinbundles0.2.2Customizableoptionsforconfigurableproducts0.2.3Configurableproductmatrixviewgrid0.2.4Tierpricingforsimpleproducts+ontheflypriceupdate(AJAX)0.2.5OntheflyURLupdatesforselectedoptions0.2.6Colorswatchsupport0.2.7Configurableproductdefaultoptions

0.3Importantnotes0.4Otherimportantfeatures

https://firebearstudio.com/magento-extensions/magento2extensionshttp://magento2demo.firebearstudio.com/https://firebearstudio.com/blog/improved-configurable-products-magento-2-extension-faq.html

1ImprovedConfigurableProductMagento2ExtensionManual2Installingtheextension

2.1Manualinstallation2.2Installationviacomposer

3IntroducingImprovedConfigurableProductextension4Configurationsettings

4.1Generalsettings4.1.1Productpageupdates4.1.2Customcontent–insertingproductattributes4.1.3Pricedisplaysettings

4.2Matrixview4.3CustomShippingLogic4.4Bundleoptions

5HowtoworkwithImprovedConfigurableProductsextension5.1Howtoaddcustomcontent5.2Howtoenableproductmatrixview5.3Howtoworkwithcustomshippinglogic

6Baseprice7Workingwithconfigurableproducts

7.0.1ICPCustomAttributes7.1WhatifIusethreeormoreattributes7.2AddingMagento2configurableproductsintobundleproductoptions7.3ImprovedConfigurableProductforMagento2FAQ7.41.Producturldoesn’tchange7.52.Productshavewrongurlformat

http://magento2demo.firebearstudio.com/

WiththehelpoftheImprovedConfigurableProduct(ICP)Magento2extension,youcanfullyutilizethepowerofconfigurableproductsinMagento2.

Firstofall, themodulesignificantlysimplifiestheprocessofbuyingbyofferingaproductwith a pre-selected set of options and reducing the number of steps required to addsomethingtocart.

The second important feature implemented with Improved Configurable Product forMagento2 is theability tocreateunlimitedcombinationsofproductswithuniquecontentandautomaticallygeneratedURLs.

Thus,theextensionimprovesSEOandgeneratesadditionalorganictrafficfromGoogle.

CorefeaturesofImprovedConfigurableProductforMagento2

Pre-selectedconfigurableproductoptionsviasimpleproductURLs.

Supportofcustomoptionsforconfigurableproducts.

Selectdefaultoptionsfortheconfigurableproduct.Reducestepsforaddtocart–requiredproductoptionscanbeselectedandloadedbydefaultontheproductpage.

Unique URLs for configurable product presets (option combinations). Can be generatedautomaticallyormanuallyinadmin.

SimpleproductsassociatedwithconfigurableonesaredisplayedonacategorypagewithauniqueURL.Configurableproductpagesareloadedwithpre-setoptions.

TheextensionisSEOfriendlyandworkswithoutanyredirects.

AddMagento2configurableproducts intobundleproductsandsellconfigurableproductsasbunches.

NewFeatures:

Configurableproductsinbundles

Youcannowaddconfigurableproductsintobundleproductoptions.Therearenoprerequisiteseitherthaninstallingtheextension.Oncetheextensionisinstalledyoucannavigatetoyourbundleproducts,createnewoptionoraddconfigurableproductstoexistingoptions.

Customizableoptionsforconfigurableproducts

Enhanceyourconfigurableproductsevenfurtherwiththecustomoptions.Withthe1.4.1release oftheextensionyoucannowusesimpleproductswithcustomoptionsassignedtocreate configurableproducts.Provideyourcustomerswithmoreoptionstoselectfromandaddnew sourcesofyourincome.

Additionally,youcanaddcustomizableoptionstothesimpleproductsofyourconfigurables.Inthiscase,however,youcannotuseProductMatrixGrid.CustomizableoptionsforconfigurableproductvariationscanonlybeusedwithnativeMagento2configurableproductview.

Configurableproductmatrixviewgrid

https://firebearstudio.com/blog/add-custom-options-to-magento-2-configurable-products.html

AninevitableB2Bfeaturethatallowsorderingmultipleoptionsofaconfigurableproductinbulk.Itessentiallyimprovesthedefaultshoppingexperienceandincreasestimenecessarytomakethepurchase.

Tierpricingforsimpleproducts+ontheflypriceupdate(AJAX)Eachassociatedsimpleproductgetsavitalimprovement:itsfinalpriceiscalculatedontheflywithoutanypagereloads.Thisfeatureessentiallydecreasesbouncerateandcartabandonmentrate,becauseyourclientsseefinalproductpriceslongbeforecheckingacartpage.

OntheflyURLupdatesforselectedoptionsAnotheraspectintroducedwiththisextensionisrelatedtotheabilitytochangeoptionsonaconfigurableproductpagewhileaURLinabrowserissimultaneouslychangedtoadirectlinkfortheselectedproductconfiguration.Fromtheperspectiveofcustomers,thisfeatureisdesignedtosaveselectedproductconfigurationsforfutureprocessing.Asformerchants,theygetamoreconvenientapproachtotheusageofindividualoptionspresets:itisnolongernecessarytocopyURLsfromtheadminforeverysimpleproduct.Instead,youcanvisitaconfigurableproductpageandcollectallrequiredoptionURLs.

ColorswatchsupportFullcolorswathessupport–worksfullythesameaswithstandarddrop-downoptions.

ConfigurableproductdefaultoptionsWiththisextension,eachsimpleproductassignedtoaconfigurableproductcangetaroleofadefaultoption.Asaresult,itwillbepre-selectedeverytimeacustomerusesadefaultproductpageURLtovisitanappropriateconfigurableproductpage.

Withourextension,youcanspecifydefaultproductoptionson“Default”columninCurrentVariationsblockofconfigurableproductonMagentoadmin

BeforeusingtheImprovedConfigurableProductMagento2module,makesureyoucanprovideat leastoneuniquesentence forEACHoptiondescriptionof everyconfigurableproduct. Thus,youwilldramaticallyimproveSEOonyourMagento2website.

ImportantnotesBelow,wedescribetwocorefeaturesofICPforMagento2indetails.Theextension’spotentialisreallyhuge,sodon’tmissanything.

Pre-selected/pre-setoptionsforconfigurableproducts

Since customers have to spend a lot of time trying to select desired product options, thisinconvenienceleadstoanegativeimpactonconversionrate.Luckily,youcanprovidevisitorsofyourMagento2storewith theability toaddproducts tocartwithoutchoosinganyoptions.Onstoreswithmorethanoneproductoption,bouncerategrowsupto25%.Therefore,whenyoutrytoimproveyoure-commerceexperiencebyaddingnewoptions,youlosesalesinstead.Butyoucanfixtheproblemwiththeaidof ImprovedConfigurableProductforMagento2.Theextensionprovides theopportunity tousedozensofproductoptionswithout anegative impactonsales.Thesecretbehindthemoduleisquitesimple:itreliesonpre-selectedoptionsforeveryproduct,sobuyersdon’tneedtoscrolldownapagetoselectoptionstheyneed.Asaresult,aproductcanbeplacedincartwithinasingleclick,whichisespeciallyusefulformobilebuyers.

https://firebearstudio.com/improved-configurable-products-for-magento-2.htmlhttps://github.com/firebearstudio/ConfigurableProducts

UniqueURLsandpagesforallconfigurableproductoptions

Although Magento 2 is SEO friendly out-of-the-box, there are still opportunities for furtherenhancements, souniqueURLsandpages for all configurableproductoptions is amust-havefeaturefortheMagento2core.

Providing each associated simple product with a unique URL is considered to be a vitalimprovement to default SEO. Configurable product with the pre-selected option is loadedaccordingtouniquelinks.Besides,byusingourMagento2module,youcaneasilyadduniquedescriptions for all simple products/options and display them on a category pagewithout anytroubles related to the “Not visible individually” option. Additionally, you can make simpleproducts/optionsvisibleonlyforGoogleandonyourcatalogsearchorfortargetcustomersonly.

Customoptionsdonotworkwithproductmatrixgrid

Ifthematrixgridisenabledthecustomoptionsofthesimpleproductswillnotbedisplayedattheproductpages.InsteadnativeMagento2behaviorwillbeapplied–allchildsimpleproductswithcustomoptionswillbedisplayedas‘outofstock’atthefrontendandwillnotbeavailableforeditinginthebackend.Todisplaycustomoptionsattheconfigurableproductpagesmakesuretodisableproductmatrixintheextensionsettings.

OtherimportantfeaturesThemodulesupportsendlessproductcombinationswhichareeasytocreate,isextremelyuseful for managing and selling configurable products with many options, and candemonstrateallpossibleproductcombinationstoyourcustomers.

Theextensiondynamicallychangesproductdescription,title,andimageeachtimeabuyerchangesselection.

ICP forMagento2doesnotuseanyJavascriptduringapage load. It isused for switchoptionsafterthepagehasbeencompletelyloaded.Thus,searchenginesgetuniquepagesforalloptions/products.

The module relies on default Magento configurable products and doesn’t require anychanges to existing ones. It’s only necessary to make the content visible for Search orCatalogandcreateuniquedescriptions.

ThetoolsupportsbothdefaultMagentocacheandFullpagecacheforeverypagewithpre-selectedoptionsandauniqueURL.

BecauseofreduceddynamicalcontentandAjax,pageloadtimeisimproved.

Thevisibilityfeature–“Searchonly”forGoogleandinternalMagentosearch–helpsnottoconfusecustomerswithaplethoraofsameproductsonacategorypage,butprovidesyouwiththepowerofpre-selectedoptionsforSEOandinternalcatalogsearch.

ICPforMagento2doesnotredirectfromassociatedsimpleproductstoconfigurableones.ItutilizesamodifiedMagentoroutinginsteadaswellasloadthesameconfigurableproductwithdifferentpre-selectedoptionsforeachsimpleproductURL.

Besides,hashedandGETrequestsarereplacedwithautomaticallygenerateduniqueURLsfor every simple product/option. Each URL can be customized according to yourrequirements.

Animprovedproductpageprovidesacustomerwithpre-selectedoptionsandtheabilitytopurchaseyourgoodswithjustoneclick.Asaresult,youimproveconversion.

ItisalsoworthmentioningthatICPisaperfectsolutionforAdWordstargetingduetoitspre-selectedconfigurableproductoptions.

TheImprovedConfigurableProductsMagento2moduleprovidesafullHTML5supportandworks well with popular Magento 2 templates, as it has been developed with the bestMagentocodingpracticesinmind.

ImprovedConfigurableProductMagento2ExtensionManualWearehappytointroducethefirstmassiveupdateforourImprovedConfigurableProduct Magento2.xextension–thefirstextensionwhichchangesthewayhowconfigurableproducts workinMagento.Eachnewfeatureofthemodulehasbeenrequestedbyourcustomersandis basedonadeepanalysisofmoderne-commercetrends,SEOrequirements,andvarious advertisingstrategies.

Installingtheextension

Manualinstallation1. Backupyourwebdirectoryandstoredatabase;

2. DownloadtheImprovedConfigurableProductinstallationpackage;

3. Copyfilesto/app/code/Firebear/ConfigurableProducts/folder (createitifnotexist!)

4. NavigatetoyourstorerootfolderintheSSHconsoleofyourserver:

cdpath_to_the_store_root_folder

run:

then:

and:

5. Flushstorecache;logoutfromthebackendandloginagain.

InstallationviacomposerToinstalltheextensionviathecomposerfollowthestepsbelow:

1. NavigateintoyouraccountdashboardatFireBearshop.

2. ProceedtotheMyExtensionDownloadsection.

3. Followthestepsdescribedatthepage

1 php -f bin/magento module:enable Firebear_ConfigurableProducts

1 php -f bin/magento setup:upgrade

1 php -f bin/magento setup:static-content:deploy

1 php -f bin/magento cache:clean

4. First,youneedtoaddthecomposerrepositories.TodothisyouwillrequireUsernameandPasswordAPIkeysthatarepixilatedatthescreenshotabove.

NavigateintoyourMagento2rootfolderintheCLI:

5. ForMagentoOpenSourcerun:

ForMagentoCommerce/Cloudrun:

6. Installtheextensionbyrunningcommand:

7. Enabletheextensionbyrunning:

1 cd path_to_the_store_root_folder

1 composer config repositories.firebear composer https://firebearstudio.com/composer/do

1 composer config repositories.firebear composer https://firebearstudio.com/composer/do

1 composer require firebear/configurableproducts

1 php bin/magento module:enable Firebear_ConfigurableProducts

8. Deploycontentandflushstorecache,logoutfromthebackendandloginagain.Run:

and:

IntroducingImprovedConfigurableProductextensionImproved Configurable Product extension for Magento 2 is a successor of oh so popularMagento 1 Simple Configurable Products. The extension enhances native Magento 2configurable products functionality allowing for quick updates of the product pagedepending on the selected attributes. While selecting size and color of the dress,customers can see all the changes reflected at the product page URL. Product name, shortand long description adjustments and many more attributes can be updated on the go.

In addition to reflecting customer choice changes, the extension introduces Magento 2Configurable Product Matrix View. A must-have addition to any B2B store. The matrix viewallows for bulk purchases of multiple products of a different color, size, season etc.; cuttingdown shopping time and reducing customer bounce rate.

ConfigurationsettingsThis is the first and the main screen you start configuring the extension at. It can be foundunder Stores>Configuration>FirebearStudio>ImprovedConfigurableProducts.

Theconfigurationsectionissplitintothreesettingblocks:

1 php bin/magento setup:static-content:deploy -f

1 php -f bin/magento cache:clean

General–controlsproductandcategorypagelooksandbehavior.

MatrixOptions–grantscontrolovertheconfigurableproductmatrixview.

CustomShippingLogic–allowstoinformcustomersoftheparticularitemdeliverydates.

Let’sbreakthemdowntoshowyouhowtohandletheextension.

GeneralsettingsInthissection,youdecidewhatproductattributesshouldbeautomaticallyupdatedfollowingcustomer’schoices.Thesettingscoverattributeupdatesforbothproductandcategorypages.Alltheattributeupdatesaretemporaryandonlyreflectcurrentattributecombinationacustomerhasselected.Forexample:

SelectinganorangehoodiesizeLwilladdapostfixtotheproductpageURL,productname,andSKU.

AttheGIFbelow,notehowcustomer’schoicesarereflectedattheproductpage.

ProductpageupdatesLet’s name all the available settings and provide a short description for them:

UpdatepageURL – if enabled, the product page URL will be updated depending ona currently selected product;

Updateproductname – if enabled, selected products attributes will beautomatically added to the product name;

Productnameposition – allows defining custom HTML class (.some-class) or id(#some-id) for the product title block in case you are using custom theme;

UpdateproductSKU – if enabled, the SKU displayed will be updated depending ona currently selected children product;

ProductSKUposition – allows defining custom HTML class (.some-class) or id(#some-id) for the SKU block in case you are using custom theme;

Updateshortdescription – if enabled, the short description block will be updateddepending on a currently selected product;

Shortdescriptionposition – allows defining custom HTML class (.some-class) or id(#some-id) for the short description block in case you are using custom theme;

Updatedescription – if enabled, the description block will be updated depending ona currently selected product;

Descriptionblockposition – allows defining custom HTML class (.some-class) or id(#some-id) for the description block in case you are using custom theme;

Updatetierprices – if enabled, the tier prices block will be updated depending on acurrently selected product. If disabled, tier prices will not be displayed in the shortdescription block;

Tierpricesblockposition – allows defining custom HTML class (.some-class) or id(#some-id) for the tier prices block in case you are using custom theme;

Update“MoreInformation”block – if enabled, “More Information” will be updateddepending on a currently selected product;

“MoreInformation”blockposition – allows defining custom HTML class (.some-class) or id (#some-id) for the “More Information” block in case you are using acustom theme.

Customcontent–insertingproductattributes

NextcomeCustomContentblocksettings.CustomContentblocksallowyoutodisplayANYrequiredproductattributeswhichareupdateddynamicallyattheselectedposition.

At the screenshot above, Custom Content blocks containing product name, color and SKUhave been added after product description:

Customcontent#1/2/3 – if enabled, custom content block containing a certainproduct attribute of a currently selected product will be displayed.

Customcontent#1/2/3position – allows specifying a block at the product page,where the product attribute should be displayed. The block is specified by pastingthe block’s custom HTML class (.some-class) or id (#some-id).

Customcontent#1/2/3productattribute– product attribute to display customcontent, the attribute should be defined as  exxvmf y xi cgshi Á.

Downthemanualyouwillfindasectioncalled‘Howtoaddcustomcontent’wherewewillexplainhowthissetofsettingsworks.

PricedisplaysettingsThe last seven settings control Price Range behavior on both category and product pages.

The default price range is displayed as: From [min_price]. Where [min_price] is the price ofthe cheapest child product.

Pricerangeatproductpage – if the enabled Configurable Product price is replacedby the price range.

Displaynativepriceblock – defines if native Magento 2 price block with currentlyselected product price should be displayed below the price range;

EnableFrom-Topriceformat – defines if the price range should be displayed asFrom [min_price] – [max_price]. Where [min_price] is the price of the cheapest childproduct, and [max_price] is the price of the top-priced child product.

At the screenshot below you can see the product page with Pricerangeatproductpageand EnableFrom-Topriceformat options enabled.

Pricerangeatcategorypage  – if enabled Configurable Product price is replacedby the price range.

Displaynativepriceblock – defines if native Magento 2 price block with currentlyselected product price should be displayed below the price range;

EnableFrom-Topriceformat – defines if the price range should be displayed asFrom [min_price] – [max_price]. Where [min_price] is the price of the cheapest childproduct, and [max_price] is the price of the top-priced child product.

ConsidertierpricesinFrom-Topriceformat – defines if [min_price] and[max_price] of a price range should instead be taken from the tier price settings ofchild products.

MatrixviewThissetofsettingscontroltheconfigurableproductmatrixview.

Enablematrixview–definesisproductmatrixviewshouldbeusedinsteadofnativecolorswatches;

Enabletierpricesinmatrix–definesifproductmatrixviewshouldincludechilditemtierprices.

Atthescreenshotbelowyoucanseeaconfigurableproductmatrixviewwithincludedtierprices:

Downthemanualyouwillfindasectioncalled‘Howtoenableproductmatrixview’wherewewillexplainhowthissetofsettingsworks.

CustomShippingLogicCustomShippingLogicfeatureofImprovedConfigurableProductMagento2extensionallowsdisplayingaspecialmessageattheproductpagesofallconfigurableproductsduringparticulardates..

Themessageisdisplayedifthecurrentdateofcustomervisitingthepageisbetweenthespecifiedstartandenddatessetperproductconfiguration.Thisiscanbeextremelyusefulwhenyoushouldinformcustomersaboutthepossibledeliverydateofproductinrealtime,canbecriticalconversionfactoronmanystores.

Customdeliverymessage–definesifthecustomshippingmessageisenabledandcanbedisplayedattheproductpages;

Deliverymessageattribute–definestheproductattribute(CatalogInputTypeforStoreOwner=textfield)wherethestoreadministratorcanspecifycustomshippingmessage;

Startdateattribute–definesproductattribute(CatalogInputTypeforStoreOwner=date)wherethestoreadministratorcanspecifythestartdateofacustomshippingoffer;

Enddateattribute–definesproductattribute(CatalogInputTypeforStoreOwner=date)wherethestoreadministratorcanspecifytheenddateofacustomshippingoffer;

Deliverymessageposition–allowsdefiningcustomHTMLclass(.some-class)orid(#some-id)forthecustomdeliverymessageblockincaseyouareusingacustomtheme.

Downthemanualyouwillfindasectioncalled‘Howtoworkwithcustomshippinglogic’wherewewillexplainhowthissetofsettingsworks.

BundleoptionsThelatestreleasesofImprovedConfigurableProductextensionallowsthestoreownerstoaddconfigurableproductsasbundleproductoptions.Thesetofsettingswhichcontrolthisfunctionalityisprettysimplewithself-spokennames.

ThefirstsettingEnablefeatureaddconfigurableinbundleproductsdefinesifconfigurableproductscanbeaddedintobundles.ThesecondsettingEnableswatchesinbundleproductsdefinesifconfigurableproductswithinbundleswillhaveswatchesornot.

OncetheEnablefeatureaddconfigurableinbundleproductssettingisenabledandyousavedtheconfiguration,youcanaddconfigurableproductsintobundles.Therearenototherthingsyouneedtoconsider.

HowtoworkwithImprovedConfigurableProductsextensionTheextensionisprettystraightforwardwhenitcomestothesettings.AllextensionsettingsaregatheredunderStores>Configuration>FirebearStudio>ImprovedConfigurable

Products.Whenyouhaveranthrougheverysettingthereisnothingelseyouneedtodootherthancreateconfigurableproductsandbundles.

HowtoaddcustomcontentYoucouldhavenoticedthateveryattributeandcustomcontentupdatesettingcomeswiththePosition,whichisanHTMLreferencetotheblock’sclassorID,wherethisattributeshouldbedisplayed.Whydoyouneedthesepositionsettings?Well,everyMagento2themecanhaveitsownclassfortheblock.Forexample:themeA,canhaveaProductNameblockclass‘A’,andthemeB,canhaveaproductnameblockclass‘B’.So,insteadofgoingtotheextensioncode,youaresuggestedtomanuallyspecifytheclassorIDoftheblockwheretheparticularattributeshouldbedisplayed.

HowwouldyouknowwhatclassorIDtheblockhas?YoucanlookforitusingGoogleChromedevtool.AllyouneedisGoogleChrome.

TofindtheblockclassandIDrightclickonthedesiredlocation.Forexample:

HerewehavedecidedtofindtheHTMLclassoftheblock‘Description’.Todothiswehave:

1. Right-clickedontheblockto‘Inspect’it.

2. Inthedeveloperconsoleontherightwehavelocatedblock’sHTMLclass.

3. Whenwehoverthemouseovertheblock’sclassthewholeblockishighlightedattheproductpage,displayingtherelevantclassyouneedtoputintoblockpositionfield.Inour

example,theclassishighlightedwithblueandreads‘div.product.attribute.description‘.

4. Weneedtocopyandpastetheblock’sclassintotheappropriateconfigurationsettingsfield.

Whenyouaredone,yourconfigurationsettingsshouldlooksomethinglikethis:

IntheCustomcontent#1positionwehavepasted‘div.product.attribute.description’identifyingtheproductpageblockwheretheattributeshouldbedisplayed.

IntheCustomcontent#1productattributewehavespecifiedtheattributewewanttobedisplayedincurlybrackets{color}.

That’sit.Nowattribute{color}willbedisplayedattheproductpage,inthedescriptionblock,andwillbeupdatedautomaticallydependingontheconfigurableproductvariationselected.

IfyoustillhaveanyquestionsonhowtolocatetheblockclassorIDaskFireBearsupportteam.

HowtoenableproductmatrixviewConfigurable product matrix view grid is an invaluable B2B tool. It allows adding to the cartmultiple configurable product variations, skipping product selection steps and increasingshopping speed.

By switching product attributes (size in our example) you dynamically change theoptions specified in the matrix view. Note, that you don’t have to select a specificproduct attribute to specify its amount.

Once you selected required matrix simply type in required product amount or usearrow buttons. When you have specified required amount click Add to Cart button toadd items of all sizes to the cart in bulk.

Select another matrix view by specifying a different color. Rinse and repeat. As perthe .gif above, there are three matrices representing three different colors.

ConfigurableproductmatrixgridisenabledfromtheextensionconfigurationsectionStores>Configuration>FirebearStudio>ImprovedConfigurableProduct.AttheconfigurationscreenyouneedtoscrolldowntoMatrixViewsection.

UsingReplacedefaultswatchesonmatrix?enablethematrixgridbyswitchingitto‘Yes’.Ifyouhaveproductswithtierprices,youmayalsowanttoenableEnabletierpricesinmatrixfield.

Whenyousavetheextensionconfigurationsettingsdon’tforgettorefreshyourMagento2storecachetomakesurethematrixviewisenabledforconfigurableproducts.

HowtoworkwithcustomshippinglogicCustomshippinglogicallowstodisplayacustommessageforparent(!)configurableproductbetweenthesetdatesforallcustomervisitingtheconfigurableproductpage.Themessageandthedatesaresetupper-productusingthreeadditionalattributesthatthestoreadministratorneedstocreate.

The store administrator needs to create three new following attribute types and add themto the configurable product attribute set(s):

For Deliverymessageattribute– an attribute with the Catalog Input Type for StoreOwner=text field. This is where the store administrator will specify the custommessage.

For StartandEnddateattributes – two attributes with the Catalog Input Type forStore Owner=date. This is where the store administrator will specify the date range todisplay the message.

Once the attributes created, the store administrator needs to navigate to ImprovedConfigurable Product extension settings at Stores>Configuration>FirebearStudio>ImprovedConfigurableProduct>CustomShippingLogic.

Here,thestoreadministratorneedto:

1. EnableCustomShippingLogicwithCustomdeliverymessagesetting.

2. SpecifytheattributeforthetextmessageintheTextattributefield–theattributecreatedwithCatalogInputTypeforStoreOwner=textfield.

3. IntheStartandEnddateattributefieldsspecifytheattributescreatedwithCatalogInputTypeforStoreOwner=date.

4. InthefieldDeliverymessagepositionspecifyeither.classor#idoftheblockattheconfigurableproductpagewherethemessageshouldbedisplayed.The.classor#idoftheblockisdependentonthethemeusedforthestorefront.

Seethescreenshotaboveforsamplevalues.OncetheCustomdeliverymessagesettingsareset,thestoreownercanproceedtotheproductsettings.

Theattributesthestoreownercreatedneedtobeplacedintheproperattributeset(s)inordertobedisplayedforMagento2products.Iftheattributeshavebeenplacedintherequiredattributeset(s),thestoreownerwillhaveasettingssimilartothisattheproductdetailspage:

Whentheattributevaluesspecified,theproductissaved,andthecacheisrefreshed,thecustommessagewillbedisplayedattheparentconfigurableproductpageONCETHEVARIATIONISSELECTED.Asperthescreenshotabove,thecustomerwillonlyseethemessage,iftheyvisitthepagefrom07/3/2019till07/4/2020.

Pleasenote,customshippingmessageisonlydisplayedforpartnerconfigurableproduct.Andonlywhenthevariationisselected.

BasepriceImproved Configurable Product extension is fully compatible with Base Price module by Magenerds.

Base Price extension allows displaying the base price of the product in reference to thevolume of the product, to ease the price calculation process. In some countries, this isrequired by legislation.

The extension allows specifying a price of the product with a reference to a unit amount.

For example:

You are offering a bottle of milk of 100 ml, that costs €2. With Base Price extension youcan display the price for 1l of milk, which is €20. To do this, you need to configure theproduct like:

Product amount: 100

Product unit: ml

Reference amount: 1

Reference unit: l

The price for the unit is updated dynamically, meaning the store administrator can setdifferent values for different child products.

Whenyouaredonewiththeextensionsettingitistimetosetupyourconfigurableproducts.

WorkingwithconfigurableproductsWheneverythingisrunningyouneedtosetuptheconfigurableproductsyouareusing.NavigatetoyourCatalog>Productsandlet’sfindaproductasanexampleandeditit.

Now,whenyouareattheproductdetailsscreen–scrolldowntothebottomofthepage.HereyouwillfindICPCustomAttributessection.

ICPCustomAttributes

ThissectionisrequiredifyouareusingMatrixViewandyourconfigurableproductsusecustomattributesforsizeandcolor.Forexample:

InMagento2nativesizeattributeissize.Andnativecolorattributeiscolor.

However,ifyouareusingcustomattributes,forexampleasattheimageabove–custom_sizeandcustom_color–youneedtospecifythemintheICPCustomAttributessectiontolettheextensionworkproperly.

WhatifIusethreeormoreattributesIncaseyouareusingthreeormorecustomattributesyouneedto:

InthefieldProductattributecodeforSize–specifytheattributeyouwanttobeplacedINSIDEtheMatrixGrid.

InthefieldProductattributecodeforColor–specifyanyothercustomattributecodeassignedtoconfigurableproduct.

Onceyouhavespecifiedtheattributes–click‘Save’button.Theproductwillnowworkasintended.

AddingMagento2configurableproductsintobundleproductoptionsWiththelatestextensionreleasethestoreadministratorscannowaddconfigurableproductstobundleproductoptions.Theprocessbehindthisfeatureissimple:

Createabundleproduct,ornavigatetotheexistingproduct;

Addnewoptionoraddaproducttoexistingbundleoption;

Selectaconfigurableparentproductfromtheproductlist.

That’sit.Theconfigurableproductcannowbesoldasanoptionofthebundleproduct.

AttheGIFaboveyoucanseehowsuchconfigurableproductscanbepurchasedfromthestore’sfrontend.

WeprovideprofessionalinstallationservicesforourMagento2extensions–getyourextensionworkrightafterthepurchase!

ImprovedConfigurableProductforMagento2FAQ

1. Producturldoesn’tchange1) Make sure you have enabled required extensionsettings:

Go to Wxsvi w1BGsr Źkyvexmsr 1BJmvi f i evWxyhms1BMq t vszi hGsr Źkyvef pi T vshygxw.

Set ChangebrowserhistoryURL? to Yes

2. Productshavewrongurlformat

1 php bin/magento cache:clean

If product urls have next format:

/catalog/product/view/id/52/s/chaz-kangeroo-hoodie-xs-black/category/15/

Make sure there are correctURLRewrites in Qevoi xmr k 1BY VPV i { vmxi w

If not you can generate url rewrites for simple products via console command:

Othervitalquestionsandanswers:

1 php bin/magento firebear:url-rewrite:generate

https://firebearstudio.com/blog/configurable-product-options-matrix-grid-quick-order-magento-2.htmlhttps://firebearstudio.com/blog/base-price-per-unit-configurable-product-magento-2.htmlhttps://firebearstudio.com/blog/how-to-display-price-range-for-configurable-product-in-magento-2.htmlhttps://firebearstudio.com/blog/magento-2-custom-shipping-message-per-selected-option-configurable-product.htmlhttp://how%20to%20pre-select%20configurable%20product%20options%20on%20category%20page%20in%20magento%202/?

Без имени