How to align wishlist page view

[Gowtham]

Hi,

 

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

Regards

Edited May 21, 2013 by Gowtham (see edit history)

[Alex Simonchik BelVG]

Hi,

 

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

 

Regards

[Gowtham]

Hi,

 

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

 

Regards

 

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">
  <fieldset>
   <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>
   <p class="submit">
 <input type="submit" name="submitWishlist" id="submitWishlist" value="{l s='Save' mod='blockwishlist'}" class="exclusive" />
   </p>
  </fieldset>
 </form>
 {if $wishlists}
 <div id="block-history" class="block-center">
  <table class="std">
   <thead>
 <tr>
  <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>
 </tr>
   </thead>
   <tbody>
   {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>
  <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}
   {/foreach}
   {if $n}
    {$n|intval}
   {else}
    0
   {/if}
  </td>
  <td>{$wishlists[i].counter|intval}</td>
  <td>{$wishlists[i].date_add|date_format:"%Y-%m-%d"}</td>
  <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>
  </td>
 </tr>
   {/section}
   </tbody>
  </table>
 </div>
 <div id="block-order-detail"> </div>
 {/if}
{/if}
<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>
</ul>
</div>

 

Pl. help me out.

 

Regards

[Alex Simonchik BelVG]

I am sorry for replying late, but your images is not available now

[Gowtham]

I am sorry for replying late, but your images is not available now

 

Hi simon,

 

I don't know how the images got deleted. I added it again to the same post.

 

Regards

[vekia]

hello

 

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

[Gowtham]

hello

 

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

[vekia]

have you got any test customer account there, i want to chcek the wishlist code

[Alex Simonchik BelVG]

Hi, vekia, you can login with this customer:

[email protected]

asdasd22

http://www.yoobig.com/module/blockwishlist/mywishlist

 

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

 

Regards

[vekia]

i totally agree with you Alex, in this case it is necessary to append many tpl and css changes