How To

Magento 2: How to Add Section after Image Gallery at Product Detail Page

Hello Magento Friends,

In this blog, I am going to explain How to Add Section after Image Gallery at Product Detail Page in Magento 2.

Image Gallery in Magento 2 is used to add photos of similar categories and place them on the product detail page. Sometimes you need to show a block next to the image gallery on the product detail page. At that time you can make use of the below steps.

Steps to Add Section after Image Gallery at Product Detail Page in Magento 2:

Step 1: First, we need to create a “catalog_product_view.xml” file inside our extension at the following path

app\code\Vendor\Extension\view\frontend\layout\catalog_product_view.xml

Now add the code block given below

<?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="content">
            <block class="Magento\Framework\View\Element\Template" name="custom_content" template="Vendor_Extension::custom_content.phtml" after="product.info.media"/>
        </referenceContainer>
    </body>
</page>

Step 2:  After that, we need to create a “custom_content.phtml” file inside our extension at the following path

app\code\Vendor\Extension\view\frontend\templates\custom_content.phtml

Then add content based on the requirement

<div>
   Hello World!
</div>

Conclusion:

This way you can Add Section after Image Gallery at Product Detail Page in Magento 2. Also, Add Product Review on Product Detail Page in Magento 2.

If you have any doubt, feel free to ask me through the comment section. Share the article with your friends and stay in touch with us for regular updates.

Happy Coding!

Click to rate this post!
[Total: 3 Average: 5]
Dhiren Vasoya

Dhiren Vasoya is a Director and Co-founder at MageComp, Passionate ?️ Certified Magento Developer?‍?. He has more than 9 years of experience in Magento Development and completed 850+ projects to solve the most important E-commerce challenges. He is fond❤️ of coding and if he is not busy developing then you can find him at the cricket ground, hitting boundaries.?

Recent Posts

Generating Thumbnails with Spatie Media Library in Laravel 11: A Step-by-Step Guide

Generating image thumbnails is a common requirement in web applications, especially when handling media-heavy content.…

7 hours ago

Enhancing Web Application Security with Laravel’s Built-In Features

In today’s digital landscape, web application security is paramount. As a powerful PHP framework, Laravel…

1 day ago

Magento 2 Extensions Digest October 2024 (New Release & Updates)

October was an exciting month for MageComp! From significant updates across our Magento 2 extension…

1 day ago

Improving Error Handling and Transition Management in Remix with useRouteError and useViewTransitionState

In modern web development, seamless navigation and state management are crucial for delivering a smooth…

1 week ago

Magento Open Source 2.4.8-Beta Release Notes

Magento Open Source 2.4.8 beta version released on October  8, 2024. The latest release of…

1 week ago

How to Create Catalog Price Rule in Magento 2 Programmatically?

Hello Magento Friends, Creating catalog price rules programmatically in Magento 2 can be a valuable…

2 weeks ago