Magento2 Custom Attributes – How to Move Products Attributes Block After Price

attributescustom-attributesmagento2product-attribute

How do I move or show the product attributes currently showing at More Information to after the Price and Availability In Stock.

Here is the piece that shows the product attributes under More Information tab.

<?php
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/

// @codingStandardsIgnoreFile

/**
 * Product additional attributes template
 *
 * @var $block \Magento\Catalog\Block\Product\View\Attributes
*/
?>
<?php
$_helper = $this->helper('Magento\Catalog\Helper\Output');
$_product = $block->getProduct();
?>
<?php if ($_additional = $block->getAdditionalData()): ?>
<div class="additional-attributes-wrapper table-wrapper">
    <table class="data table additional-attributes" id="product-attribute-
specs-table">
        <caption class="table-caption"><?= /* @escapeNotVerified */ __('More 
Information') ?></caption>
        <tbody>
        <?php foreach ($_additional as $_data): ?>
            <tr>
                <th class="col label" scope="row"><?= $block-
>escapeHtml(__($_data['label'])) ?></th>
                <td class="col data" data-th="<?= $block-
>escapeHtml(__($_data['label'])) ?>"><?= /* @escapeNotVerified */ $_helper-
>productAttribute($_product, $_data['value'], $_data['code']) ?></td>
            </tr>
        <?php endforeach; ?>
        </tbody>
    </table>
</div>
<?php endif;?>

Best Answer

Create one PHTML file in below location

app\design\frontend\Vendor\theme\Magento_Catalog\templates\product\view\ccolor.phtml

<?php
echo $this->helper('Magento\Catalog\Helper\Output')->productAttribute($block->getProduct(), $block->getProduct()->getColor(), 'color'));
?>

Now add your PHTML file in your XML file

app\design\frontend\Vendor\theme\Magento_Catalog\layout\catalog_product_view.xml

<body>
    <referenceBlock name="product.info.main">
        <block class="Magento\Catalog\Block\Product\View" name="ccolor" template="product/view/ccolor.phtml" />
    </referenceBlock>

    <move element="ccolor" destination="product.info.main" after="product.info.price" />
</body>

Flush cache and it should work fine.

Related Solutions

Magento 2 – Add New Field to Magento_User Admin Form

For adding image field, you can try using plugin and always try to avoid overwrite whole class.

Vendor/Module/etc/adminhtml/di.xml


<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <type name="Magento\User\Block\User\Edit\Tab\Main">
        <plugin name="sr_stackexchange_user_form" type="Vendor\Module\Plugin\Block\Adminhtml\User\Edit\Tab\Main" sortOrder="1"/>
    </type>
</config>

Vendor/Module/Plugin/Block/Adminhtml/User/Edit/Tab/Main.php


namespace Vendor\Module\Plugin\Block\Adminhtml\User\Edit\Tab;

class Main
{
    /**
     * Get form HTML
     *
     * @return string
     */
    public function aroundGetFormHtml(
        \Magento\User\Block\User\Edit\Tab\Main $subject,
        \Closure $proceed
    )
    {
        $form = $subject->getForm();
        if (is_object($form)) {
            $fieldset = $form->addFieldset('admin_user_image', ['legend' => __('User Image')]);
            $fieldset->addField(
                'user_image',
                'image',
                [
                    'name' => 'user_image',
                    'label' => __('Image'),
                    'id' => 'user_image',
                    'title' => __('Image'),
                    'required' => false,
                    'note' => 'Allow image type: jpg, jpeg, png'
                ]
            );

            $subject->setForm($form);
        }

        return $proceed();
    }
}

Clear cache.

Magento – How to move Review Block after Price Magento 2.0

Add below code in /theme-vendor/theme/Magento_Catalog/layout/catalog_product_view.xml file.

<move element="product.info.review" destination="product.info.main" after="product.info.price"/>

You need to move your code.

Remove this :

<block class="Magento\Catalog\Block\Product\View" name="product.info.review" template="Magento_Catalog::product/view/review.phtml" after="product.info.stock.sku" />

And place this :

<block class="Magento\Catalog\Block\Product\View" name="product.info.review" template="Magento_Catalog::product/view/review.phtml" after="product.info.price" />

Before this <block class="Magento\Catalog\Pricing\Render" name="product.price.tier" after="product.info.price"> code.

Best Answer

Related Solutions

Magento 2 – Add New Field to Magento_User Admin Form

Magento – How to move Review Block after Price Magento 2.0

Related Topic