Formato nombre y pr...
 
Avisos
Vaciar todo

Formato nombre y precios en listado de productos en una categoria

6 Respuestas
3 Usuarios
0 Reactions
2,810 Visitas
Respuestas: 187
Estimable Member
Topic starter
 

Hola, he creado 3 clases en el listado de productos en una categoría para poder darle tamaño y color al texto pero parece que hace caso al formato heredado y no al que yo le doy por css en el css del template.
He creado estas 3 clases nombreprodcat, preciosindtoprodcat y precioscondtoprodcat

En el fichero template.css de la plantilla añado por ejemplo esto, pero no me hace caso:

.preciosindtoprodcat {
font-size: 20px;
}

Si utilizo por ejemplo si margin: 10px; si que me hace caso.

He hecho bien en crear esas clases para darle formato o es mejor que lo haga de otra forma?
Como lo hago?

Muchas gracias y un saludo.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 21/02/2013 5:19 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola Manolo,

No brindamos soporte sobre CSS. 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:

-

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

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

Saludos.


 
Respondido : 21/02/2013 11:15 pm
Respuestas: 187
Estimable Member
Topic starter
 

Hola, lo que me gustaría saber como dar formato a los precios y al nombre del producto en la lista de productos en una categoría sin que afectara a otras partes en la web.

Saludos.


 
Respondido : 22/02/2013 12:00 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Lo que tendrías que hacer es editar la plantilla donde se carga la ficha del producto y localizar la parte donde se cargan los precios, para ver la clase que se le está aplicando.

Luego, por medio de CSS podrías aplicarle el estilo que quieras. Por ejemplo, si al precio se le aplica la clase PricesalesPrice puedes añadir un estilos así:

.PricesalesPrice {
font-size: 20px;
}

Si ves que al aplicar el cambio no se aplica el nuevo estilo pero si otros que hayas podido poner podría significar que prevalecen otros estilos que se están aplicando sobre los tuyos. Para arreglar esto tendrías que poner !important después del estilo. Para el caso anterior quedaría de la siguiente forma:

.PricesalesPrice {
font-size: 20px !important;
}

 
Respondido : 22/02/2013 4:46 pm
Respuestas: 187
Estimable Member
Topic starter
 

Hola Pablo, eso es lo que quería saber pero no me funciona.
En el fichero de los productos de una categoría he creado una clase que se llama "preciosindtoprodcat" para el precio sin descuento. En el fichero template.css añado lo siguiente pero el color no me cambia, sin embargo si pongo margin si que funciona:

.preciosindtoprodcat {
color: #882881 !important;
}

Qué es lo que está fallando?

Saludos.


 
Respondido : 25/02/2013 8:01 am
Respuestas: 187
Estimable Member
Topic starter
 

Hola, ya lo he solucionado poniendo lo siguiente:

.preciosindtoprodcat .PricebasePriceWithTax {
color: #CF1F18 !important;
font-size: 16px !important;
}

Muchas gracias y un saludo.


 
Respondido : 25/02/2013 10:49 am