"Magento 2"

How to defer JavaScript execution in Magento 2

September 7, 2015 - Magento 2

Being a boolean attribute, defer specifies that the script is executed after the page parsing. The attribute is aimed at external scripts only (the src attribute should be present). Find more information about defer here.

Despite Magento 2 supports standard script deferring, it never uses defer in its core. To change the situation, you can use the following code:

<?xml version='1.0'?>
<page 
    xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance'
    layout='admin-login' xsi:noNamespaceSchemaLocation='../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd'>
    <head>
        <script src='Dfe_Login::main.js' defer='defer'/>
    </head>
</page>

<?xml version='1.0'?>

<page

xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance'

layout='admin-login' xsi:noNamespaceSchemaLocation='../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd'>

<head>

</head>

</page>

More tips from Magento 2 Developer’s Cookbook

How to enable Template path hints and display block names in Magento 2

September 7, 2015 - Magento 2

Go to Magento 2 Admin -> Stores -> Configuration -> Developer; select a specific store scope, and set “Template page hints” and “Add block names to hints” to Yes. You should get the following results:

Backend

Frontend

More tips from Magento 2 Developer’s Cookbook Continue Reading

How to re-generate Magento 2 code in var/generation

September 7, 2015 - Magento 2

First of all, I’d like to draw your attention to this blog post: Introduction to code generation in Magento 2. Having read it, you can learn more about code generation in Magento 2. Continue Reading

magento2-composer-bundled

September 7, 2015 - Magento 2

This is a great fork of Magento 2 from Mageinferno. It includes all composer packages (vendor folder), and you can get in on Github: magento2-composer-bundled.

More tips from Magento 2 Developer’s Cookbook Continue Reading

How to programmatically create a configurable Magento 2 product

September 7, 2015 - Magento 2

If the simple and configurable products are not assigned together like in the folowing example, there is a reliable solution.

//simple product
    $simple_product = $this->_objectManager->create('\Magento\Catalog\Model\Product');
    $simple_product->setSku('test-simple');
    $simple_product->setName('test name simple');
    $simple_product->setAttributeSetId(4);
    $simple_product->setSize_general(193); // value id of S size
    $simple_product->setStatus(1);
    $simple_product->setTypeId('simple');
    $simple_product->setPrice(10);
    $simple_product->setWebsiteIds(array(1));
    $simple_product->setCategoryIds(array(31));
    $simple_product->setStockData(array(
        'use_config_manage_stock' => 0, //'Use config settings' checkbox
        'manage_stock' => 1, //manage stock
        'min_sale_qty' => 1, //Minimum Qty Allowed in Shopping Cart
        'max_sale_qty' => 2, //Maximum Qty Allowed in Shopping Cart
        'is_in_stock' => 1, //Stock Availability
        'qty' => 100 //qty
        )
    );

    $simple_product->save();

    $simple_product_id = $simple_product->getId();
    echo "simple product id: ".$simple_product_id."\n";

    //configurable product
    $configurable_product = $this->_objectManager->create('\Magento\Catalog\Model\Product');
    $configurable_product->setSku('test-configurable');
    $configurable_product->setName('test name configurable');
    $configurable_product->setAttributeSetId(4);
    $configurable_product->setStatus(1);
    $configurable_product->setTypeId('configurable');
    $configurable_product->setPrice(11);
    $configurable_product->setWebsiteIds(array(1));
    $configurable_product->setCategoryIds(array(31));
    $configurable_product->setStockData(array(
        'use_config_manage_stock' => 0, //'Use config settings' checkbox
        'manage_stock' => 1, //manage stock
        'is_in_stock' => 1, //Stock Availability
        )
    );

    $configurable_product->getTypeInstance()->setUsedProductAttributeIds(array(152),$configurable_product); //attribute ID of attribute 'size_general' in my store
    $configurableAttributesData = $configurable_product->getTypeInstance()->getConfigurableAttributesAsArray($configurable_product);

    $configurable_product->setCanSaveConfigurableAttributes(true);
    $configurable_product->setConfigurableAttributesData($configurableAttributesData);

    $configurableProductsData = array();
    $configurableProductsData[$simple_product_id] = array( //[$simple_product_id] = id of a simple product associated with this configurable
        '0' => array(
            'label' => 'S', //attribute label
            'attribute_id' => '152', //attribute ID of attribute 'size_general' in my store
            'value_index' => '193', //value of 'S' index of the attribute 'size_general'
            'is_percent'    => 0,
            'pricing_value' => '10',
        )
    );
    $configurable_product->setConfigurableProductsData($configurableProductsData);

    $configurable_product->save();

    echo "configurable product id: ".$configurable_product->getId()."\n";

//simple product

$simple_product = $this->_objectManager->create('\Magento\Catalog\Model\Product');

$simple_product->setSku('test-simple');

$simple_product->setName('test name simple');

$simple_product->setAttributeSetId(4);

$simple_product->setSize_general(193); // value id of S size

$simple_product->setStatus(1);

$simple_product->setTypeId('simple');

$simple_product->setPrice(10);

$simple_product->setWebsiteIds(array(1));

$simple_product->setCategoryIds(array(31));

$simple_product->setStockData(array(

'use_config_manage_stock' => 0, //'Use config settings' checkbox

'manage_stock' => 1, //manage stock

'min_sale_qty' => 1, //Minimum Qty Allowed in Shopping Cart

'max_sale_qty' => 2, //Maximum Qty Allowed in Shopping Cart

'is_in_stock' => 1, //Stock Availability

'qty' => 100 //qty

)

);

$simple_product->save();

$simple_product_id = $simple_product->getId();

echo "simple product id: ".$simple_product_id."\n";

//configurable product

$configurable_product = $this->_objectManager->create('\Magento\Catalog\Model\Product');

$configurable_product->setSku('test-configurable');

$configurable_product->setName('test name configurable');

$configurable_product->setAttributeSetId(4);

$configurable_product->setStatus(1);

$configurable_product->setTypeId('configurable');

$configurable_product->setPrice(11);

$configurable_product->setWebsiteIds(array(1));

$configurable_product->setCategoryIds(array(31));

$configurable_product->setStockData(array(

'use_config_manage_stock' => 0, //'Use config settings' checkbox

'manage_stock' => 1, //manage stock

'is_in_stock' => 1, //Stock Availability

)

);

$configurable_product->getTypeInstance()->setUsedProductAttributeIds(array(152),$configurable_product); //attribute ID of attribute 'size_general' in my store

$configurableAttributesData = $configurable_product->getTypeInstance()->getConfigurableAttributesAsArray($configurable_product);

$configurable_product->setCanSaveConfigurableAttributes(true);

$configurable_product->setConfigurableAttributesData($configurableAttributesData);

$configurableProductsData = array();

$configurableProductsData[$simple_product_id] = array( //[$simple_product_id] = id of a simple product associated with this configurable

'0' => array(

'label' => 'S', //attribute label

'attribute_id' => '152', //attribute ID of attribute 'size_general' in my store

'value_index' => '193', //value of 'S' index of the attribute 'size_general'

'is_percent' => 0,

'pricing_value' => '10',

)

);

$configurable_product->setConfigurableProductsData($configurableProductsData);

$configurable_product->save();

echo "configurable product id: ".$configurable_product->getId()."\n";

You can review on API functional test aimed at creating configurable product. You code should have the following look:

$product = $productFactory->create(['name'=> 'configurable product', ... ]);
$configurableOption = $optionFactory->create([]);
$linkedProduct = $linkFactory->create([]);
$product->getExtensionAttributes()->setConfigurableProductOptions($configurableOption)l
$product->getExtensionAttributes()->setConfigurableProductLinks($linkedProduct);
$productRepository->save($product)

$product = $productFactory->create(['name'=> 'configurable product', ... ]);

$configurableOption = $optionFactory->create([]);

$linkedProduct = $linkFactory->create([]);

$product->getExtensionAttributes()->setConfigurableProductOptions($configurableOption)l

$product->getExtensionAttributes()->setConfigurableProductLinks($linkedProduct);

$productRepository->save($product)

It is also necessary to mention that the API does not generate simple product, so there is the need to create in advance.

More tips from Magento 2 Developer’s Cookbook

How to call theme images from a static block

September 7, 2015 - Magento 2

You call theme images from static block as follows: magento2 : {{view url=”images/demo.jpg”}}

More tips from Magento 2 Developer’s Cookbook

Continue Reading

How to override a base view file

September 7, 2015 - Magento 2

To override a base view file in Magento 2, create a file with the following name: app/design/frontend/[VendorName]/[theme]/Magento_Tax/templates/pricing/adjustment.phtml.

base folder is a default fallback for all arias used to share resources across areas.

More tips from Magento 2 Developer’s Cookbook

Adding a custom block to specific product type view pages in Magento 2

September 7, 2015 - Magento 2

To add a custom block to specific product type view pages, use product type dependent layout updates catalog_product_view_type_{prodyct_type}.xml (catalog_product_view_type_ grouped.xml). For instance:

<?xml version="1.0"?> <layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/layout_generic.xsd"> <referenceContainer name="content"> <block class="..." /> </referenceContainer> </layout>

1	<?xml version="1.0"?> <layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/layout_generic.xsd"> <referenceContainer name="content"> <block class="..." /> </referenceContainer> </layout>

More tips from Magento 2 Developer’s Cookbook

How to convert a number format into a currency format in Magento 2

September 7, 2015 - Magento 2

Since there is no ‘core’ module in Magento 2, you can do this by following way inside view file (.phtml):

$this->helper('Magento\Framework\Pricing\Helper\Data')->currency(number_format(50,2),true,false);

1	$this->helper('Magento\Framework\Pricing\Helper\Data')->currency(number_format(50,2),true,false);

More tips from Magento 2 Developer’s Cookbook

How Can I move a search bar in Navigation div in Magento 2 via XML?

September 7, 2015 - Magento 2

You can put a search box after the navigation block and use css to make display it in one line, since html/topmenu.phtml block doesn’t print its child’s

<move element="top.search" destination="page.top" after="catalog.topnav" />

1	<move element="top.search" destination="page.top" after="catalog.topnav" />

Alternatively, you can overwrite html/topmenu.phtml to

<?php $columnsLimit = $block->getColumnsLimit() ?: 0; ?> <?php $_menu = $block->getHtml('level-top', 'submenu', $columnsLimit) ?> <nav role="navigation"> <ul data-mage-init='{"menu":{"responsive":true, "expanded":true, "position":{"my":"left top","at":"left bottom"}}}'> <?php echo $_menu; ?> </ul> <?php echo $block->getChildHtml() ?> </nav>

<?php $columnsLimit = $block->getColumnsLimit() ?: 0; ?> <?php $_menu = $block->getHtml('level-top', 'submenu', $columnsLimit) ?> <nav role="navigation"> <ul data-mage-init='{"menu":{"responsive":true, "expanded":true, "position":{"my":"left top","at":"left bottom"}}}'> <?php echo $_menu; ?> </ul> <?php echo $block->getChildHtml() ?> </nav>

More tips from Magento 2 Developer’s Cookbook