buenas tardes y un saludo a todo quien pueda leer este post.
Estoy agregando unos elementos a la vista de los productos, la cuestion es que cuando el producto sale con una sola imagen el elemento que agrego se ve bien y sin inconvenientes, el problema radica cuando el producto tiene mas imagens, que la seccion del fotorama__stage__shaft se acorta y se genera una especia de carrusel, y el elemento queda montado en el carrusel y no es la idea.
en el caso de una imagen aca un capture
cuando salen mas imagenes
como podria verificar si se genera el carrusel para buscar la manera de agregar estilos en caso de que se genere el carrusel como en el caso en que haya una sola imagen.
para que en el caso de que sea una sola imagen salga como la primera que he agregado y en el caso de que sean varias imagenes, salga mas o menos asi:
He intentado agregando un jquery al fichero gallery.phtml
require(['jquery'],function($){
$(window).load(function() {
$( ".fotorama__stage" ).prepend( "<div class='mi-custom-class'></div>");
alert('jquery working');
$("fotorama__stage").addClass("mi-custom-class");
$(".fotorama__stage").append('<div class="mi-custom-class"></div>');
});
});incluso agregando codigo vanilla, pero nada.
<script>
console.log(document.getElementsByClassName("fotorama__stage"));
var div = elemento1 = document.createElement('div');
div.className="mi-custom-class";
document.querySelector("div.fotorama__stage").appendChild(div);
</script>no me soluciona el inconveniente.
espero me puedan ayudar con este problema.
gracias @Damian Culotta
