Avisos
Vaciar todo
Hola a todos:
Seguimos trabajando en nuestra actualización de la tienda de la versión 1.6 a 1.7 de Prestashop. La verdad es que nos está quedando realmente chula, pero hay algo que no sabemos si podemos hacer. No encontramos la manera de redondear un poco los botones (en general). Hemos puesto imágenes ya redondeadas para las distintas secciones, hemos encontrado algunas opciones en algunas cosas donde te permiten meter un radius, pero para los botones no encontramos ningún modo.
Estamos utilizando el tema Panda (o el Transformer, por que es exactamente igual), como decimos, en la versión 1.7.6.2 de Prestashop. ¿Alguien sabe donde se puede hacer o algún truco para que los botones queden un poquito más redondeados? Es una cuestión simplemente visual, pero nos haría ganar mucho estéticamente.
Gracias de antemano por vuestra ayuda. Un cordial saludo.
Respondido : 30/04/2020 7:30 am
Hola Sergio.
La consulta es para el .es ? tienes la web en mantenimiento y necesitamos que esté activa para poder revisar lo que nos comentas.
Abre la tienda y lo revisamos 😉
Un saludo
Respondido : 30/04/2020 8:57 am
Hola, Pepe:
Gracias por tu respuesta. Bueno, aunque en un principio no queríamos tenerla activa de momento, hemos quitado el modo mantenimiento y activado el modo catálogo. Los botones que nos interesan son del estilo al "Ver más" que se puede ver en la página principal o en los productos, que son iguales a los de "comprar ahora" o "llevar a carrito". Estos últimos no aparecen ahora por que está en modo catálogo, pero se pueden ver los de "Ver más". ¡Ah!, sí es el .es.
Gracias de nuevo por vuestro interés. A ver si puede hacerse. Un saludo.
Respondido : 30/04/2020 2:50 pm
Hola Sergio.
Supongo que te refieres a este:
Añade lo siguiente al archivo custom.css que encontrarás en la ruta themes -> panda -> assets -> css " custom.css "
a.btn.btn-default.btn-more-padding.btn-large {
border-radius: 10px;
}
Un saludo
Respondido : 30/04/2020 3:15 pm
Estimado Pepe:
Gracias. He hecho el tema y efectivamente, este botón ha pasado a estar redondeado. No obstante, nuestra idea es redondear otros botones (pensábamos que se podía hacer de otra manera, sin utilizar CSS). Hemos visto que el código que nos has compartido está enfocado al botón "btn.btn-default.btn-more-padding.btn-large". Bajo la idea de que es mejor enseñar a pescar que entregar un pez ..... ¿Tu nos puedes indicar un poco (y perdón por la molestia) como podemos saber en cada caso de botones distintos el indicativo en CSS para aplicar los mismos redondeos? Imaginamos que probablemente sea entrando a través del navegador en "Inspeccionar elemento" o algo parecido, pero en este punto ya nos perdemos un poco. Con un hilo del que tirar, nosotros ya terminaremos desenmarañando todo.
De nuevo te doy las gracias de antemano. A ver si terminamos de una vez esta página. Un saludo.
Respondido : 30/04/2020 7:44 pm
Estimados Pepe y Karen:
Hola de nuevo. Perfecto con esto. Quedan mucho mejor.
Vemos que tenemos que dar un pequeño cursillo (aunque sea express) sobre CSS, para mejorar un poquito nuestro nivel y que queden las cosas más chulas.
Damos por resuelto el hilo. Muchas gracias por vuestra ayuda.
Respondido : 30/04/2020 7:57 pm
Hola Sergio,
Como mencionas en la consulta una forma de ver que código aplica a cada botón es a través del inspector de elementos del navegador. Todos los colores, tipos de letras y referente a tu sitio se hacen mediante CSS.
Si deseas identificar que código es el que afecta cada bloque o elemento de tu web puedes usar la herramienta de desarrollo de tu navegador o usar alguna extensión como firebug.
En este articulo del blog te muestran un tutorial como utilizarla ->
Saludos
Respondido : 30/04/2020 8:09 pm
Estimada Karen:
Muchas gracias. Vamos a ver si aprendemos a utilizar la extensión y de paso, nos hacemos un cursillo de CSS. Ya os mandaremos link de la página cuando esté acabada, para ver si os gusta.
Un cordial saludo. Sergio Pérez.
Respondido : 30/04/2020 9:40 pm
