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

What are Net Sales? How to Calculate Your Net Sales?

In the world of business, understanding financial metrics is crucial for making informed decisions and…

1 day ago

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

Welcome to the MageComp Monthly Digest, where we bring you the latest updates, releases, and…

1 day ago

The ABCs of Geofencing: Definition, Features and Uses

In this era, businesses are always on the lookout for ways to engage with their…

2 days ago

How to Delete Product Variant in a Shopify Remix App using GraphQL Mutations?

Managing a Shopify store efficiently involves keeping your product catalog organized. This includes removing outdated…

3 days ago

6 Innovative Tools Revolutionizing E-Commerce Operations

E-commerce has transformed the way consumers shop for products and services and interact with businesses.…

5 days ago

How Upcoming Cookie Changes Will Affect Your E-commerce Website?

The e-commerce world is constantly in flux. New tech and strategies emerge daily to help…

5 days ago