¿Como crear selección de tamaño y color de ropa? 
Autor: Angel Sanchez CaroHola buenas, estoy intentando hacer lo siguiente pero no encuentro manera espero que me puedan ayudar, os lo agradeceria mucho :D.
La idea es hacer una selección de dos apartados uno en el que aparezca el tamaño y otro el color de ropa.
Algo asi:
Y que cuando por ejemplo seleccione color azul y tamaño s, me cambie el enlace de añadir al carrito.
He estado intentando hacerlo con javascript y onclick pero estoy atascado.
<!--funcion activartexto-->
function activarcampodetexto(){
var contenedor = document.getElementById("imObjectForm_1_29_container");
contenedor.style.display = "block";
return true;
}
<!-- funcion ocultartexto-->
function ocultarcampodetexto(){
var contenedor = document.getElementById("imObjectForm_1_29_container");
contenedor.style.display = "none";
return true;
}
</script>
Gracias de antemano, Un saludo. :D
Hola Angel,
Te cuento que yo no se tanto de JavaScript, pero el problema es que tu tendrias que agregar ese codigo en el medio del codigo que genera automaticamente el programa para la visualizacion de productos (cosa que en la etapa de diseño. desde WebSite X5 creo que no es posible).
Por esto, habria que modificar esa seccion de visualizacion de productos, con tu sitio ya exportado, y haciendo las modificaciones a mano, cosa que es inviable, ya que tendrias que hacerlo nuevamente para todos los productos cada vez que agregues un nuevo producto desde el programa.
Quiza si nos das algun detalle mas sobre donde estas ingresando ese codigo que comentas, te podamos ayudar un poco mas.
Otra opcion es integrar en tu proyecto, el codigo que puedes generar en sitios como PrestaShop, que son sitios especificamente para crear sistemas de comercio electronico, cosa que en WebSite X5 viene simplemente como un plus, que recien esta en pleno desarrollo creciendo con las solicitudes que hacemos los usuarios.
Saludos, y seguimos en contacto!
Carlos A.
Autor
Hola, Carlos mi idea es mas facil, crear para cada producto su propia pagina y crear varios productos del mismo tipo con cada opcion, por ejemplo un producto seria camiseta Azul y talla S, otro seria camiseta Azul, talla XL. De esta forma simplemente tendriamos que crear un codigo sencillo desde el programa, añadiendo el campo de html en que simplemente nos cambie el enlace de añadir al carrito. Espero que se me entienda ya que esto es un poco lioso.
Un saludo :D.
Autor
Hola buenas, ya he conseguido el codigo os lo dejo por aqui por si os sirve a alguien:
<script type="text/javascript">
function mostrarhola1() {
var contenedor = document.getElementById("hola1")
if (document.getElementById("seleccion1").checked == true) {
if (document.getElementById("seleccion3").checked == true) {
contenedor.style.display = "block";
}
else{contenedor.style.display = "none";}
}
else{contenedor.style.display = "none";}
}
function mostrarhola2() {
var contenedor1 = document.getElementById("hola2")
if (document.getElementById("seleccion1").checked == true) {
if (document.getElementById("seleccion4").checked == true) {
contenedor1.style.display = "block";
}
else{contenedor1.style.display = "none";}
}
else{contenedor1.style.display = "none";}
}
function mostrarhola3() {
var contenedor3 = document.getElementById("hola3")
if (document.getElementById("seleccion2").checked == true) {
if (document.getElementById("seleccion3").checked == true) {
contenedor3.style.display = "block";
}
else{contenedor3.style.display = "none";}
}
else{contenedor3.style.display = "none";}
}
function mostrarhola4() {
var contenedor4 = document.getElementById("hola4")
if (document.getElementById("seleccion2").checked == true) {
if (document.getElementById("seleccion4").checked == true) {
contenedor4.style.display = "block";
}
else{contenedor4.style.display = "none";}
}
else{contenedor4.style.display = "none";}
}
</script>
<form align="left">
<p>Color</p>
<input type="radio" name="gender" id="seleccion1" value="Rojo" onclick="mostrarhola1();mostrarhola2();mostrarhola3();mostrarhola4()">Rojo<br>
<input type="radio" name="gender" id="seleccion2" value="Azul" onclick="mostrarhola1();mostrarhola2();mostrarhola3();mostrarhola4()">Azul<br>
</form>
<form align="left">
<p>Talla</p>
<input type="radio" name="gender" id="seleccion3" value="S" onclick="mostrarhola1();mostrarhola2();mostrarhola3();mostrarhola4()">S<br>
<input type="radio" name="gender" id="seleccion4" value="XS" onclick="mostrarhola1();mostrarhola2();mostrarhola3();mostrarhola4()">XS<br>
</form>
<div id="hola1" style="display:none"><p>Enlace 1</p></div>
<div id="hola2" style="display:none"><p>Enlace 2</p></div>
<div id="hola3" style="display:none"><p>Enlace 3</p></div>
<div id="hola4" style="display:none"><p>Enlace 4</p></div>
Gracias por compartir conocimientos Angel,
He probado el codigo y lo que genera es eso, por si lo quieren ver antes de utilizarlo (puede ser muy util)...
El texto "Enlace 4" es un link personalizable que dependera de las opciones seleccionadas arriba.
Saludos y nuevamente muchas gracias!
Carlos A.