Moving the location of wishlist block

[crpereyra1]

I am working with the default presta 1.6 theme.  I am trying to move the location of the product "add to wishlist link," the one with the heart beside it.  Instead of having it to the right of my product when in list view, I would like to place it right beneath the product name.  Is this a change that needs to be made in the .tpl file or through css?  And where should I start if I am trying to accomplish this?

 

Thank you.

[dioniz]

One way of doing it is with jquery like this:

 

Open yourtheme/js/product.js and after

 $(document).ready(function(){ 

insert this:

$("#wishlist_button").insertAfter(".pb-center-column h1");

You will probably have to style it a bit which you can do in yourdomain/themes/yourtheme/css/modules/blockwishlist/blockwishlist.css

by adding to this class:

#wishlist_button {
    font-weight: 700;
}

[crpereyra1]

Great! that is what I am looking for.  On another note, where would I find the #wishlist_button div?

 

 

[dioniz]

In yourdomain/themes/yourtheme/modules/blockwishlist/blockwishlist-extra.tpl