mariorr Posted April 19, 2014 Share Posted April 19, 2014 (edited) Hola, un cliente caprichoso ha pedido que los cuadrados para elegir el color en los productos sean circulos. ¿Es esto posible?. Prestashop: 1.5.6.2 Theme: Default Gracias por adelantado. Un saludo Edited April 19, 2014 by mariorr (see edit history) Link to comment Share on other sites More sharing options...
lastapril Posted April 19, 2014 Share Posted April 19, 2014 Hola Mariorr, has de modificar el product css y añadir esto -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; lo has de incluir en .attribute_list #color_to_pick_list li y en .attribute_list #color_to_pick_list a.color_pick el archivo css lo encontraras en themes/default/css un saludo Carlos 1 Link to comment Share on other sites More sharing options...
mariorr Posted April 19, 2014 Author Share Posted April 19, 2014 Muchas gracias, funciona perfecto!!! Un saludo Link to comment Share on other sites More sharing options...
lastapril Posted April 19, 2014 Share Posted April 19, 2014 Nada hombre solo intento ayudar igual que me han ayudado a mi Link to comment Share on other sites More sharing options...
lastapril Posted April 19, 2014 Share Posted April 19, 2014 Nada hombre solo intento ayudar igual que me han ayudado a mi Link to comment Share on other sites More sharing options...
Alberto Fernández Posted April 19, 2014 Share Posted April 19, 2014 Hola Mariorr, has de modificar el product css y añadir esto -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; lo has de incluir en .attribute_list #color_to_pick_list li y en .attribute_list #color_to_pick_list a.color_pick el archivo css lo encontraras en themes/default/css un saludo Carlos Genial! No obstante hay que modificar más cosas si el selector de color va con texturas, estoy buscando dónde. Link to comment Share on other sites More sharing options...
lastapril Posted April 19, 2014 Share Posted April 19, 2014 A que te refieres con texturas? Link to comment Share on other sites More sharing options...
Alberto Fernández Posted April 19, 2014 Share Posted April 19, 2014 (edited) A que te refieres con texturas? Si el selector de color lleva fotografías para representar el color del producto (texturas de telas, madera, etc.) por ejemplo: http://cincelaser.com/panderetas/23-pandereta-flores.html Edited April 19, 2014 by Alberto Fernández (see edit history) Link to comment Share on other sites More sharing options...
lastapril Posted April 19, 2014 Share Posted April 19, 2014 Hola Alberto, al ser imágenes las imagino que tendrás que subirlas ya redondas y no cuadradas, en el otro caso al ser un color si que lo puedes alterar 1 Link to comment Share on other sites More sharing options...
Alberto Fernández Posted April 19, 2014 Share Posted April 19, 2014 (edited) Lastrapil, bien visto! En ese caso las imágenes deben ser png con el fondo transparente. No sé si soporta ese formato ni he probado pues estoy contento con las imágenes cuadradas! No obstante sí se podrían hacer redondas también con css: http://www.oloblogger.com/2013/03/css-uso-ejemplo.html Edited April 19, 2014 by Alberto Fernández (see edit history) Link to comment Share on other sites More sharing options...
lastapril Posted April 19, 2014 Share Posted April 19, 2014 (edited) He conseguido redondear la imagen pero como puedes ver se redondean todas y no solo las de los atributos, supongo que podrias crear una clase para los atributos Edited April 19, 2014 by lastapril (see edit history) Link to comment Share on other sites More sharing options...
Alberto Fernández Posted April 19, 2014 Share Posted April 19, 2014 Efectivamente, pero es algo que se me escapa por mis limitados conocimientos. Si alguien se anima , seguro que le será de ayuda al que necesite el selector de color redondo con texturas. Link to comment Share on other sites More sharing options...
Alberto Fernández Posted April 20, 2014 Share Posted April 20, 2014 Hola Mariorr, has de modificar el product css y añadir esto -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; lo has de incluir en .attribute_list #color_to_pick_list li y en .attribute_list #color_to_pick_list a.color_pick el archivo css lo encontraras en themes/default/css un saludo Carlos Con este código más simple se obtiene lo mismo y vale para las imágenes del color picker. border-radius: 30px; overflow: hidden; Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts