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.

4 Answers 4

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>
...
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

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" /> 
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 Aug 26, 2020 at 18:22
0

Lo realice con esto

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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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