Diseño y Posicionamiento Web con Joomla › Foros › Componentes Especiales › K2 Joomla! › Producto Destacado
- Este debate tiene 8 respuestas, 2 mensajes y ha sido actualizado por última vez el hace 10 años, 4 meses por Moderador Foro.
-
AutorEntradas
-
-
16/06/2014 a las 09:11 #112178feliperguezaParticipante
He asignado aun articulo la funcion de producto destacado, pero al visualizarla en el front end esta no se puede visualizar correctamente.
Cualquier comentario para solucionar este problema sera bien recibido.
Saludos.
Attachments: -
16/06/2014 a las 13:59 #112179Moderador ForoParticipante
Hola, lo puedes arreglar con css. Una posición z-index es el orden en que los elementos se superponen unos respecto a otros, con un número más alto, por ejemplo
[code type=css]z-index: 10;[/code]
Busca en k2.css donde se encuentra la imagen de destacado y prueba añadir esa función. O quizas el prob lema este en la creación del template override de k2 (si es que lo estas utilizando) > Saber más sobre template overrides k2 -
27/06/2014 a las 18:15 #112220feliperguezaParticipante
He encontrado las siguientes lineas que hacen referencia a Featured:
/* — Featured flags: the classes are repeated further below to indicate placement in the CSS structure — */
div.itemIsFeatured,
div.catItemIsFeatured,
div.userItemIsFeatured {background:url(../images/system/featuredItem.png) no-repeat 100% 0;}div.itemView {padding:8px 0 24px 0;margin:0 0 24px 0;border-bottom:1px dotted #ccc;} /* this is the item container for this view */
div.itemIsFeatured {} /* Attach a class for each featured item */div.itemHeader {}
div.itemHeader span.itemDateCreated {color:#999;font-size:11px;}
div.itemHeader h2.itemTitle {font-family:Georgia, “Times New Roman”, Times, serif;font-size:36px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
div.itemHeader h2.itemTitle span {}
div.itemHeader h2.itemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* “Featured” presented in superscript */
div.itemHeader span.itemAuthor {display:block;padding:0;margin:0;}
div.itemHeader span.itemAuthor a {}
div.itemHeader span.itemAuthor a:hover {}div.catItemIsFeatured {} /* Attach a class for each featured item */
/* User items */
div.userItemView {} /* this is the item container for this view */
div.userItemIsFeatured {} /* Attach a class for each featured item */Cual debo de modificar
-
27/06/2014 a las 21:23 #112221Moderador ForoParticipante
Si, ese es el archivo k2.css y tienes que probar donde incluir z-index: 10;. ¿Como se llama la plantilla que estas utilizando?
-
28/06/2014 a las 08:18 #112225
-
28/06/2014 a las 09:46 #112228Moderador ForoParticipante
Bien, veo que la plantilla es una personalización con el framework helix. En ese caso, accede a tu administración y a Extensiones / gestor de plantillas y edita la plantilla desde estilo, NO plantilla.
Una vez ahi, accede a la pestaña LAYOUT, veras las posiciones y fijate en la que esta encima del BODY, porque desde la demo no tienen activada la posibilidad de previsualizar las mismas en la administración o añadiendo /?tp=1 a la url raiz de la web.
Edita la posición, NO el contenedor (container) de esa posición que posiblemente haya mas de una y en STYLE deplega la pestaña y a ver si cambiando a una de las 4 opciones que deberia darte desde none a XHTML, la situación cambia.
Luego…. ahora que me fijo bien, lo que sucede es que en el estilo de detalle del propio articulo, es donde sucede y veo la DEMO de un articulo en k2 > http://templates.joomla3.info/blue_design/k2/item-view.html y no se parece a la foto que has mandado ????.
Revisa tambien, en /templates/TU_PLANTILLA/html si dentro de esa carpeta no hay una carpeta llamada com_k2, en cuyo caso, en /templates/TU_PLANTILLA/css deberia de haber otra hoja de estilo k2.css, ahi es donde deberias mirar lo de añadir z-index: 10; en algun sitio que haga referencia a los articulos destacados, la imagen que aparece para mostrar destacado y el estilo de la vista de la fecha .
Prueba con esto, a ver si te toca la loteria 🙂 . Es el archivo CSS comprimido de K2 modificado. Descomprime y si tienes el k2 con override de plantilla, prueba donde la misma que acabo de comentar, si no, en el componente, en /components/com_k2/css
¡¡ HAZ COPIA ANTES DE REMPLAZAR NADA !!
Attachments: -
28/06/2014 a las 11:14 #112229Moderador ForoParticipante
Bueno y por lo que estoy viendo, en el archivo template.css de la plantilla, hay mucho rectificado del estilo para k2. Inlcuido un archivo con extension less (Formato de estilo avanzado, que se utiliza para Responsive web design) llamado k2.less .
No creo que te funcione la modificación que hice sobre k2.css, y para esa plantilla, k2.css solo esta en /components/com_k2/css/. No se, prueba remplazar ese archivo con el archivo modificado, a ver que tal.
-
28/06/2014 a las 19:10 #112232feliperguezaParticipante
Buenos dias redlo:
Primeramente agradezco tu intencion y tu tiempo que has invertido en tratar de ayudarme a solucionar mi problema.
Por otro lado anexo la solucion que me ha enviado un usuario llamado Cuộc Sống Số del foro del templete.
Link de la Solucion
http://vinagecko.com/forum/free-joomla-templates/4-blue-design-ii?start=18#234Resultado
http://www.cgtractors.com/index.php?start=6Una vez solucionado este problema, ahora solo hare algunos cambios adicionales y cambiare la imagen de FEATURED por VENDIDO, por ultimo modificare el texto de la traduccion de producto destacado por producto Vendido.
La funcion de Feaured le dare un uso diferente al que le corresponde.Problema Solucionado.
-
28/06/2014 a las 19:17 #112233Moderador ForoParticipante
Si no te importa borrar el fondo (Fondo GRIS > #dddddd que esta para señalar de forma destacada la fecha y otros que puedas incluir desde la categoria del componente k2) que es el que superpone a la imagen de destacado , si, es una solución, pero no es arreglar el problema, si no que estas desvirtuando el aspecto de la plantilla.
Pero que vamos, que me parece muy bien, y no hay de que. 😉Saludos
-
-
AutorEntradas
- Debes estar registrado para responder a este debate.