cancel
Showing results for 
Search instead for 
Did you mean: 

How to move element product.info.extrahint

How to move element product.info.extrahint

Hello,

In the product page, I'm trying to move product-social-links div before the button Add to cart. So I have added the line <move element="product.info.extrahint" destination="product.info.form.content" before="product.info.addtocart"/> in my theme layout file catalog_product_view.xml. This element product.info.extrahint don't move ! If I try to move in other container or block then the element disappears. Is someone has an idea about this ?

 

I'am using magento 2.2.6.

Best regards,

4 REPLIES 4

Re: How to move element product.info.extrahint

Hello,

 

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>					
		<move element="product.info.extrahint" destination="product.info.main" after="product.info"/>
    </body>
</page>

just change after or before layout block name.

 

If works then mark as solution


Problem solved? Click Kudos & Accept as Solution!
Sunil Patel
Magento 2 Certified Professional Developer & Frontend Developer

Re: How to move element product.info.extrahint

Hello,

 

Thanks for your reply but the element not moving, I'am using a theme which inherit from luma.

Luma catalog_product_view.xml : 

<page layout="1column" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<move element="page.main.title" destination="product.info.main" before="-"/>
<move element="product.info.stock.sku" destination="product.info.price" after="product.price.final"/>
<move element="product.info.review" destination="product.info.main" before="product.info.price"/>
</body>
</page>

 

My Theme catalog_product_view.xml :

<page layout="2columns-left" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<move element="product.info.description" destination="page.main.title" />
<move element="product.info.downloadable.options" destination="content" after="product.info.media"/>
<move element="product.info.extrahint" destination="product.info.main" after="product.info"/>
<referenceContainer name="product.info.price" remove="true"/>
<referenceBlock name="product.info.overview" remove="true"/>
</body>
</page>

 

I really don't understant why the element is not moving.

 

product-add-form.png

 

I cleared the cache, I just want to move product-social-links div before price-box div.

Have you an idea about why the element is not moving ?

 

Re: How to move element product.info.extrahint

the same issue

Re: How to move element product.info.extrahint

I got the solution 

 

<move element="product.info.social" destination="your.destination"/>
 
this will move product.info.extrahint element into needed destination
 

If works then mark as solution

 

Problem solved? Click Kudos & Accept as Solution!