Estoy terminandod e dar los ultimos retoques esteticos a mi tienda (el ultimo) http://www.eluniversodelperro.com/tienda/68-colecciones-especiales y la modificacion que estoy haciendo es sustituir el product-list.tpl y product-order.tpl de mi theme por otro en el cual se muestran los productos en 3 columnas; el problema que me ha surgido y que no se muy bien como solucionarlo es:
1.- Se me ha descuadrado FAQ
2.- Cuando un producto es "nuevo", la imagen de "Nuevo" aparece sobre el precio, y me gustaria que apareciera en la parte superior izquierda, encima de la foto del producto (normalmente no tapara nada).
3.- Hay un problema en el codigo (mejor dicho, hay que mejorarlo), ya que si un producto tiene el nombre muy largo, descripcion muy larga o no tiene descripcion, ocupa mas o menos (varian segun esos factores) y me gustaria que:
- Si el titulo ocupa mas de una linea, no coloque la siguiente (o siguientes)
- Si la descipcion ocupa mas de una linea, no coloque la siguiente (o siguientes) y si no tiene descripcion, me coloque el espacio en blanco.
Muchas gracias por vuestra ayuda; por cierto, el codigo de product-list.tpl es:
Ademas de esto, necesito solucionar (para dejar todo listo);
5 - Ensanchar el menu verde hasta el ancho de la capa en la que esta.
6- Solucionar el problema (mediante CSS) para que el Footer se vea igual en IE
7- Hacer que la imagen "Transparante" (semigris) que esta puesto en todo el contenido de la tienda, empieza mas abajo, es decir, que lo que sobresale por la parte de arriba del logo no lo muestre.
PD: Si pregunto todo esto es porque no he logrado solucionarlo probando a cambair varias cosas mediante codigo y CSS.
Muchas gracias por vuestra ayuda,
Un saludo
1.- Se me ha descuadrado FAQ
2.- Cuando un producto es "nuevo", la imagen de "Nuevo" aparece sobre el precio, y me gustaria que apareciera en la parte superior izquierda, encima de la foto del producto (normalmente no tapara nada).
3.- Hay un problema en el codigo (mejor dicho, hay que mejorarlo), ya que si un producto tiene el nombre muy largo, descripcion muy larga o no tiene descripcion, ocupa mas o menos (varian segun esos factores) y me gustaria que:
- Si el titulo ocupa mas de una linea, no coloque la siguiente (o siguientes)
- Si la descipcion ocupa mas de una linea, no coloque la siguiente (o siguientes) y si no tiene descripcion, me coloque el espacio en blanco.
Muchas gracias por vuestra ayuda; por cierto, el codigo de product-list.tpl es:
<div class="sort_page">
</div>
<div class="products_block">
<ul class="products_block" style="background:transparent">
{if isset($products) AND $products}
{assign var='liHeight' value=360}
{assign var='nbItemsPerLine' value=3}
{assign var='nbLi' value=$products|@count}
{assign var='nbLines' value=$nbLi/$nbItemsPerLine|ceil}
{assign var='ulHeight' value=$nbLines*$liHeight}
{foreach from=$products item=product name=products}
{assign var='productLink' value=$link->getProductLink($product.id_product, $product.link_rewrite, $product.category)}
<li class="ajax_block_product {if $smarty.foreach.homeFeaturedProducts.first}first_item{elseif $smarty.foreach.homeFeaturedProducts.last}last_item{else}item{/if} {if $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 0}last_item_of_line{elseif $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 1}first_item_of_line{/if} {if $smarty.foreach.homeFeaturedProducts.iteration > ($smarty.foreach.homeFeaturedProducts.total - ($smarty.foreach.homeFeaturedProducts.total % $nbItemsPerLine))}last_line{/if}">
<a href="{$productLink}" title="{$product.legend|escape:htmlall:'UTF-8'}">
[img]{$img_prod_dir}{$product.id_image}-home.jpg[/img]
</a>
{if $product.on_sale}
<p class="on_sale"><span>{l s='On sale!'}</span></p>
{elseif ($product.reduction_price != 0 || $product.reduction_percent != 0) && ($product.reduction_from == $product.reduction_to OR ($smarty.now|date_format:'%Y-%m-%d' <= $product.reduction_to && $smarty.now|date_format:'%Y-%m-%d' >= $product.reduction_from))}
<p class="on_sale"><span>{l s='Price lowered!'}</span></p>
{/if}
<p class="new">{if $product.new == 1}<span>{l s='new'}{/if}</span></p>
<h5 class="h5">
[url="{$productLink}"]{$product.name|escape:htmlall:'UTF-8'|truncate:1000}[/url]
</h5>
[url="{$product.link}"]{$product.description_short|strip_tags|truncate:100:'...'}[/url]</p>
<p class="pprice">
<span class="price_span">{displayWtPrice p=$product.price}</span>
<span class="nav">
<b class="view_it">[url="{$productLink}"][/url][/b]
<b class="add_it">[url="{$base_dir}cart.php?qty=1&id_product={$product.id_product}&token={$static_token}&add"][/url][/b]
</span>
{if ($product.quantity > 0 OR $product.allow_oosp) AND $product.customizable != 2}
</p>
{else}
<span class="exclusive">{l s='Add to cart'}</span>
{/if}
</p>
{/foreach}
{else}
{l s='No products'}</p>
{/if}
[/list]
</div>Ademas de esto, necesito solucionar (para dejar todo listo);
5 - Ensanchar el menu verde hasta el ancho de la capa en la que esta.
6- Solucionar el problema (mediante CSS) para que el Footer se vea igual en IE
7- Hacer que la imagen "Transparante" (semigris) que esta puesto en todo el contenido de la tienda, empieza mas abajo, es decir, que lo que sobresale por la parte de arriba del logo no lo muestre.
PD: Si pregunto todo esto es porque no he logrado solucionarlo probando a cambair varias cosas mediante codigo y CSS.
Muchas gracias por vuestra ayuda,
Un saludo