Modificar CSS de módulo de página de producto

Hola Manuel,

Es necesario conocer la url de descarga del módulo para ver sus características, compatibilidad y que además indiques exactamente "que cambios son los que quieres aplicar a ese módulo" ya que no lo especificas en tu consulta.

Si te puedo adelantar que los cambios aplicados en módulos se pierden al actualizar dicho módulo cuando su autor libere versiones nuevas del mismo.

Quedo pendiente de tus indicaciones.

Hola Luis,

El nombre del módulo es iqitcountdown - Show countdown to special price end on product list, slider and product page,

El sitio web es: http://warehouse.iqit-commerce.com/selector/index1.html

No he encontrado el producto en la tienda, ya que viene en un paquete junto a WareHouse.

Las modificaciones que quiero hacer son: En la imagen #2 mover el timer completo a la parte inferior del producto, ya que en ese lugar no es visible, también achicarlo un poco.
El cambio en la página de producto ya no lo necesito.

Saludos!

Hola.

Los modulos en prestashop solo los puedes ubicar en los bloques que te ofrece el modulo.
.- Accede a módulos -> posiciones de los módulos
.- selecciona modificar en el modulo de la cuenta a tras
.- despliega la opción " Mover a " y te mostrara todas las posiciones en las que puedes añadir el modulo.

El problema de bajarlo con css es que bajarías todo el bloque ( precio, boton, metodo de pago..... ) pero podrias mejorarlo un poco.

Añade lo siguiente a tu archivo de estilos css:

#buy_block .count-down-timer {
    display: -webkit-box;
    margin-top: 2em;   
}
.countdown-time-group span {
    font-size:25px!important;  
}

Un saludo

Hola Pepe,

hice las modificaciones que me sugeriste, queda un poco mejor, pero lo que yo necesito es que deje de estar el contador en el centro del producto ya que me lo tapa, me gustaría que esté en la parte inferior de la imagen. Como lo podemos acomodar?

Hola

Lo más práctico sería quitar el módulo de cuenta regresiva del listado, prueba con el siguiente código CSS

.product-image-container .price-countdown{
	display:none!important;
}

Mejor agregar este código al final de algún archivo CSS de tu template

Saludos.

Hola,

El módulo es Special price countdown v1.1 - por IQIT-COMMERCE.COM

estoy modificando nuevamente el módulo, necesito saber porqué no estoy pudiendo bajar el contador (he logrado hacerlo mediante el inspector de Chrome pero al modificar los archivos no funciona).

Actualmente está como en la imagen remarco como 1.
Quiero dejarlo como en la imagen esta remarcado como 4.
He tocado el CSS de la clase remarcada como 3, en el lugar remarcado como 2.
Luego, se visualiza el remarcado 4 en la posición correcta.

He modificado el CSS del módulo pero no me lo toma, al inspeccionarlo la propiedad 'top' aparece tachada.

.price-countdown{
background: #cecece;
display: inline-block;
padding: 10px;
top: 78%;
}

¿Porque será?

Adjunto los CSS del modulo.
Adjunto imagenes.

Adjunto el módulo!

Saludos!

Solucionado.
La solución es editar el archivo iqitcountdown.tpl y no los .css

Saludos!

Hola Manuel, buenos días

Perfecto, nos alegra que finalmente se haya solucionado.

Gracias por compartir la solución ya que nos servirá de ayuda para futuras consultas.

No dudes en contactarnos de nuevo para cualquier problema o pregunta que tengas.