Como cambiar el formato de presentación de los articulos relacionados dentro del detalle del producto.  

 
Jacob Ruiz
 Jacob Ruiz
Estimable Member

Estimados sr, quisira consultarles si existe la posiblidad de dar un formato concreto a l forma que se presentan los articulos relacionados dentro del detalle del producto, en la imagen adjunta podrán observar como queda con la configuración por defecto, y observaran que cada articulo relacionado se dimensiona al tamaño de la descripción creando un aspecto algo desordenado.

Mi objetivo seria poder formatear dicha presentación de forma que se presenten los articulo en dos columnas del mismo tamaño, es decir, que por cada "linea" aperecieran dos articulos relacionados ocupando cada uno la mitad de la zona disponible.

Es más si es posible quisiera personalizar los datos que aparecen en cada articulo relacionado de la siguiente manera, quitar el nombre del la foto, añadir el sku y añadir el precio del articulo que actualmente no sale.

¿No se si me he explicado con claridad? si no es así ruego me lo comenten y se lo intento explicar mejor.

Muchas gracias por su atención y ayuda

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 11/10/2012 9:43 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Jacob,

El tema lo podrías resolver por CSS ya que los nombres son muy largos por tal motivo el descuadre. En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

- https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/

En el caso de personalizar dicha sección te recomiendo el siguiente hilo de foro: https://www.webempresa.com/foro/5-Virtuemart/11632-Modificar-productos-relacionados.html

Saludos.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/10/2012 11:59 pm

Cursos Gratuitos WordPress

Jacob Ruiz
 Jacob Ruiz
Estimable Member

Yel tema de quitar el nombre de la foto en los relacionados, y añadir el precio y el codigo sku. ¿Tambien por CCS?

ResponderCitar
Respondido : 13/10/2012 10:28 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola Jacob

Si quieres agregar el SKU, debes editar el siguiente archivo :
/templates/gk_boutique/html/com_virtuemart/productdetails/default.php , (asumiendo que estas utilizando este archivo por defecto para mostrar el detalle de producto)

Luego debes agregar este código, podrías colocarlo por ejemplo en la línea 93 aprox, luego de la etiqueta h1

product->product_sku; ?>

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 14/10/2012 3:40 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jacob Ruiz
 Jacob Ruiz
Estimable Member

la respuesta que me dais es que visite otro post del hace un año y ocho meses, y resulta que la estructura de capetas en el administradoro ni se parece,

Llevo dos horas perdidas buscando esos archivos y no hay forma. Podrian indicarme para joomla 2.5 y virteamarte 2.0.2 con la plantilla bk_boutique donde tengo que ir para cambiar esto.

ResponderCitar
Respondido : 04/12/2012 3:20 pm
David Noguera
 David Noguera
Miembro Admin

Hola JAcob Ruiz, vistes la respuesta que te dio Jhon hace 1 mes y 3 semanas?

https://www.webempresa.com/foro/5-Virtuemart/76857-Como-cambiar-el-formato-de-presentaci%C3%B3n-de-los-articulos-relacionados-dentro-del-detalle-del-producto.html#77175

Ahí te indica como modificar el override de la plantilla boutique para VM 2.0 y Joomla 2.5...

Quizás no lo vistes...

Saludos!!

Si te ha servido de ayuda, déjanos tu testimonio con un link hacia tu Web y mejora su posicionamiento:
Enviar testimonio
¡Gracias!.

ResponderCitar
Respondido : 04/12/2012 5:10 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jacob Ruiz
 Jacob Ruiz
Estimable Member

Gracias David, ahora si lo he encontrado, disculpa, lo que no veo en este archivo es como conseguir lo que necesito, es decir que los articulos relacionados ocupen dos columna, es decir, establecer una ancho determinado y que el articulo se limite a ese ancho. Podrias ayudarme?

Gracias.

P.D: tengo otros temas pendientes, podriais repasarlos, quisira avanzar lo maximo posible hoy. Muchas Gracias.

ResponderCitar
Respondido : 04/12/2012 5:29 pm
David Noguera
 David Noguera
Miembro Admin

Hola Jacob,

tendrá que retocar este bloque de código del fichero:

        if (!empty($this->product->customfieldsRelatedProducts)) { ?>
        
                
        
<?php } // Product customfieldsRelatedProducts END

Para que las imagenes te aparezcan todas con el mismo ancho, tienes dos opciones, una es subirlas todas con el mismo ancho, así se mostrarán de forma uniforme, otra es redimensionarlas con CSS, añadiendo un código similar a este:

.product-related-products img{
width:XXXpx !important;
}

De forma que fuerces el ancho de las imagenes con CSS y quede uniforme...

De todas formas, veo que tienes la tienda en mantenimiento, por lo que no podemos ver el error que tienes, en la captura no podemos inspeccionar con Firebug ni nada... Además la edición de templates ya es un tema de programación y CSS, por lo que debido a las reglas del foro, no podemos dar soporte a este tipo de asuntos, podemos decirte el fichero que hay que cambiar y orientarte, pero no darte código ni revisarlo y decirte cambios...

Saludos!

Si te ha servido de ayuda, déjanos tu testimonio con un link hacia tu Web y mejora su posicionamiento:
Enviar testimonio
¡Gracias!.

ResponderCitar
Respondido : 04/12/2012 5:56 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Jacob Ruiz
 Jacob Ruiz
Estimable Member

Ok David, gracias
Hemos puesto la tienda en modo normal, solo necesitamos que nos des la ruta del fichero y su nombre para poder localizarlo y modificarlo.

Gracias

ResponderCitar
Respondido : 04/12/2012 6:03 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola Jacob

Sobre el tema del CSS, revisa la imagen adjunta en donde se indica el cambio a través de firebug, para hacer el cambio permanente debes hacerlo en el archivo indicado.

Revisa el siguiente artículo que explica cómo trabajar con firebug.
https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 04/12/2012 8:46 pm

Cursos Gratuitos WordPress

Jacob Ruiz
 Jacob Ruiz
Estimable Member

Muchas gracias, ha queda estupendo. Exactamente lo que necesitaba. Solucionado

ResponderCitar
Respondido : 06/12/2012 12:39 pm

Por favor Iniciar Sesión o Registro