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/*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}
}
Código Javascript
:
Ver originaljQuery(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')
});
});
gracias de antemano