Question

I was able to show the related products on the product page inside the 'related product' tab. However, it is in grid style. I'm wondering if there is a way to show them with "list style" ( like the category list page)?

enter image description here

this is the related product section of the catalog_product_view.xml

    <!--related product tab-->
    <block class="Magento\Catalog\Block\Product\ProductList\Related" name="product.info.related" template="Magento_Catalog::product/view/info.phtml" group="detailed_info">
        <arguments>
            <argument name="type" xsi:type="string">related</argument>
            <argument translate="true" name="title" xsi:type="string">Related Products</argument>
            <argument name="sort_order" xsi:type="string">40</argument>
            <argument name="priority" xsi:type="string">6</argument>
        </arguments>            
    </block>

this is my current phtml template for related product

<?php
 echo $block->getChildHtml('catalog.product.related');
?>

I want it to show like this ( list style) enter image description here

No correct solution

Licensed under: CC-BY-SA with attribution
Not affiliated with magento.stackexchange
scroll top