Soporte » Plugins y Hacks » WooCommerce » Personalizar pagina catalogo tienda

  • Resuelto sergioschmidt86

    (@sergioschmidt86)


    Hola,

    He hecho una pagina con wordpress y Elementor. Al instalar woocommerce se instalston automaticamente las paginas de tienda y csrrito.

    Quisiera saber como se podría modificar la pagina de catalogo de una tienda hecha con woocommerce mediante plugins (no se programar) para conseguir:

    – Acceder a la pagina del producto pinchando en la imagen del producto y que no aparezca el boton de «seleccionar opciones»

    – Que aparezca una segunda imagen cuando pase el cursor por encima.

    Muchas gracias

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • Hola @sergioschmidt86

    Cuando dices que no aparezca el botón de seleccionar opciones te refieres a quitar el boton?

    Y sobre tu otra consulta, te refieres a que haga zoom de la imagen, verdad?

    A ver si me puedes aclarar eso para poder echarte una mano.

    Saludos y ánimo!

    Iniciador del debate sergioschmidt86

    (@sergioschmidt86)

    Hola Oscar,

    Gracias por contestar, la verdad es que acabo de empezar con wordpress a base de tutoriales de youtube y hay cosas complicadas.

    Lo que quiero crear es un efecto que he visto en muchas tiendas de Shopify que es que:

    1) cuando vayas a la página de tienda o de categorías (cuando aparecen todos los productos), en lugar de tener que pinchar en el botón de «comprar» o «seleccionar opciones» que me aparece, para acceder a la página de descripción de productos, puedas pinchar sólo en la imagen. Ahora mismo, cuando intento editar la página de tienda con elementor no me deja acceder y personalizar nada.

    2) El otro efecto que quiero es, en la página de productos y tienda, cuando pases el ratón por encima aparezca otra imagen (como no puedo editar la página con elementor, tampoco puedo hacerlo)

    Te pongo una página que tiene ambas funciones para que se entienda:

    https://yivette.com/collections/zapatos

    Mil gracias!

    Puedes poner la url para verlo y así poder orientarte mejor?

    Saludos y ánimo!

    Iniciador del debate sergioschmidt86

    (@sergioschmidt86)

    Hola oscar,

    Muchas gracias. Te paso la URL de una de las secciones de producto para que veas donde lo quiero poner:

    https://leylajewels.com/categoria-producto/pedientes/

    Para que entiendas el efecto, en la página principal sí he podido configurar este efecto, haz scroll hacia abajo, hay uno de los bloques de producto en los que he podido configuar el efecto que quiero (aquí no había botones que eliminar ni precios que mantener), pero el efecto de la imagen doble y meter el link hacia la URL sí que está.

    https://leylajewels.com/

    Gracias de nuevo,

    Muy buenas.

    Ya veo, lo que pasa es que en la página de inicio estás haciendo con imágenes sin más, verdad? Usando algún editor visual o algún plugin, cierto?

    Pero el la página de la tienda y categorías, el contenido es dinámico y no puedes hacer eso de esa forma ya que se muestran los productos dinámicamente, ok?

    Ah, para quitar los botones de «Añadir al carrito» en las págias de tienda, categorías y demás… usa el siguiente código.

    Lo puedes añadir al final del fichero functions.php de tu tema activo.

    
    add_action( 'woocommerce_after_shop_loop_item', 'quitar_botones_anadir_carrito', 1 );
    
    function quitar_botones_anadir_carrito() {
    	remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');
    
    }

    Ya me cuentas..

    Saludos.

    Iniciador del debate sergioschmidt86

    (@sergioschmidt86)

    Hola,

    Efectivamente, utilizo Elementor como pluggin y la plantilla Astra.

    Como de momento todos los productos tienen variaciones, de hecho no es el botón «Añadir al carrito» el que quiero eliminar es un botón que se llama «Seleccionar opciones» que entra en la página del producto, pero supongo que es lo mismo. Por si acaso, acabo de crear un producto simple para comprobarlos.

    He copiado el código que me pasas exactamente al final de todo del archivo functions.php de tema ASTRA y no me hace nada.

    Lo puedes comprobar en https://leylajewels.com/categoria-producto/anillos/

    Verás que el primer producto es un producto simple ficticio en el que sigue apareciendo el botón.

    El efecto que salgan también dos imágenes, existe otra función?

    Gracias

    Ok, @sergioschmidt86

    He probado el código y funciona pero no funciona con Astra.

    Entones, lo que se me ocurre es que lo quites de momento por CSS con lo siguiente:

    .archive .add_to_cart_button {
        display: none !important;
    }

    Esto lo añades al final del fichero style.css de tu tema activo.

    De todas formas, no estaría de mas que te pasaras por el foro de soporte de Astra y comentes tu problema.

    Y me dices qué tal…

    Saludos y ánimo!

    Iniciador del debate sergioschmidt86

    (@sergioschmidt86)

    Hola,

    Lo he probado y no me ha funcionado tampoco, no consigo que se me vaya. Igualmente, no te preocupes, no te quiero molestar más. Voy a buscar el foro de soporte de Astra y pregunto a ver.

    Gracias!
    Sergio

    Debería de funcionar pero bueno, igual hay algo que interfiere.

    En el foro específico de Astra seguro que saben mejor este asunto.

    Saludos y mucho ánimo!!

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • El debate ‘Personalizar pagina catalogo tienda’ está cerrado a nuevas respuestas.