Jump to content

[SOLUCIONADO] ayuda porfa, necesito ampliar tamaño de los thumbnail en sección "productscategory".

fixgear

By fixgear
in Discusión general

 Share

Recommended Posts

fixgear Newbie

fixgear

Posted
Posted (edited)

buenas tardes a todos.

espero que esto no sea considerado postear doble ya que lo he puesto en el foro de inglés pero quería ver si algún hispano parlante sabe algo de esto.

 

quiero ampliar el tamaño de los imágenes thumbnails que aparecen en el pie de mis páginas de productos, o sea, en el productscategory.

 

llevo días con esto y me está volviendo loco!

 

las thumbs en cuestión son las que se ven en el adjunto "insaneMath.png" y he copiado y pegado el código de mi archivo "productscategory.tpl" que controla el tamaño de las thumbnails.

 

podéis verlo en directo en http://www.fixgear.i...oduct&id_lang=4 , está abajo donde pone "28 otros productos de la misma categoría:".

 

según esta linea de código que os pongo a continuación, parece que hay una fórmula matemática que cambia el tamaño de las thumbnail...

 

<ul {if count($categoryProducts) > 3}style="width: {math equation="width * nbImages" width=107 nbImages=$categoryProducts|@count}px"{/if}>

 

tengo especificado "home_liquid" como tamaño de las thumb (se ve en el código de abajo) y se supone que ese tamaño es de 250x250pix pero las imágenes se ven ENANAS y no sé por qué, creo que son de 100x100pix. dicha fórmula matemática está cambiando el tamaño de las thumb :(((

 

creía que al cambiar "width=107" a 200 sería la solución pero nada de nada :(

 

aaaaaggggggg! no puedo más! necesito que esas thumbs sean de 200x200pix.

 

no sé lo que tengo que cambiar, lo he probado todo. si borro el código de la fórmula matemática, mi pagina se rompe y sale un "server error".

 

alguéin sabe algo sobre esto?

 

gracias y saludos,

jer...

 

código completo de la sección afectada...

 

{if count($categoryProducts) > 0 && $categoryProducts !== false}
<h2 class="productscategory_h2">{$categoryProducts|@count} {l s='other products in the same category:' mod='productscategory'}</h2><br>
<div id="{if count($categoryProducts) > 3}productscategory{else}productscategory_noscroll{/if}" class="clearfix">
{if count($categoryProducts) > 3}<a id="productscategory_scroll_left" title="{l s='Previous' mod='productscategory'}" href="javascript:{ldelim}{rdelim}">{l s='Previous' mod='productscategory'}</a>{/if}
<div id="productscategory_list">
 <ul {if count($categoryProducts) > 3}style="width: {[color=#0000cd]math equation[/color]="width * nbImages" [color=#008000]width=107[/color] nbImages=$categoryProducts|@count}px"{/if}>
  {foreach from=$categoryProducts item='categoryProduct' name=categoryProduct}
  <li>
<a href="{$link->getProductLink($categoryProduct.id_product, $categoryProduct.link_rewrite, $categoryProduct.category, $categoryProduct.ean13)}" title="{$categoryProduct.name|htmlspecialchars}"><img src="{$link->getImageLink($categoryProduct.link_rewrite, $categoryProduct.id_image, '[color=#ff0000]home_liquid[/color]')}" alt="{$categoryProduct.name|htmlspecialchars}" />
<p>{$categoryProduct.name|truncate:15:'…'|escape:'htmlall':'UTF-8'}</p>
{if $ProdDisplayPrice AND $categoryProduct.show_price == 1 AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}
 <span class="price_display">
  <span class="price">{convertPrice price=$categoryProduct.displayed_price}</span>
 </span><br />

post-520279-0-69060200-1365179050_thumb.png

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

nadie

Posted
Posted

Borra de tu mente lo que hayas realizado ahora.

 

(Limpia tu mente)

 

Deja el fichero como lo tenias originalmente sin tocarlo.

 

Segun veo en tu web.

 

Estas trabajando con el tipo "home_liquid" en esa parte con medidas 250x250, (Lo puedes ver en la misma pestaña Preferencias -> Imagenes)

 

En el mismo fichero:

 

http://www.fixgear.info/themes/elation-liquid/modules/productscategory/productscategory.tpl

 

Puedes ver el tipo de imagen asignado, aquí:

 

<img src="{$link->getImageLink($categoryProduct.link_rewrite, $categoryProduct.id_image, 'home_liquid')}" alt="{$categoryProduct.name|htmlspecialchars}" />

 

Pero vamos de hay no toques nada.

 

Ahora mismo las miniaturas de hay se te ven pequeñas, pero en realidad la imagen es bastante mas grande: (250x250)

 

Puedes verlo aqui:

 

http://www.fixgear.info/img/p/9-41-home_liquid.jpg

 

Y tu diras ¿Por que no se ven asi de grandes?

 

Facil, ve al fichero:

 

http://www.fixgear.info/themes/elation-liquid/css/modules/productscategory/productscategory.css

 

 

 

Busca esto:

 

#productscategory_list {
overflow: hidden;
float: left;
width: 96%;
height: 140px;
overflow: hidden;
}

 

Y dejalo asi:

 

#productscategory_list {
overflow: hidden;
float: left;
width: 96%;
height: 250px;
overflow: hidden;
}

 

 

Luego en el mismo fichero, busca esto:

 

#productscategory_list li {
float: left;
margin: 0 3px;
width: 100px;
overflow: hidden;
}

 

Y dejalo asi:

 

#productscategory_list li {
float: left;
margin: 0 3px;
width: 250px;
overflow: hidden;
}

  • Like 1
Link to comment
Share on other sites
fixgear Newbie

fixgear

Posted
  • Author
Posted

vales tu peso en ORO!!! fácil para tí pero me estaba matando ;) ha funcionado como bien sabías que iba a funcionar.

 

una cosa más si no te importa, cómo hago para que haya mas espacio entre donde acaba el scroller y las flechas de siguiente y anterior. y bajarlo tbien?

 

adjunto ong de como está y como quiero que quede.

 

sé que está en css pero ya has visto mi dominio del css :(

 

saludos,

jer... (FIXGEAR)

post-520279-0-18288800-1365182825_thumb.png

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

vales tu peso en ORO!!! fácil para tí pero me estaba matando ;) ha funcionado como bien sabías que iba a funcionar.

 

una cosa más si no te importa, cómo hago para que haya mas espacio entre donde acaba el scroller y las flechas de siguiente y anterior. y bajarlo tbien?

 

adjunto ong de como está y como quiero que quede.

 

sé que está en css pero ya has visto mi dominio del css :(

 

saludos,

jer... (FIXGEAR)

 

Fichero:

 

http://www.fixgear.info/themes/elation-liquid/css/modules/productscategory/productscategory.css

 

Busca esto:

 

#productscategory_scroll_left, #productscategory_scroll_right {
background: url('../../../img/thumbs_left.gif') no-repeat center;
text-indent: -3000px;
display: block;
width: 9px;
height: 18px;
float: left;
margin-top: 30px;
}

 

y dejalo asi:

 

#productscategory_scroll_left, #productscategory_scroll_right {
background: url('../../../img/thumbs_left.gif') no-repeat center;
text-indent: -3000px;
display: block;
width: 9px;
height: 18px;
float: left;
margin-top: 80px;
margin-right: 2px;
margin-left: 2px;
}

  • Like 1
Link to comment
Share on other sites
fixgear Newbie

fixgear

Posted
  • Author
Posted

GRACIAS nadie :)

 

ok, quizas me arriesgue a ser pesado pero he estado jugando con el css y las imágenes thumbs_left.gif y thumbs_right-gif y por alguna razón cuando pongo las nuevas imágenes en el servidor, le flecha thumbs_right.gif se desplaza a otra linea debajo del scroller.

 

puedes verlo en http://www.fixgear.info/index.php?id_product=10&controller=product&id_lang=4

 

alguna idea?

 

saludos,

jer...

Link to comment
Share on other sites
fixgear Newbie

fixgear

Posted
  • Author
Posted (edited)

hay un límite de productos que pueden aparecer en el scroller?

 

espero que no.

 

es raro, cambio el tamaño del thumb (de 200 a 150pix) y ahora aparecen 19 de los 28.

 

el problema es que tengo unos 40 que vana a estar en esa misma categoría.

 

salu2,

jer...

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

fixgear

Posted
  • Author
Posted

ok, originalmente las thumb eran 100pix de ancho y habia 28. 100pix x 28 = 2.800pix

cambié el tamaño a 200pix de ancho y se muestran 14. 200pix x 14 = 2.800pix

luego lo cambié a 150pix por curiosidad y salen 19. 150pix x 19 = 2.850pix

 

me suena a mates y a que el scroller (productscategory_list) está limitado a 2.800pix.

 

es asi?

 

saludos,

jer...

Link to comment
Share on other sites
fixgear Newbie

fixgear

Posted
  • Author
Posted (edited)

LO HE CONSEGUIDO!!! :D

 

he cambiado el "107" a 400 en la linea...

 

<ul {if count($categoryProducts) > 3}style="width: {math equation="width * nbImages" width=200 nbImages=$categoryProducts|@count}px"{/if}>

 

... del fichero productscategory.tpl :D :D :D

 

ahora solo queda solucionar lo del...

 

"ok, quizas me arriesgue a ser pesado pero he estado jugando con el css y las imágenes thumbs_left.gif y thumbs_right-gif y por alguna razón cuando pongo las nuevas imágenes en el servidor, le flecha thumbs_right.gif se desplaza a otra linea debajo del scroller.

 

puedes verlo en http://www.fixgear.i...oduct&id_lang=4

 

alguna idea?"

 

saludos,

jer...

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

nadie

Posted
Posted

LO HE CONSEGUIDO!!! :D

 

he cambiado el "107" a 400 en la linea...

 

<ul {if count($categoryProducts) > 3}style="width: {math equation="width * nbImages" width=200 nbImages=$categoryProducts|@count}px"{/if}>

 

... del fichero productscategory.tpl :D :D :D

 

ahora solo queda solucionar lo del...

 

"ok, quizas me arriesgue a ser pesado pero he estado jugando con el css y las imágenes thumbs_left.gif y thumbs_right-gif y por alguna razón cuando pongo las nuevas imágenes en el servidor, le flecha thumbs_right.gif se desplaza a otra linea debajo del scroller.

 

puedes verlo en http://www.fixgear.i...oduct&id_lang=4

 

alguna idea?"

 

saludos,

jer...

Haha

 

Paciencia hombre..

 

Ve al fichero:

 

http://www.fixgear.info/themes/elation-liquid/css/modules/productscategory/productscategory.css

 

Busca esto:

 

#productscategory_list {overflow:hidden;float:left;width:96%; height:200px; overflow:hidden;}

 

y dejalo asi:

 

#productscategory_list {overflow:hidden;float:left;width:89%; height:200px; overflow:hidden;}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Al reducir el ancho que te acabo de comentar, ahora se veran de 3 en 3, por lo que seria ideal que en el fichero

 

http://www.fixgear.info/themes/elation-liquid/modules/productscategory/productscategory.tpl

 

esto:

 

{if count($categoryProducts) > 4}

 

lo dejaras asi:

 

{if count($categoryProducts) > 3}

Link to comment
Share on other sites
fixgear Newbie

fixgear

Posted
  • Author
Posted

gracias nadie!

 

paciencia tengo, si no tuviera me habría pagado un tiro hace horas, jajaaja!

 

bueno, averigué lo del % pero en vez de reducir el ancho del scroller, he jugado un poco con las imágenes thumbs_right y left.

 

creo que me han quedado chulas y más llamativas pero no descarto el hacerlas más anchas y reducir un poco el % del scroller más tarde.

 

a ver que opinas? --> http://www.fixgear.info/index.php?id_product=25&controller=product&id_lang=4 anuque para gustos... los hex codes ;)

 

gracias de nuevo por toda tu ayuda!!!

 

saludos,

jer...

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

gracias nadie!

 

paciencia tengo, si no tuviera me habría pagado un tiro hace horas, jajaaja!

 

bueno, averigué lo del % pero en vez de reducir el ancho del scroller, he jugado un poco con las imágenes thumbs_right y left.

 

creo que me han quedado chulas y más llamativas pero no descarto el hacerlas más anchas y reducir un poco el % del scroller más tarde.

 

a ver que opinas? --> http://www.fixgear.i...oduct&id_lang=4 anuque para gustos... los hex codes ;)

 

gracias de nuevo por toda tu ayuda!!!

 

saludos,

jer...

No me gusta por que aparece la cuarta imagen cortada siempre, haz esto: http://www.prestashop.com/forums/index.php?/topic/237722-ayuda-porfa-necesito-ampliar-tamano-de-los-thumbnail-en-seccion-productscategory/page__view__findpost__p__1172188 para que se vean de 3 en 3..

Link to comment
Share on other sites
fixgear Newbie

fixgear

Posted
  • Author
Posted (edited)

he cambiado el % a 89 y el código del tpl de 4 a 3 pero se ven de 4 en 4 en mi ordenador. ya no se corta la QUINTA foto pero sí, hay 4 a la vez y no 3.

 

me gusta como ha quedado pero a lo mejor si el visitante a la tienda no ve la quinta foto cortada, no sabe que tiene que hacer clic para hacer el scroll. no sé, no sé, hay que contar con que puede que no sepan much de internet pero creo que tienes razón, es mejor sin la foto cortada.

 

gracias y sigue con el excelente trabajo.

 

saludos,

jer...

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

nadie

Posted
Posted

he cambiado el % a 89 y el código del tpl de 4 a 3 pero se ven de 4 en 4 en mi ordenador. ya no se corta la QUINTA foto pero sí, hay 4 a la vez y no 3.

 

me gusta como ha quedado pero a lo mejor si el visitante a la tienda no ve la quinta foto cortada, no sabe que tiene que hacer clic para hacer el scroll. no sé, no sé, hay que contar con que puede que no sepan much de internet.

 

gracias y sigue con el excelente trabajo.

 

saludos,

jer...

 

Ah kaka (se me fue de la cabeza), queria decir que reduciera el ancho, para que no se viera la 5º (esto un poco lolucho) (Ahora si se ven de 4 en 4, y no se ve la 5º cortada, por que solo se ven de 4 en 4, es correcto)

 

Lo del tpl dejalo como estaba antes...

 

¿Entoces tema solucionado?

  • Like 1
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

si señor y gracias.

 

lo he marcado con el glorioso "[sOLUCIONADO]" (por no decir [sOLUCIONADÍSIMO]) :DB)

 

jer...

 

Un placer ayudarte y servirte!

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.

 

PD: ¿Que es eso de "jer".. ? (modo curiosidad)

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

me llamo "jeremy", lo abrevio con "jer" y mi apodo es "jez" asi que según mi humor del día, firmo de una u otra manera :rolleyes:

 

saludos,

jez...

Ah vale )

 

Gracias por la información , me quede intranquilo al saber lo que no era (heheheh)

 

Un saludo y gracias por confiar en la Confiar en la Comunidad de Prestashop.

Link to comment
Share on other sites
fixgear Newbie

fixgear

Posted
  • Author
Posted

hola nadie.

 

siento re-abrir este tema pero me ha surgido otra duda sobre este módulo de prestashop.

 

he estado añadiendo productos a la tienda y por alguna razón el scroller en el product footer donde aparecen products category ha parado en 30 productos.

 

por ejemplo, en http://www.fixgear.info/index.php?id_product=28&controller=product&id_lang=4 .

 

es decir, el texto pone "30 otros productos de la misma categoría:" y sólo se muestran 29 en el scroller. claro está que es porque el productos de esa página no sale pero hay mas (35 en total) en la categoría en cuestión. o sea, debería poner "34 otros productos de la misma categoría:".

 

he notado que los que no se muestran en el scroller son siempre las mismas, los primeros 3 y los últimos 2 en mi catalogo.

 

alguna idea?

 

saludos,

jez...

Link to comment
Share on other sites
fixgear Newbie

fixgear

Posted
  • Author
Posted (edited)

jajajaja! impaciente otra vez!

 

lo he solucionado.

 

el fichero "productscategory.php" en en prestashop --> modulos --> productscategory tiene el siguiente código...

 

// If products tab higher than 30, slice it
  if ($sizeOfCategoryProducts > 30)
  {
$categoryProducts = array_slice($categoryProducts, $middlePosition - 15, 30, true);
$middlePosition = 15;

 

y lo he dejado así...

 

// If products tab higher than 50, slice it
  if ($sizeOfCategoryProducts > 50)
  {
   $categoryProducts = array_slice($categoryProducts, $middlePosition - 25, 50, true);
   $middlePosition = 25;
  }

 

saludos,

jez...

Edited by fixgear (see edit history)
Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...