Customize template of the wishlist table

Hi @nataliasha,

Greetings from WebToffee Support!

Thank you for reaching out to us regarding the customization requirement you are looking for.

Unfortunately, the Wishlist for WooCommerce plugin doesn’t offer built-in functionality to customize the wishlist-account-view-frontend.php template directly. However, if you could provide more details about the specific customizations you’re looking to achieve, we can assess the feasibility of whether they can be implemented through alternative means or custom development.

Please feel free to provide additional information about your customization requirements, and we’ll be happy to assist you further.

Thanks for your reply. My main goal is to change the layout on the /wishlist/ page from table to div. I also need to swap some elements like the delete button or the price. In principle, you can use js; I don’t want to overload the page with scripts if it can be avoided.

Hi @nataliasha,

Thanks for getting back to us and providing further details on the customization you are trying to achieve. We’d like to let you know that changing the layout on the Wishlist page from a table to div can be complex, as it may impact the alignment of elements across different themes.

Regarding your second requirement to rearrange elements within the wishlist, such as swapping the delete button or the price, we can explore implementing this through the addition of a code snippet.

If you could provide more specific details about which elements you want to swap and their desired positions, we can assist you further in implementing this customization.

Yes, thank you, snippet will be great.
The example of the markup of the elements I need:

<table>
<tr>
<td>Image</td>
<td>
<div>Title></div>
<div>Price</div>
</td>
<td>
<div>Delete butoon</div>
<div>Add to cart button</div>
</td>
</tr>
</table>

Hi @nataliasha,

Thank you for your patience. We are glad to inform you that we have developed a code snippet to achieve the desired customization based on the markup you shared. In order to implement this, simply copy the code snippet from here and paste it into your active theme’s functions.php file (WordPress Dashboard > Appearance > Theme Editor > functions.php), or you can use a Code Snippet plugin to do that for you.

After implementing the code snippet, please review the table layout. If it does not meet the requirements you are looking for, please share a screenshot of the Wishlist table with the desired customizations marked for our reference.

We’re here to assist you further if needed.

Thank you very much, you helped me a lot.

Hi @nataliasha,

We are delighted to hear that the provided solution was helpful to you.

If you have any more questions or if there’s anything else we can assist you with, please feel free to reach out.

Additionally, if you’re satisfied with the plugin and the support you’ve received, we would greatly appreciate it if you could take a moment to leave us a review here.

Your positive feedback motivates our team and helps us continually improve.

Thanks in advance!