I want to change the position of Wishlist icon on the top of image .

Do I have to achieve this through xml or through css?

I tried through xml but I couldn't move it over the image.

Here is the screen shot:

expected output

  • try with css. that will be easy. – sudo55 Feb 10 at 12:42
  • I know that it is easy but is it a proper way? @sudo55 – Haerriz Feb 10 at 12:43
  • Check the template from where it is coming. if template is from core vendor the over ride it to your theme and modify the templates accordingly. both the wish list and compare are under actions-secondary element . – Vinit Kumar Feb 10 at 12:53
  • Wishlist button comes from a different template and the product-info comes from another template . How come this can be acheived? @VinitKumar – Haerriz Feb 10 at 13:04
  • The Block category.product.addto.wishlist ,category.product.addto.compare and category.product.addto ** is responsible for wish list and compare Icons . You can modify the **catalog_category_view.xml in your theme or in default.xml file and using move tag under details.renderers – Vinit Kumar Feb 10 at 13:23

Your Answer

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

Browse other questions tagged or ask your own question.