Jump to content

Productos Descuadrados (SOLUCIONADO)

xavivila

By xavivila
in Discusión general

 Share

Recommended Posts

xavivila Newbie

xavivila

Posted
Posted (edited)

Hola a todos,

 

Tengo un problema que no se como solucionar:

 

Cuando entro dentro del listado de productos me sale todo descuadrado fuera de su bloque. el precio muy abajo, la foto sin centrar...

 

He estado intentando tocar las css en product_list pero no logro solucionarlo.

 

Agradecería si alguien me puede hechar una mano en solucionarlo.

 

Saludos,

Edited by xavivila
Editado el titulo del tema por estar escrito totalmente en mayúsculas. / Normas del foro (see edit history)
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Prueba esto, para empezar

 

Fichero:

 

/prestashop/themes/prestashop_new/css/product_list.css

 

Busca esto:

 

ul#product_list li div.right_block {
float: left;
width: 11em;
margin-left: 2em;
margin-top: 22em;
position: absolute;
text-align: center;
color: #DA0F00;
font-weight: bold;
}

 

Y dejalo asi:

 

 

ul#product_list li div.right_block {
text-align: center;
color: #DA0F00;
font-weight: bold;
}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Para sacar el fondo gris, prueba esto:

 

Fichero:

 

prestashop/themes/prestashop_new/css/global.css

 

#center_column .sortPagiBar {
padding: 10px;
font: normal 11px Arial, Verdana, sans-serif;
color: #666;
background: #EEE;
}

 

Y dejalo asi:

 

#center_column .sortPagiBar {
padding: 10px;
font: normal 11px Arial, Verdana, sans-serif;
color: #666;
}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Para la imagen, haz esto:

 

Fichero:

 

/themes/prestashop_new/css/product_list.css

 

Busca esto:

 

ul#product_list a.product_img_link {
border: solid 1px #D0D3D8;
float: left;
margin-right: 10px;
margin-left: 15px;
margin-top: 1px;
}

 

Y dejalo asi:

 

ul#product_list a.product_img_link {
float: left;
margin-right: 10px;
margin-left: 52px;
margin-top: 1px;
}

Link to comment
Share on other sites
xavivila Newbie

xavivila

Posted
  • Author
Posted

Perfecto !!! otra cosa solucionada de este tema. El fondo ya esta en blanco...

 

Para acabar me faltaría lo que hemos comentado antes de las fotos que no salen centradas ni dentro del recuadro (estan desplazadas a la izquierda). Y lo de los bloques de la derecha que son mas grandes..

 

Me estas siendo de muchísima ayuda

 

Gracias

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Para el titulo del producto,

 

Fichero:

 

/prestashop/themes/prestashop_new/css/product_list.css

 

Busca esto:

 

ul#product_list li h3 {
margin: 0.1em 0;
width: 160px;
padding-bottom: 2px;
text-align: center;
}

 

 

 

Y dejalo asi:

 

l#product_list li h3 {
width: 160px;
padding-bottom: 2px;
text-align: center;
margin-left: 37px;
}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Por otro lado, edita el fichero:

 

/themes/prestashop_new/css/product_list.css

 

Busca esto:

 

ul#product_list li p.product_desc {
margin-top: 1em;
text-align: center;
font-size: 0.92em;
}

 

Y déjalo asi:

 

ul#product_list li p.product_desc {
margin-top: 1em;
text-align: center;
font-size: 0.92em;
height: 34px;
}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Por otro lado, edita el fichero:

 

/themes/prestashop_new/product-list.tpl

 

Busca esto:

 

   <p class="product_desc"><a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.description_short|truncate:100:'...'|strip_tags:'UTF-8'|escape:'htmlall':'UTF-8'}">{$product.description_short|truncate:220:'...'|strip_tags:'UTF-8'}</a></p>

 

Y déjalo así:

 

   <p class="product_desc"><a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.description_short|truncate:100:'...'|strip_tags:'UTF-8'|escape:'htmlall':'UTF-8'}">{$product.description_short|truncate:76:'...'|strip_tags:'UTF-8'}</a></p>

 

En este caso, ademas de modificar el fichero *.tpl, debes ir a la pestaña Preferencias/Rendimiento y señalar Forzar Compilación -> SI

Link to comment
Share on other sites
xavivila Newbie

xavivila

Posted
  • Author
Posted

Perfecto !!! Eres un auténtico genio !!! Muchisimas gracias...

 

De verdad que sin gente como tu lo tendríamos mucho más complicado.

 

Una última cosa sobre el mismo tema. Si yo ahora modifico el tamaño de los bloques a traves de product_list.css se mantendria todo dentro de su bloque?

 

Saludos

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Vuelve a editar el fichero:

 

/themes/prestashop_new/css/product_list.css

 

Busca esto (que recien has modificado):

 

ul#product_list li h3 {
width: 177px;
padding-bottom: 2px;
text-align: center;
margin-left: 37px;
}

 

Y dejalo asi:

 

ul#product_list li h3 {
width: 246px;
padding-bottom: 2px;
text-align: center;
}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Por otro lado, vuelve al fichero:

 

/themes/prestashop_new/product-list.tpl

 

Busca esto:

 

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

 

Y dejalo asi:

 

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

 

Recuerda que cuando modificas un fichero *.tpl, debes forzar compilación.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Mas cosas, fichero:

 

/themes/prestashop_new/css/product_list.css

 

Busca esto:

 

 

ul#product_list li div.right_block {
text-align: center;
color: #DA0F00;
font-weight: bold;
}

 

Y dejalo asi:

 

ul#product_list li div.right_block {
text-align: center;
color: #DA0F00;
font-weight: bold;
margin-bottom: 5px;
}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Al lado de la imagen del producto, veo como un pequeño cuadrado que tendria que ir esta imagen:

 

http://love-sensations.com/prestashop/themes/prestashop_new/img/flag_new_bg.jpg

 

(Que indica que es nuevo el producto, pero la da como que no esta)

 

Prueba bajarte esa imagen de la plantilla y subirla a tu tienda ese directorio.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Bueno haz esto...

 

Fichero:

 

 

/themes/prestashop_new/css/product_list.css

 

 

Busca esto:

 

 

ul#product_list li .new {background: transparent url(../img/flag_new_bg.jpg) repeat-x scroll 0%;border: 1px solid #488C40;color: white;font-size: 0.6em;font-weight: bold;margin: 0pt 1em 0pt 0pt;padding: 0pt 0.4em;vertical-align: 0.3em;}

 

 

Y dejalo asi:

 

 

ul#product_list li .new {background: white;border: 1px solid #488C40;color: black;font-weight: bold;margin: 0pt 1em 0pt 0pt;padding: 0pt 0.4em;vertical-align: 0.3em;font-size: 10px;}

 

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Activa los errores un momento, modificando el fichero /config/config.inc.php, buscando esta linea:

 

@ini_set('display_errors', 'off');

 

Y dejandola asi:

 

@ini_set('display_errors', 'on');

 

A ver por que te sale la pantalla del producto en blanco.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Ya lo he cambiado y me sale este mensaje en la página en blanco:

 

Fatal error: Call to undefined method Context::getMobileDevice() in /var/www/vhosts/love-sensations.com/httpdocs/prestashop/modules/paypal/paypal_abstract.php on line 339

 

Te dejo el enlace:

 

http://love-sensatio...p?id_product=13

 

¿Tienes el modulo de la plantilla movil, instalado?

 

Si es asi, desinstalalo )

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Cual és el módulo de la plantilla movil? La verdad que no me suena de nada y mira que los estube mirando todos uno por uno..

 

En el error pone algo del Paypal. Puede ser este módulo?

 

 

¿Que versión del modulo de paypal estas usando?

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Ok, instalado..

Al menos ya se te ve la ficha del producto. (Vuelve a dejar el display errors que te comente antes, pero en off,y no se te ver la linea de Undefined variable de arriba)

 

Lo importante era que se te viera la ficha del producto, para salir del paso.

 

Si tienes nuevas dudas, abre un tema nuevo )

 

Un Saludo,

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Hecho, todo perfecto !!!

 

No tengo palabras para agradecertelo la verdad !!!

 

Muchas, muchas gracias por ayudarme tanto.

 

Te lo agradezco mucho.

 

Saludos

Un placer ayudarte y servirte!

 

Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro.

 

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

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