Avisos
Vaciar todo

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

 
Manuel
 Manuel
Usuario eminente

Hola! Ver imagen adjunta

Uso el tema WareHouse, uno de sus módulos es el módulo de promoción con tiempo (y cuenta regresiva).
Necesito editar el módulo de promoción (Flecha marrón en la imágen), esto se hace dentro del CSS del módulo? ¿Es una buena práctica? ¿SI actualizo el módulo/prestashop el cambio persevera?

También al colocar el puntero sobre la imágen de producto, cuando te encontras en pagina de busqueda o en la pagina main, muestra una cuenta regresiva que me gustaría quitar. Adjunto imágen #2

El sitio es: Contenido solo visible a usuarios registrados

Citar
Respondido : 05/08/2018 2:52 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

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.

ResponderCitar
Respondido : 05/08/2018 3:44 am

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

Manuel
 Manuel
Usuario eminente

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!

ResponderCitar
Respondido : 06/08/2018 5:11 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 06/08/2018 5:50 pm

Manuel
 Manuel
Usuario eminente

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?

ResponderCitar
Respondido : 06/08/2018 9:42 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 06/08/2018 10:22 pm

Cursos Gratuitos WordPress

Manuel
 Manuel
Usuario eminente

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.

ResponderCitar
Respondido : 23/09/2018 4:29 am
Manuel
 Manuel
Usuario eminente

Adjunto el módulo!

Saludos!

ResponderCitar
Respondido : 23/09/2018 5:41 am

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

Manuel
 Manuel
Usuario eminente

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

Saludos!

ResponderCitar
Respondido : 23/09/2018 7:26 am
Adrián
 Adrián
Estimable Member

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.

ResponderCitar
Respondido : 23/09/2018 11:16 am

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