Jump to content

alinear productos (No es la plantilla por defecto) - Solucionado

oscarseph
 Share

Recommended Posts

oscarseph Newbie

oscarseph

Posted
Posted

Hola a todos,

me encuentro con este problema en la tienda

Untitled-1.jpg

 

Quisiera conseguir que los productos estuvieran alineados por igual en altura, independientemente de si tienen descripción y de cuantas líneas haya en los otros textos, he leído este post y no consigo hacerlo funcionar.

 

http://www.prestashop.com/forums/topic/273745-solucionado-problema-alineamiento-de-los-articulos-descripciones-altura-de-los-bloques-etc/?hl=%2Balinear+%2Barticulos

 

No creo que lo esté haciendo bien porque tampoco explica todo lo que se tiene que modificar exactamente.

 

Tocando el trunc del product-list.tpl de 360 a por ejemplo 30, no consigo nada sino que además me aparece la descripción larga del artículo en la pagina general, lo cual no me interesa.

 

¿Podéis ayudarme porfavor? Gracias de antemano

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Parece que esta de moda, no dejar la dirección de la tienda, para agilizar la ayuda.

 

¿Eso es el listado de productos por categoria o el bloque de productos destacados?

 

En fin, si no dejas la direccion de tu tienda dificil sera ayudarte.

 

Suponiendo que sea el listado de productos, puedes darle un height fijo al titulo del producto, al menos en la plantilla por defecto en el "product-list.css" tienes esto:

#product_list li h3 {
padding: 0 0 10px 0;
font-size: 13px;
color: #000;
}

si le añades un height fijo con un overflow hidden

#product_list li h3 {
padding: 0 0 10px 0;
font-size: 13px;
color: #000;
height:20px;
overflow:hidden;
}

La otra opción es reducir el truncate en el "product-list.tpl" del product name asi se veran menos caracteres. (Reducir es colocar un numero menor)

 

El nombre tendra un altura fija y no se descuadra. 

 

Descripcion veo que no la imprimes o la tienes oculta.

 

Pero olvidate de lo que te he dicho, porque en tu caso seguramente sera diferente, sin ver la dirección de tu web, no puedo ser adivino.

Link to comment
Share on other sites
oscarseph Newbie

oscarseph

Posted
  • Author
Posted

En fin, si no dejas la direccion de tu tienda dificil sera ayudarte.

 

Suponiendo que sea el listado de productos, puedes darle un height fijo al titulo del producto, al menos en la plantilla por defecto en el "product-list.css" tienes esto:

#product_list li h3 {
padding: 0 0 10px 0;
font-size: 13px;
color: #000;
}

si le añades un height fijo con un overflow hidden

#product_list li h3 {
padding: 0 0 10px 0;
font-size: 13px;
color: #000;
height:20px;
overflow:hidden;
}

La otra opción es reducir el truncate en el "product-list.tpl" del product name asi se veran menos caracteres. (Reducir es colocar un numero menor)

 

El nombre tendra un altura fija y no se descuadra. 

 

Descripcion veo que no la imprimes o la tienes oculta.

 

Pero olvidate de lo que te he dicho, porque en tu caso seguramente sera diferente, sin ver la dirección de tu web, no puedo ser adivino.

 

Gracias por contestar tan rapido.

 

El el listado de productos por categoria, te doy la url de la captura

 

http://www.gamecenter.es/es/18-juegos-ps3

Link to comment
Share on other sites
oscarseph Newbie

oscarseph

Posted
  • Author
Posted

 

Ya se ve la tienda, la opción sencilla, es ir al fichero:

http://www.gamecenter.es/themes/gameworld/css/product_list.css

Buscar esto:

ul#product_list li h3{margin:10px 0 2px!important;}

Y dejarlo asi:

ul#product_list li h3 {
margin: 10px 0 2px!important;
height: 57px;
overflow: hidden;
}

Ostras! ya esta! Eres un crack, no sabía en que parte del product_list li tenía que ponerlo.

 

Muchas gracias, edito el post a Solucionado

 

GRACIAS GRACIAS GRACIAS

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Ostras! ya esta! Eres un crack, no sabía en que parte del product_list li tenía que ponerlo.

 

Muchas gracias, edito el post a Solucionado

 

GRACIAS GRACIAS GRACIAS

 

De todos modos, puedes pegarme el contenido de tu fichero:

/themes/gameworld/product-list.tpl

que quiero ver una cosilla, para ver como tienes el truncate del "$product.name"

 

¿?

Link to comment
Share on other sites
oscarseph Newbie

oscarseph

Posted
  • Author
Posted
{if isset($products)}

<!-- Products list -->

{assign var='nbItemsPerLine' value=4}

<ul id="product_list" class="clear">

{foreach from=$products item=product name=products}

<li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if} {if $smarty.foreach.products.iteration%$nbItemsPerLine == 0}last_item_of_line{elseif $smarty.foreach.products.iteration%$nbItemsPerLine == 1}clear{/if} clearfix">

<div class="center_block">

<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}"/></a>

<h3><a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.name|truncate:360:'...':true|escape:'htmlall':'UTF-8'}</a></h3>

{if $page_name == 'category'}

<p class="category_name">

{$category->name|escape:'htmlall':'UTF-8'}

</p>

{/if}

</div>

<div class="right_block">

{if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))}

<div>

{if isset($product.available_for_order) && $product.available_for_order && !isset($restricted_country_mode)}{if ($product.allow_oosp || $product.quantity > 0)}<span class="availability">{l s='Available'}</span>{elseif (isset($product.quantity_all_versions) && $product.quantity_all_versions > 0)}{l s='Product available with different options'}{else}<span class="outofstock">{l s='Out of stock'}</span>{/if}{/if}

{if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)}<span class="price" style="display: inline;">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span><br />{/if}

</div>

{/if}

{if isset($comparator_max_item) && $comparator_max_item}

<p class="compare">

<input type="checkbox" class="comparator" id="comparator_item_{$product.id_product}" value="comparator_item_{$product.id_product}" {if isset($compareProducts) && in_array($product.id_product, $compareProducts)}checked="checked"{/if} /> 

<label for="comparator_item_{$product.id_product}">{l s='Select to compare'}</label>

</p>

{/if}

{if ($product.id_product_attribute == 0 || (isset($add_prod_display) && ($add_prod_display == 1))) && $product.available_for_order && !isset($restricted_country_mode) && $product.minimal_quantity <= 1 && $product.customizable != 2 && !$PS_CATALOG_MODE}

{if ($product.allow_oosp || $product.quantity > 0)}

<a class="button ajax_add_to_cart_button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$link->getPageLink('cart.php')}?add&id_product={$product.id_product|intval}{if isset($static_token)}&token={$static_token}{/if}" title="{l s='Add to cart'}">{l s='Add to cart'}</a>

{else}

<span class="exclusive">{l s='Out of stock'}</span>

{/if}

{/if}

</div>

</li>

{/foreach}

</ul>

<!-- /Products list -->

{/if}

Link to comment
Share on other sites
oscarseph Newbie

oscarseph

Posted
  • Author
Posted

De todos modos, puedes pegarme el contenido de tu fichero:

/themes/gameworld/product-list.tpl

que quiero ver una cosilla, para ver como tienes el truncate del "$product.name"

 

¿?

Otra pregunta, en algunos juegos pone AVAILABLE, pero quisiera que dijera DISPONIBLE, donde puedo modificar esto? no encuentro el modulo exacto. Gracias

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Así me va bien de momento, si no me dicen que lo cambie jejeje.

 

Dejalo asi:

ul#product_list li h3 {
margin: 10px 0 2px!important;
padding: 0 0 10px 0;
font-size: 13px;
color: #000;
height: 37px;
overflow: hidden;
}

Y luego en el fichero

/themes/gameworld/product-list.tpl

cambia esto:

{$product.name|truncate:360:'...':true|escape:'htmlall':'UTF-8'}

por

{$product.name|truncate:43:'...':true|escape:'htmlall':'UTF-8'}
Link to comment
Share on other sites
oscarseph Newbie

oscarseph

Posted
  • Author
Posted (edited)

 

Dejalo asi:

ul#product_list li h3 {
margin: 10px 0 2px!important;
padding: 0 0 10px 0;
font-size: 13px;
color: #000;
height: 37px;
overflow: hidden;
}

Y luego en el fichero

/themes/gameworld/product-list.tpl

cambia esto:

{$product.name|truncate:360:'...':true|escape:'htmlall':'UTF-8'}

por

{$product.name|truncate:43:'...':true|escape:'htmlall':'UTF-8'}

Tienes razón, así me gusta mas.Gracias!

 

Sobre modificar el available dentro de la ficha del producto puedes darme alguna indicación?

Edited by oscarseph (see edit history)
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Tienes razón, así me gusta mas.Gracias!

 

Sobre modificar el available dentro de la ficha del producto puedes darme alguna indicación?

jajajaj (Es solo 1 duda por tema, pillin xDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD)

 

En principio es en la pestaña "Localizacion -> Traducciones"

 

Bloque Modificar Traducciones

 

En ese bloque eliges "Traducciones del Fron-Office" -> Plantilla que estes usando y pulsas en la bandera del idioma Español, se te abria un cuatro de traducciones, despliega todos los campos, y ve al bloque de "product":

Link to comment
Share on other sites
oscarseph Newbie

oscarseph

Posted
  • Author
Posted

Muchas gracias, aunque me aparece un mensaje de error

 

Advertencia, la configuración de PHP limita el número máximo de campos para enviar en un formulario: 1000 de max_input_vars.
Por favor, consulte con su proveedor de hosting para aumentar el límite este de 1435 al menos o editar el archivo de traducción de forma manual.

 

Me pongo en contacto con los del hosting no?

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Muchas gracias, aunque me aparece un mensaje de error

 

Advertencia, la configuración de PHP limita el número máximo de campos para enviar en un formulario: 1000 de max_input_vars.

Por favor, consulte con su proveedor de hosting para aumentar el límite este de 1435 al menos o editar el archivo de traducción de forma manual.

 

Me pongo en contacto con los del hosting no?

 

Prueba esto, a ver si tienes suerte.

 

Crea un fichero en tu ordenador con nombre:

php.ini

con este contenido:

max_input_vars=7000

Guarda los cambios y sube ese fichero a la carpeta de "administracion" de tu tienda, con carpeta carpeta de administracion, me refiero si para entrar al panel de tu tienda, la url de del panel es:

tuweb.com/carpeta_admin/

lo subes dentro de:

carpeta_admin

Despues, prueba volver otra vez acceder al panel de traducciones, y si te sale el mismo error, prueba directamente contactar con tu hosting.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

No funciona, ya me pondre en contacto con los del hosting.

 

Gracias por todo, te volveré a molestar pronto que eres muy bueno XDD

 

Un placer ayudarte y servirte !

 

Por cierto, como solo se permite normalmente 1 duda por tema, y en el titulo del tema hacia alusión al  tema de alinear los productos, te añado la palabra "Solucionado" en este tema y cierro este tema, y si no consigues hacer lo de las traducciones, crea un tema nuevo en el foro.

 

Saludos, 

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...