JQuery - Problema con radio-butons

   
Vista:

Problema con radio-butons

Publicado por Sam (34 intervenciones) el 18/05/2017 21:07:12
No he encontrado el foro adecuado en LWP, para poner mi duda.
Asi que la pongo aquí que es lo que mas se parece según creo.

El problema es con prestashop:

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:


codigo css:

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


codigo jquery:

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


si me pudieran ayudar les estaria muy agradecido.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder