Foros del Web » Soporte técnico » Ayuda General »

Problema con radio-buton en prestashop

 Estas en el tema de Problema con radio-buton en prestashop en el foro de Ayuda General en Foros del Web. Hola amigas/os, verán recién me he hecho a cargo de una tienda de prestashop. Quiero decir que la tienda de prestashop la configuro, dió estilos ...
  #1 (permalink)  
Antiguo 18/05/2017, 13:05
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años, 6 meses
Puntos: 5
Problema con radio-buton en prestashop
Hola amigas/os, verán recién me he hecho a cargo de una tienda de prestashop.

Quiero decir que la tienda de prestashop la configuro, dió estilos y le puso los modulo que

consideró oportunos.

EL problema es que soy novato con prestashop y se me ha presentado el siguente problemon que no se como resolver, os cuento:

Cada producto tiene 4 "radio-buton".
Lo que debería suceder es:
Al hacer click en el radio-buton 1, aparece la imagen A
Al hacer click en el radio-buton 2, aparece la imagen B
Al hacer click en el radio-buton 3, aparece la imagen C
Al hacer click en el radio-buton 4, aparece la imagen A

Pero lo que sucede (y ese es el problema) es:
Estando seleccionado, por ejemplo el "radio-buton 1" mostrando la imagen A,
cuando voy a mostrar la imagen B me la cambia tan solo pasando el cursor por el "radio-buton 2" como si fuera un "hover" es decir sin hacerle click, que es lo que deberia
ser. Tener que hacer click y no un hover sobre el radio-buton b para que me muestre la imagen B.

Si alguien me pudiera ayudar con esto le estaria muy agradecido.

La persona que se encargo de la tienda antes que yo me dijo que solo habia tocado un modulo llamado "contentbox" y alli hay esto:

Código CSS: 
Ver original
  1. /*COLOR DE FONDO DE LA BARRA MENÚ SUPERIOR...............................................................................*/
  2.  
  3. header 
  4. {
  5. /*color azul, el anterior de la barra: background:#3683C5*/
  6. background:#000000 !important; 
  7.  
  8. height:52px;
  9.  
  10. font-style:helvetica !important; 
  11. color:white !important; 
  12. }
  13.  
  14.  
  15.  
  16. /*LOGO CI............................................................................................................................................................*/
  17. div.logo 
  18. { 
  19. position:absolute; 
  20. left: 0px; 
  21. }
  22.  
  23.  
  24.  
  25. /*ESTILOS DE PESTAÑA PRODUCTOS.........................................................................................................*/
  26. .productos-pestana>a
  27. {
  28. background-color:#F93096 !important; 
  29. border-radius:4px !important;
  30. padding:5px !important;
  31. } 
  32.  
  33.  
  34.  
  35. /*LINEA QUE SUBRAYA LAS OPCIONES DEL MENÚ HORIZONTAL TOP*/
  36. /*
  37.  #nav_topmenu ul.nav > li > a:hover
  38. {
  39. border-bottom:2px solid #E35DB2;
  40. }
  41. */
  42.  
  43.  
  44. /*ICONOS DE MENÚ HORIZONTAL TOP......................................................................................................*/
  45. .fa 
  46. { 
  47. font: normal normal normal 18px/1 FontAwesome; 
  48. color:#ffffff !important; 
  49.  }
  50.  
  51.  
  52.  
  53. #login { position:absolute; top:16px; right:220px; z-index:99999; }
  54. #reg { position:absolute; top:16px; right:105px; z-index:99999; }
  55.  
  56.  
  57. .qty { color:#777 !important; }
  58.  
  59. .mini-cart .mini-cart-content { position:-35px !important; }
  60.  
  61.  
  62. /*CARRITO*/
  63. .mini-cart .icon 
  64. {
  65. font-size: 0;
  66. position: relative;
  67. display: inline-block;
  68. margin-top: 12px;
  69. height: 28px;
  70. }
  71.  
  72.  
  73.  
  74. /*ESTILO DE LAS CARACTERISTICAS DE LOS PRODUCTOS......................................................................*/
  75. .summary .chosen-container-single .chosen-single 
  76. { 
  77. font-size:20px; 
  78. }
  79.  
  80.  
  81.  
  82.  
  83. .footer { background-color:#000000; }
  84.  
  85. .footer .widget ul li{font-size:12px}
  86.  
  87. .footer .widget .widget-title{font-size:16px !important}
  88.  
  89. .header .main-header-inner div.row > li:nth-child(1){position:absolute !important; right:225px !important; top:16px !important; margin-right:80px !important}
  90.  
  91.  
  92.  
  93. /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  94.  
  95. /*
  96. @media(min-width:999px)
  97. {
  98. #login { position:absolute; top:16px; right:220px; z-index:99999; }
  99. #reg { position:absolute; top:16px; right:105px; z-index:99999; }
  100.  
  101. .page-subheading>span{ display:none !important; }
  102.  
  103. #facebook_block { margin-left:32%; }
  104. }
  105. */
  106.  
  107.  
  108. .mini-cart .btn-check-out, .mini-cart .btn-view-cart { background-color:#303030 !important; }
  109.  
  110. .cmyk { border-radius:50%; margin-right:4px; }
  111.  
  112. .header .top-header a, .main-menu-top a { color:white !important; }
  113.  
  114. .header .top-header { border-bottom:0px !important; }
  115.  
  116. @media(max-width:770px)
  117. {
  118. #nav_topmenu ul.nav{background:grey}
  119. }
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129. i.fa.fa-times{color:red !important}
  130.  
  131. i.fa.fa-angle-up, i.fa.fa-angle-down{color:black !important}
  132.  
  133. .myaccount-link-list>li:nth-child(3){display:none !important}
  134.  .leka-popup{background-size:cover !important}
  135.  
  136. .slide-home .overlay{background-color:rgba(48,48,48,0.05)}
  137.  
  138. .header  .dropdown-menu a{color:black !important} 
  139.  
  140. .main-menu-top > ul > li{text-transform:none !important}
  141.  
  142. a.icon::before{color:white !important}
  143.  
  144.  
  145.  
  146. .header .top-header-menu a:nth-child(3){text-transform:lowercase !important}
  147.  
  148. input[type="text"], input[type="email"], textarea, input[type="password"]{padding:0px 0px !important}
  149.  
  150. .bcf-logo{display:none}
  151.  
  152. .popup-title h3{margin-bottom:0px !important}
  153.  
  154. #input-email{display:none !important}
  155.  
  156. .leka-popup button{display:none !important}
  157.  
  158. .header.stick .logo{display:initial !important}
  159.  
  160. .main-header a{color:white !important}
  161. .main-header-inner  div.row > li{display:inline !important; color:white !important;}
  162.  
  163. .list-social .fa{font-size:30px !important}
  164.  
  165. .top-header{display:none}
  166.  
  167. .form-contact label{font-size:12px !important}
  168. .myaccount-link-list li a{color:black !important}
  169.  
  170. .index5-cart-box{padding-top:0px !important}
  171.  
  172. #image-block{text-align:center !important}
  173. #image-block img#bigpic{width:auto !important; max-width:360px !important}
  174. .single-images div.single-product-thumbnails{bottom:-100px !important}
  175.  
  176. .widget ul li:last-child{display:none !important}
  177. #nav_topmenu .navbar-nav > li > .dropdown-menu li.level-2 a:hover{border-bottom:3px solid #EB008B}
  178. #nav_topmenu .navbar-nav > li > .dropdown-menu li.level-2 a{font-size:11px !important}
  179. .main-header a.remove{color:#EB008B !important}
  180. .main-header .main-header-inner{font-weight:normal !important}
  181. .fa-user{margin-left:20px !important}
  182.  
  183.  
  184.  
  185. #enquire_product_form .form_container .text label{padding:0px 0px !important}
  186.  
  187. .widget-title{color:white !important}
  188.  
  189. @media(min-width:801px) and (max-width:1300px){
  190.  
  191. #informacion{right:18% !important}
  192.  
  193. }
  194.  
  195.  
  196. @media(max-width:800px){
  197.  
  198. #informacion{display:none}
  199. .logo{position:initial !important;padding-top:0px; padding-bottom:0px}
  200.  
  201. }


Código Javascript: 
Ver original
  1. jQuery(function($) {
  2.  
  3.        $('#profesionales').on('click',function(){
  4.        sessionStorage.setItem('profesional', 'true');
  5.        $(location).attr('href','/inicio-sesion?back=my-account')
  6.     });
  7.  
  8.  
  9.  
  10.     $('.personalizado, .presupuesto').on('click',function(){
  11.        sessionStorage.setItem('personalizado', 'true');
  12.        $(location).attr('href','/contactanos')
  13.     });  
  14.   
  15.    });


gracias de antemano

Etiquetas: prestashop
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 11:43.