Magento – Magento 2 : Display Related Products Block in Product View

magento-2.1magento2related-products

I'm using magento 2.1.3 and I want to display related products under product_view. Product view is using 1 column template.

I've added successfully related products to some products. I've reindexed after adding related to products. I've cleaned cache after each change of code.

In

/vendor/magento/module-catalog/view/frontend/layout/catalog_product_view.xml

The related products block is placed in referenceContainer name="content.aside" which is not present in my product view as it is one column.

I've overridden this layout in

/app/design/frontend/myCompany/myTheme/Magento_Catalog/layout/catalog_product_view.xml

and every change is working except related products block.

I tried to move it like this

<move element="catalog.product.related" destination="content" after="product.info.main" />

I used several different destinations, even without using after/before, but related products block is not appearing anywhere.

I tried also to call it

<block class="Magento\Catalog\Block\Product\ProductList\Related" name="catalog.product.related" type="related" template="Magento_Catalog::product/list/items.phtml">
    <arguments>
        <argument name="type" xsi:type="string">related</argument>
    </arguments>
</block>

I tried even using and not using type="related" in this last way of calling, but even with or without the 'type' the block is not appearing.

Does somebody have any idea?

Best Answer

Try this:

<move element="catalog.product.related" destination="product.info.main" after="-" />

Change you XML file path from

/app/design/frontend/myCompany/myTheme/Magento_Catalog/templates/catalog_product_view.xml

To

/app/design/frontend/myCompany/myTheme/Magento_Catalog/layout/catalog_product_view.xml

Related Solutions

Magento – Moving related products from right sidebar to product view page template

You almost have it. When you use the remove layout element this is the last element that is compiled before rendering the layout so if you have two elements with the same name, as you have above this will remove both of these. Look at using unset or change the name of the related block:

<action method="unsetChild">
  <name>catalog.product.related</name>
</action>

Also when you are calling this block make sure you call the name, in your example you are using <?php echo $this->getChildHtml('related') ?> when the block's name is catalog.product.related

Magento 2 – How to Rewrite TierPrice Block

Suppose package:Learning and module: Custom

Module.xml looks like

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../lib/internal/Magento/Framework/Module/etc/module.xsd">
    <module name="Learning_Custom" setup_version="2.0.0">
        <sequence>
            <module name="Magento_Catalog"/>
        </sequence>
    </module>
</config>

And then create a layout xml following path -> app/code/Learning/Custom/view/frontend/layout/catalog_product_prices.xml

<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/layout_generic.xsd">
    <referenceBlock name="render.product.prices">
        <arguments>
            <argument name="default" xsi:type="array">
                <item name="prices" xsi:type="array">
                    <item name="tier_price" xsi:type="array">
                        <item name="render_template" xsi:type="string">Learning_Custom::product/price/tier_prices.phtml
                    </item>
                </item>
            </argument>
        </arguments>
    </referenceBlock>
</layout>

Create template inside your module or copy base template file inside your module path should be -> app/code/Learning/Custom/view/frontend/templates/product/price/tier_prices.phtml

Related Topic