Magento – Magento 2 : Edit Product view XML to move element

layoutmagento2product-page

I want to move the product description to appear right after the short description on our Magento 2.1 product detail page.

However My issue is I am not sure what the element name is for the short description and long description fields are.

I know I need something like

<move element="product_info_long_description" destination="product.info.main" after="product.info.short_description"/>

Here is my page layout xml I need to alter

<?xml version="1.0"?>
 <!--
   /**
    * Copyright © 2016 SW-THEMES. All rights reserved.
    * See COPYING.txt for license details.
    */
 -->
 <page layout="2columns-right" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
    <!--<script src="Magento_Catalog::js/jquery.zoom.min.js"/>-->
</head>
<body>
    <referenceContainer name="sidebar.additional">
        <block class="Smartwave\Porto\Block\Template" name="product_view_custom_block" before="-" template="Magento_Catalog::product/view/custom_block.phtml"/>
    </referenceContainer>
    <move element="product.info.stock.sku" destination="product.info.price" after="product.price.final"/>
    <move element="product.info.review" destination="product.info.main" before="product.info.price"/>
    <move element="catalog.product.related" destination="sidebar.additional" after="product_view_custom_block"/>
    <move element="product.info.overview" destination="product.info.main" after="product.info.review"/>
    <referenceContainer name="after.body.start">
        <block class="Magento\Catalog\Block\Product\View" name="product_custom" template="Magento_Catalog::product/view/product_custom.phtml" before="-"/>
        <block class="Smartwave\Porto\Block\Template" name="product_view_config" after="-" template="Magento_Catalog::product/view/config.phtml"/>
    </referenceContainer>
    <referenceContainer name="columns.top">
        <block class="Magento\Catalog\Block\Product\View" name="prev_next_products" template="Magento_Catalog::product/view/prev_next.phtml" before="-"/>
    </referenceContainer>
    <move element="prev_next_products" destination="product.info.main" before="-"/>
    <move element="page.main.title" destination="product.info.main" before="-"/>
    <referenceContainer name="product.info.social">
        <block class="Smartwave\Porto\Block\Template" name="product_view_addthis_links" after="-" template="Magento_Catalog::product/view/addthis.phtml"/>
    </referenceContainer>
    <referenceContainer name="content">
        <block class="Smartwave\Porto\Block\RickSnippet" name="rich_snippet" template="Magento_Catalog::product/view/rich_snippet.phtml" before="-"/>
        <block class="Smartwave\Porto\Block\Template" name="product_view_main_custom_block" before="product.info.main" template="Magento_Catalog::product/view/main_custom_block.phtml"/>
        <block class="Smartwave\Porto\Block\Template" name="product_view_main_custom_block2" after="-" template="Magento_Catalog::product/view/main_custom_block2.phtml"/>
    </referenceContainer>
    <move element="product_view_main_custom_block2" destination="product.info.main" after="product.info.overview"/>
    <var name="gallery">
       <var name="allowfullscreen">false</var>
    </var>    

</body>

Best Answer

Give this a try:

Before changes:

For remove Description Tab and adding description below short description use below code in catalog_product_view.xml in your theme with location app/design/frontend/Namespace/Theme/Magento_Catalog/layout

<referenceContainer name="product.info.main">
   <referenceBlock name="product.info.description" remove="true"/>
   <block class="Magento\Catalog\Block\Product\View\Description" name="product.info.description.custom" template="product/view/attribute.phtml" group="detailed_info">
        <arguments>
            <argument name="at_call" xsi:type="string">getDescription</argument>
            <argument name="at_code" xsi:type="string">description</argument>
            <argument name="css_class" xsi:type="string">description</argument>
            <argument name="at_label" xsi:type="string">none</argument>
            <argument name="title" translate="true" xsi:type="string">Details</argument>
        </arguments>
    </block>
</referenceContainer>

After changes:

Edit: I have correct the file path and adding whole catalog_product_view.xml

<?xml version="1.0"?>
<page layout="1column" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>

   <referenceContainer name="product.info.main">
       <referenceBlock name="product.info.description" remove="true"/>
       <block class="Magento\Catalog\Block\Product\View\Description" name="product.info.description.custom" template="product/view/attribute.phtml" group="detailed_info">
                <arguments>
                    <argument name="at_call" xsi:type="string">getDescription</argument>
                    <argument name="at_code" xsi:type="string">description</argument>
                    <argument name="css_class" xsi:type="string">description</argument>
                    <argument name="at_label" xsi:type="string">none</argument>
                    <argument name="title" translate="true" xsi:type="string">Details</argument>
                </arguments>
            </block>
    </referenceContainer> 
</body>

Related Solutions

Magento – magento 2 captcha not rendering if I override layout xml

Anyway I have solved it myself.The captcha is not rendering due to I haven't override captcha layout xml so overriding it to your theme will solved issue.

Magento – How to extend layout in Custom module

Here is a simple module that displays static static html content on the product page. You can try it. It 100% works on my local Magento 2 test environment.

Base folder: app\code

Directory tree:

└── Test
    └── Catalog
        ├── Block
        │   └── Rewrite
        │       └── Product
        │           └── View.php
        ├── composer.json
        ├── etc
        │   └── module.xml
        ├── registration.php
        └── view
            └── frontend
                ├── layout
                │   └── catalog_product_view.xml
                └── templates
                    └── test.phtml

File: Test/Catalog/composer.json

{
    "name": "test/catalog",
    "description": "Test module for Magento 2",
    "type": "magento2-module",
    "version": "1.0.0",
    "license": [
        "OSL-3.0",
        "AFL-3.0"
    ],
    "require": {
        "php": "~5.5.0|~5.6.0|~7.0.0",
        "magento/module-catalog": "~100.0"
    },
    "autoload": {
        "files": [
            "registration.php"
        ],
        "psr-4": {
            "Test\\Catalog\\": ""
        }
    }
}

File: Test/Catalog/registration.php

<?php

use \Magento\Framework\Component\ComponentRegistrar;

ComponentRegistrar::register(ComponentRegistrar::MODULE, 'Test_Catalog', __DIR__);

File: Test/Catalog/etc/module.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
    <module name="Test_Catalog" setup_version="1.0.0">
        <sequence>
            <module name="Magento_Catalog"/>
        </sequence>
    </module>
</config>

File: Test/Catalog/view/frontend/layout/catalog_product_view.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
            <block class="Test\Catalog\Block\Rewrite\Product\View" name="product.seller.list" template="test.phtml" />
        </referenceContainer>
    </body>
</page>

File: Test/Catalog/Block/Rewrite/Product/View.php

<?php

namespace Test\Catalog\Block\Rewrite\Product;

class View extends \Magento\Catalog\Block\Product\View
{

}

File: Test/Catalog/view/frontend/templates/test.phtml

!!!!some static content!!!!

Best Answer

Related Solutions

Magento – magento 2 captcha not rendering if I override layout xml

Magento – How to extend layout in Custom module

Related Topic