Avisos
Vaciar todo

los nombres de los productos no caben, se ven cortados.  

 
Manuel Casas González
 Manuel Casas González
Usuario experto

Hola. Los nombres de los productos no nos caben en el espacio disponible para ellos en las vistas de la tienda.
Hay que entrar en detalles para ver simplemente como se llama un producto.
¿cómo lo podemos solucionar?
Hemos reducido de 4 a 3 productos mostrados por línea, pero tampoco va así.
¿la letra más pequeña? ¿que el nombre pueda ocupar dos líneas?
Hay muchos nombres de productos que no los podemos "acortar" para que encajen.
Necesitamos resolver esto, ya que queda muy cutre y resta mucha funcionalidad a la página.
Tenemos la plantilla boutique, joomla 2.5.6 y virtuemart 2.0.8.e

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 28/08/2012 12:36 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El tema de que los nombres de los productos se vean cortados se debe a una cuestión de estética, de forma que estos títulos siempre ocupen una sola línea. En caso contrario el nombre de los productos puede ocupar diferente número de líneas dependiendo de su longitud, lo que puede empeorar algo el diseño de la página.

Si quieres mostrar el título completo en los productos de la página de inicio tendrás que editar el archivo templates/gk_boutique/html/mod_virtuemart_product/default.php y localizar la línea 35 con el siguiente código:

<a href="">product_name, 20, '...'); ?>

Aquí tienes que cambiar el 20 (número de caracteres que se muestran por un número mayor, por ejemplo 200.

Para el listado de productos de una categoría, donde el texto también sale cortado, tendrás que editar el archivo templates/gk_boutique/html/com_virtuemart/category/webempresa.php y localizar el texto de la línea 221:

$nombre = shopFunctionsF::limitStringByWord($product->product_name, 20, '...');

El cambio a aplicar será exactamente el mismo (cambiar el 20 por un número mayor).

Antes de aplicar los cambios en los archivos haz una copia de seguridad de los mismos, por si se produjesen errores tras los cambios.

ResponderCitar
Respondido : 28/08/2012 1:22 pm

Manuel Casas González
 Manuel Casas González
Usuario experto

Hola.
Hemos cambiado de 20 caracteres a 40, con idea de que haya dos líneas para escribir el nombre de los productos.
Ya se ve el nombre completo de los productos, pero claro, se descuadra un poco la vista. Los recuadros del "precio" y de "detalles" ya no salen alineados, pués algunos nombres ocupan una línea y otros dos.
¿hay alguna forma de arreglar esto?
He probado a "rellenar" hueco en la segunda línea dando a "espacio en blanco" en el nombre del producto en la ficha de producto de virtuemart, pero no lo coge.
Podeis ver a lo que me refiero en el producto "radical flower" de la página de inicio.
Otra cosa, ¿se puede disminuir el "salto de línea" entre las dos líneas que tenemos ahora para el nombre del producto? queda mucho espacio. Nos gustaría que la segunda línea del nombre del producto estuviera más cerca de la primera que de los recuadros de "precio" y "detalles".

ResponderCitar
Respondido : 28/08/2012 6:55 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Francisco,

Tienes que modificar las CSS del archivo templates/gk_boutique/css/redshop.css

.category_box_inside h3 {
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    line-height: 32px;
    margin: 2px 0 0;
}

Una posible prueba es:

.category_box_inside h3 {
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    height: 55px;
    line-height: 28px;
    margin: 2px 0 0;
}

La idea es añadir a la caja donde se muestra el nombre del producto una altura fija (height, por si solo el texto es corto que se muestre la altura como si hubieran dos lineas) y disminuir el line-height para que los textos queden más juntos.

El cambio en esa CSS afecta a los productos que tienes como destacados, y a los que se muestran en las categorías de la tienda, por lo que tendrás que realizar pruebas para ajustar como deseas, y visualizar en diferentes navegadores.

No ofrecemos soporte a webs alojadas en localhost ni soporte css o programación.

Saludos

ResponderCitar
Respondido : 29/08/2012 8:43 am

Cursos Gratuitos WordPress