Galería de imágenes para storefront  

Hola Angie,

1. quisiera añadir una galería de imágenes a la página bienvenida de storefront.

Es muy sencillo si estás usando el editor de bloques, sólo tienes que editar la página , agregar el nuevo elemento y elegir las imagenes que formarán la galería, tal como se explica en esta web -> https://nbadiola.com/bloques-imagenes-galerias-editor-wordpress/

Los siguientes enlaces te serán muy útiles:

1. En nuestro canal de Youtube encontrarás una serie de videos donde se trabaja con Storefront
2. https://docs.woocommerce.com/document/installation-configuration/
3. https://www.themelocation.com/storefront-theme/
4. https://www.youtube.com/watch?v=EnLZXPeltWk https://www.youtube.com/watch?v=EnLZXPeltWk

Adjunto imagen de cómo aparece galería de imágenes en la web con los bloques. La idea es que pueda sustituir a la imagen de fondo, de las camisetas, y puedan ir pasando, ya que sustituir o eliminar esa imagen sé donde hacerlo pero no el que se convierta en galeria. No da esa opción.
Gracias!

Hola Angie.

¿ Lo que quieres es un slider ?

.- instala el siguinete plugin:
-> https://wordpress.org/plugins/ml-slider/

.- Accede al plugin y añade las imágenes que quieres mostrar:

.- pulsa en el botón superior " Guardar "
.- Accede a tu cuenta de cPanel -> administrador de archivo
.- Accede a la carpeta wp-content -> themes -> storefront
.- Editar el archivo functions.php y al final del archivo añade lo siguiente:

add_action( 'storefront_before_content', 'we_custom_slider_storefront' );

function we_custom_slider_storefront() {
    if ( is_front_page() ) {
    	echo do_shortcode('[metaslider id="113"]');
    }
}
.- Tienes que modificar el ide del slider que tienes en el código que te pase por el ID de la galería que creaste:

" id="113" "
Puedes encontrar el ID de la galería en la configuración del slider que creaste:
 



.- Si quieres eliminar el bloque que hay ahora con la imagen estática y el mensaje de Bienvenida, elimina el código anterior y añade lo siguiente:
add_action( 'storefront_before_content', 'we_custom_slider_storefront' );

function we_custom_slider_storefront() {
    if ( is_front_page() ) {
    	echo do_shortcode('[metaslider id="113"]');
        remove_action('homepage', 'storefront_homepage_content', 10);
    }
}
El código es el mismo solo que añadimos una linea mas que elimina el bloque de bienvenida " remove_action('homepage', 'storefront_homepage_content', 10); "


recuerda descargar una copia del archivo antes de añadir el código para tener una copia del original
Un saludo
                                                                                                	
                                                

                        ResponderCitar                                                
                    

He instalado el plugin pero al ir a cambiar el archivo functions.php ir dar a visualizar sitio no se puede, sale la siguiente leyenda: "El sitio está experimentando dificultades técnicas"

en el archivo al final también indica:
/**
* Note: Do not add any custom code here. Please use a custom plugin so that your customizations aren't lost during updates.
* https://github.com/woocommerce/theme-customisations
*/

Hola Angie.

Le pedí a un compañero de hosting que añadiera el código en el archivo functions.php, solo tienes que modificar el ID del slider.

.- Edita el archivo functions.php y modifica " id="113" " por el ID del slider que creaste.

Un saludo

Muchas gracias!!!

Hola Angie.

Nada, como siempre un placer poder ayudaros en lo que nos sea posible.
Ya sabes, cualquier consulta que tengas no dudes en comunicarlo.

Cerramos el tema.

Un saludo