Tengo sitio web, creado con Elementor. El sitio web pertenece al fotógrafo. Tiene allí una Multigallery de Elementor, con filtro en la parte superior. Necesito crear enlaces externos, que pueden llevarlo a la subpágina y mostrar directamente solo los elementos filtrados.
Aquí está el enlace a multigal: https://chosephoto.com/photo/
Necesito hacer algo así, cuando ingrese a https://chosephoto.com/photo/#fashion recibiré la subpágina actual, pero solo mostrará imágenes de la galería "moda". No todas las imágenes.
Pensé en imitar el clic de jQuery por cadena de consulta (obtener el valor de /#....) y luego hacer el clic de jQuery en el atributo with, que es igual al valor en la cadena de consulta. Sin embargo, ni siquiera sé, ¿cómo puedo Hazlo con jQuery. Soy principiante en jQuery.
Gracias por una ayuda.
Entonces, finalmente, aquí está mi "solución"
$ = jQuery; $(window).bind('load', function() { var hash = $(location).prop('hash').substr(1); if(hash == 'portrait') { $('a[data-gallery-index=0]').trigger('click'); } else if (hash == 'fashion') { $('a[data-gallery-index=1]').trigger('click'); } else if (hash == 'product') { $('a[data-gallery-index=2]').trigger('click'); } else if (hash == 'sky-photo') { $('a[data-gallery-index=3]').trigger('click'); } else { $('a[data-gallery-index=all]').trigger('click'); } });Tuve que usar .bind('load'), en lugar de la función document.ready(), porque la galería hace el javascript adicional después de que el documento está listo (y ha sobrescrito mi código).
Puede llamar al filtro para obtener la URL, según el hashtag al final. Por ejemplo, esta URL: https://chosephoto.com/photo/#fashion filtrará la galería MODA.
Mis conocimientos no son suficientes, para hacerlo mejor. ¡Pero funciona!