6

How to move "Add to wishlist" button after "Add to cart"?

I try using move but it's just working on the configurable products. I want it to work too on the simple products.

Check my catalog_product_view.xml :

...
  <move element="product.addto.wishlist" destination="product.info.addtocart.additional" />
...
  <container name="product.addto.wishlist" as="product_addto_wishlist" htmlClass="product wishlist" htmlTag="div">
      <block class="Magento\Catalog\Block\Product\View" name="product.info.addto" as="addto" template="Magento_Catalog::product/view/addto.phtml"/>
  </container>
...

Add to Wishlist button is not showing on simple products.

Simple Products

Configurable Products :

Configurable Products

Thanks.

Improve this question

4 Answers 4

Reset to default
4

I got solutions for my problem.

Just create catalog_product_view_type_simple.xml and use this code below:

...
   <referenceBlock name="product.info.addtocart">
        <block class="Magento\Catalog\Block\Product\View" name="product.info.addto" as="addto" template="Magento_Catalog::product/view/addto.phtml"/>
   </referenceBlock>
...
Improve this answer
3

Just add below code to catalog_product_view.xml file for the simple and configurable product:

For Simple Product

<referenceBlock name="product.info.addtocart">
     <block class="Magento\Wishlist\Block\Catalog\Product\View\AddTo\Wishlist" name="view.addto.wishlist" template="Magento_Catalog::product/view/addto/wishlist.phtml" />
 </referenceBlock>

For Configurable Product

 <referenceBlock name="product.info.addtocart.additional">
     <block class="Magento\Wishlist\Block\Catalog\Product\View\AddTo\Wishlist" name="view.addto.wishlist.bottom" template="Magento_Catalog::product/view/addto/wishlist.phtml" />
 </referenceBlock>

It will look like:

Wishlist in simple product

enter image description here

Wishlist in Configurable Products

enter image description here

Leave a comment if have any query

Improve this answer
1
  • 1
    In my case I needed to change the template to Magento_Wishlist::catalog/product/view/addto/wishlist.phtml. Maybe it will be helpful to someone else.
    – Akif
    Jul 21, 2021 at 10:29
1

Can you try this

                        <move element="product.addto.wishlist" destination="product.info.addtocart.additional" after="product.info.addtocart" />
Improve this answer
2
  • Thanks for your answer, but still not working. Add to Wishlist button not showing on simple products.
    – Kevinzie
    Aug 21, 2018 at 6:20
  • Did you ever get this to work @Emkalab
    – oompahlumpa
    Aug 26, 2020 at 18:22
0

Lo realice con esto

<move element="view.addto.wishlist" destination="product.info.form.options" after="-"/>
Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.