Avisos
Vaciar todo

Adaptar el carro de compra al móvil  

Página 1 / 2
 
JOSE LUIS
 JOSE LUIS
Prominent Member

Hola! Es posible adaptar el carro de compra al móvil? Mi plantilla es "Anthe" la tengo casi toda adaptada pero el carro de compra aún no he sido capaz de hacerlo: ¿Qué hay que hacer para adaptarlo?

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 02/06/2019 4:34 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Podrías probar agregando el siguiente código CSS:

#checkoutForm{
	overflow-x:auto!important;
}

La idea es que al menos no exceda el espacio pero que tengas la posibilidad de hacer scroll horizontal
Puedes agregar este código al final del archivo: /templates/anthe/css/anthe-custom.css

Saludos.

ResponderCitar
Respondido : 02/06/2019 6:18 pm

Cursos Gratuitos WordPress

JOSE LUIS
 JOSE LUIS
Prominent Member

Lo he hecho, He limpiado la caché y se muestra igual de grande, no se adapt.
lo he introducido en:
/home/sumincaw/public_html/templates/anthe/css/anthe-custom.css

.category-view .width25{ width:24%; }
.layout-mode-responsive .gf-menu.l1 > li > .item {
font-size: 15px;
}
.layout-mode-responsive .gf-menu.l1 > li > .item,
.layout-mode-responsive .gf-menu.l1 > li > .dropdown{
margin-bottom:15px;
}

.layout-mode-responsive .gf-menu.l1 > li.parent > .item{
margin-bottom:15px;
}

.productdetails .main-image{
border:1px solid #d5dbe0;
padding:40px;
border-radius:4px;
}

.productdetails .back-to-category{
display:none;
}

.productdetails .product-short-description{
margin-bottom:20px!important;;
}

.product-container span img{
display:none!important;
}
.product-field-desc {
display:none!important;
}

@media (max-width:768px){
.rt-block #rt-logo{
background-size:70%!important;
}
}

#checkoutForm{
overflow-x:auto!important;

ResponderCitar
Respondido : 02/06/2019 8:34 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola José Luis,

Antes de avanzar en esta consulta ¿puedes facilitar el enlace donde descargaste la plantilla Anthe para revisar versión y CSS?

Gracias

ResponderCitar
Respondido : 02/06/2019 9:26 pm

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

JOSE LUIS
 JOSE LUIS
Prominent Member

No puedo facilitártelo, no lo se. Pero creo que me la descargué desde mi cPanel, ahora no encuentro esa opción, pero creo que antes sue desde ahí

ResponderCitar
Respondido : 02/06/2019 11:08 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola José Luis,

Entiendo entonces que estás usando la plantilla Anthe de las que hasta hace 2 años ofrecíamos en los instaladores de Joomla en cPanel ¿correcto?

Actualmente, desde hace 2 años, ya no ofrecemos ningún tipo de plantilla para Joomla u otros CMS.

El problema global de la plantilla ANTHE (al menos la versión que tu tienes, inferior a 2017, es que NO ES RESPONSIVE, es decir, no está adaptada para dispositivos móviles, y cada cosa que ves bien en la versión navegador escritorio la verás mal o desbordada por la derecha en la versión móvil y adaptar eso es una tarea titánica importante.

A fecha de hoy, y sin intención de sonar a excusa, deberías seriamente plantearte utilizar una plantilla para Joomla 3.9.6 que sea 100% responsive y que no presente todos los problemas que genera la tuya.

Cada vez que reviso tu web con el inspector de código veo cosas importantes que achacan a fallos de programación en tu tema. Usas PHP 7.x pero tu plantilla no fue actualizada debidamente para correr baja esta versión de PHP y en consecuencia muchas funcionalidades van quedando obsoletas y al no recibir tu plantilla actualizaciones te vas liando a parchear tocando código aquí y allá, sin la certeza de que lo que arreglas en un lado no acabas estropeándolo, sin saberlo o sin querer, en otra parte de la plantilla.

Mira por ejemplo la misma plantilla (de pago actualmente) actualizada en diciembre de 2018 y acorde a Joomla 3.9.x

- https://themeforest.net/item/anthe-joomla/4630849

Con esto no te estoy invitando a que la compres, es un tema que debes evaluar bien antes de dar este tipo de pasos.

Tendrías que analizar hasta qué punto el esfuerzo de adaptación de tu plantilla está acorde al tiempo invertido y las mejoras que consigues de visualización.

Plantéate por favor mi respuesta como una reflexión y no como una respuesta técnica.

Saludos

ResponderCitar
Respondido : 03/06/2019 12:16 am

JOSE LUIS
 JOSE LUIS
Prominent Member

Buenos días estoy muy decepcionado con todo lo que está pasando, hace unos años invertí una serie de horas en cambiar mi primera plantilla a una que VOSOTROS me recomendasteis y me dijisteis que era "responsive". Se adaptaba todo menos lo que estoy intentado terminar de adaptar ahora.
Y después de todo el fin de semana perdido, me dices que tengo que volver a cambiar de plantilla por una de pago. Creo que es una tomadura de pelo impresionante.
ESTOY TRES DÍAS CON VARIOS HILOS ABIERTOS RELACIONADO CON LO MISMO "PERDIENDO MI TIEMPO"
https://www.webempresa.com/foro/32-Joomla-30/164031-Adaptar-im%C3%A1genes-de-producto-a-m%C3%B3viles.html
https://www.webempresa.com/foro/32-Joomla-30/164032-Adaptar-el-carro-de-compra-al-m%C3%B3vil.html

Y AHORA ME DICES QUE MI PLANTILLA NO ES RESPONSIVE...NO SE QUE PENSAR

ResponderCitar
Respondido : 03/06/2019 10:29 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola jose Luis.

prueba añadir lo siguiente al archivo templates -> anthe -> css -> anthe-custom.css

@media screen and (max-width: 600px) {
       table {
           width:100%;
       }
       thead {
           display: none;
       }
       tr:nth-of-type(2n) {
           background-color: inherit;
       }
       tr td:first-child {
           background: #f0f0f0;
           font-weight:bold;
           font-size:1.3em;
       }
       tbody td {
           display: block;
           text-align:center;
       }
       tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
       }
}

Un saludo

ResponderCitar
Respondido : 03/06/2019 5:08 pm

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

JOSE LUIS
 JOSE LUIS
Prominent Member

Buenos días, lo añadí a:
/home/sumincaw/public_html/templates/anthe/css/anthe-custom.css
Ha quedado así:

he borrado la caché del ordenador y se ve así:

No se si algo algo mal, pero no funciona

ResponderCitar
Respondido : 04/06/2019 12:20 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola jose luis.

Es por tema de cache.

Si estás revisando con el inspector del navegador prueba accediendo en modo incógnito:
-> https://support.google.com/chrome/answer/95464?co=GENIE.Platform%3DDesktop&hl=es

un saludo

ResponderCitar
Respondido : 04/06/2019 12:32 pm

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

JOSE LUIS
 JOSE LUIS
Prominent Member

Hola! tú lo ves bien? yo entro de modo incógnito, he borrado la caché y lo que veo esto

El carro sigue sin adaptarse. sale la barra en la parte inferior para desplazar y acceder a los apartados

ResponderCitar
Respondido : 04/06/2019 1:17 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jose Luis.

Ok, no veo el codigo con el inspector de la web.
.- Accede a la configuración de la plantilla y vacia la cache:

Revisa si después de eso las modificaciones se muestran.

Si no se muestran las modificaciones veremos de cambiar el código para que no se muestre en formato tabla.

El problema no es de plantilla, es la forma que tiene Virtuemart de mostrar el carro.

Un saludo

ResponderCitar
Respondido : 04/06/2019 4:54 pm

Cursos Gratuitos WordPress

JOSE LUIS
 JOSE LUIS
Prominent Member

Hola! no se si he hecho bien lo que me has dicho

Me sale un mensaje en la parte superior izquierda, he pinchado donde me has dicho, pero se sigue viendo mal

ResponderCitar
Respondido : 04/06/2019 5:41 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jose Luis.

Si lo reviso con el inspector de la web no aparece el código, una vez añadido este es el resultado:

Antes de realizar cualquier modificación con el archivo original me gustaría que probaras desde otro terminal que no suelas utilizar par acceder a la web.

Si modificamos directamente el archivo perderias la estructura de la tabla en la version PC.

-> https://forum.virtuemart.net/index.php?topic=131170.0

Un saludo

ResponderCitar
Respondido : 04/06/2019 6:15 pm

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

JOSE LUIS
 JOSE LUIS
Prominent Member

He probado con varios terminales, uno de ellos no se había entrado nunca a las web y se sigue viendo mal.
¿Esas modificaciones que dices las tengo que hacer yo?

ResponderCitar
Respondido : 05/06/2019 11:02 am
Página 1 / 2