Jump to content

How to align wishlist page view


Recommended Posts



I am a newbie to prestashop.


I am trying to align the wishlist page view in my prestashop store.


I would like to align it in grid style.




I have attached an image wishlist.jpg which shows the current appearance of my shop.




Another image wish.jpg shows how i want my page to appear.




Pl. help me out


Thanks in advance


Edited by Gowtham (see edit history)
Link to comment
Share on other sites



you need to edit blockwishlist/views/templates/front/mywishlist.tpl for doing this.




Hi Simon,


Thanks for your reply.


But, I can't find the place to edit. May be because, I am not good in programming.


The codings in mywishlist.tpl is

<div id="mywishlist">
{capture name=path}<a href="{$link->getPageLink('my-account', true)}">{l s='My account' mod='blockwishlist'}</a><span class="navigation-pipe">{$navigationPipe}</span>{l s='My wishlists' mod='blockwishlist'}{/capture}
{include file="$tpl_dir./breadcrumb.tpl"}
<h2>{l s='My wishlists' mod='blockwishlist'}</h2>
{include file="$tpl_dir./errors.tpl"}
{if $id_customer|intval neq 0}
 <form method="post" class="std" id="form_wishlist">
   <h3>{l s='New wishlist' mod='blockwishlist'}</h3>
   <p class="text">
 <input type="hidden" name="token" value="{$token|escape:'htmlall':'UTF-8'}" />
 <label class="align_right" for="name">{l s='Name' mod='blockwishlist'}</label>
 <input type="text" id="name" name="name" class="inputTxt" value="{if isset($smarty.post.name) and $errors|@count > 0}{$smarty.post.name|escape:'htmlall':'UTF-8'}{/if}" />
   <p class="submit">
 <input type="submit" name="submitWishlist" id="submitWishlist" value="{l s='Save' mod='blockwishlist'}" class="exclusive" />
 {if $wishlists}
 <div id="block-history" class="block-center">
  <table class="std">
  <th class="first_item">{l s='Name' mod='blockwishlist'}</th>
  <th class="item mywishlist_first">{l s='Qty' mod='blockwishlist'}</th>
  <th class="item mywishlist_first">{l s='Viewed' mod='blockwishlist'}</th>
  <th class="item mywishlist_second">{l s='Created' mod='blockwishlist'}</th>
  <th class="item mywishlist_second">{l s='Direct Link' mod='blockwishlist'}</th>
  <th class="last_item mywishlist_first">{l s='Delete' mod='blockwishlist'}</th>
   {section name=i loop=$wishlists}
 <tr id="wishlist_{$wishlists[i].id_wishlist|intval}">
  <td style="width:200px;">
   <a href="javascript:;" onclick="javascript:WishlistManage('block-order-detail', '{$wishlists[i].id_wishlist|intval}');">{$wishlists[i].name|truncate:30:'...'|escape:'htmlall':'UTF-8'}</a>
  <td class="bold align_center">
   {assign var=n value=0}
   {foreach from=$nbProducts item=nb name=i}
    {if $nb.id_wishlist eq $wishlists[i].id_wishlist}
	 {assign var=n value=$nb.nbProducts|intval}
   {if $n}
  <td><a href="javascript:;" onclick="javascript:WishlistManage('block-order-detail', '{$wishlists[i].id_wishlist|intval}');">{l s='View' mod='blockwishlist'}</a></td>
  <td class="wishlist_delete">
   <a href="javascript:;"onclick="return (WishlistDelete('wishlist_{$wishlists[i].id_wishlist|intval}', '{$wishlists[i].id_wishlist|intval}', '{l s='Do you really want to delete this wishlist ?' mod='blockwishlist' js=1}'));">{l s='Delete' mod='blockwishlist'}</a>
 <div id="block-order-detail"> </div>
<ul class="footer_links">
 <li><a href="{$link->getPageLink('my-account', true)}"><img src="{$img_dir}icon/my-account.gif" alt="" class="icon" /></a><a href="{$link->getPageLink('my-account', true)}">{l s='Back to Your Account' mod='blockwishlist'}</a></li>
 <li class="f_right"><a href="{$base_dir}"><img src="{$img_dir}icon/home.gif" alt="" class="icon" /></a><a href="{$base_dir}">{l s='Home' mod='blockwishlist'}</a></li>


Pl. help me out.



Link to comment
Share on other sites

  • 2 weeks later...



The url to your website will be really helpfull. Is hard to say what exactly you have to change without an access to the code the store


Hi vekia,


You can visit my site in www.yoobig.com

Link to comment
Share on other sites

Hi, vekia, you can login with this customer:

[email protected]




Gowtham, making your wishlist page as on your screens will take several hours. I suggest you to hire frontend developer for doing it.

http://clip2net.com/clip/m0/1369213469-clip-76kb.png - maybe it will help you



  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...