Cómo Personalizar la Posición del "añadir al carrito" de WooCommerce en la Página de Producto

Question

Cómo Personalizar la Posición del "añadir al carrito" de WooCommerce en la Página de Producto

18 sept 2013, 22:50:19

Vistas: 53.9K

Votos: 2

¿Qué archivo (o archivos, si hay más de uno) necesito editar para reorganizar la Página de Producto?

Quiero hacer algunos cambios básicos de diseño en la página de producto predeterminada de WooCommerce. Específicamente, quiero colocar la sección de Pedido justo debajo del Precio y empujar la descripción hacia abajo. En otras palabras, intercambiar la Descripción Corta con los Elementos del Pedido (Atributos, Añadir al Carrito, SKU, etc.). Aquí hay una captura de pantalla de lo que quiero hacer: http://d.pr/i/YGAY

Blake Miller

59

php personalización plugins

Comentarios

Mira mi respuesta aquí: http://wordpress.stackexchange.com/a/113189/22534. Por cierto, son muchas preguntas, el concepto de este sitio es hacer preguntas sobre un problema específico que se pueda resolver.

Nicolai Grossherr

18 sept 2013 22:53:03

Gracias @ialocin. Ya he visto esas páginas de "estructura" y he pasado bastante tiempo modificando varios archivos sin éxito. Lamento si malinterpretaste mi pregunta, pero estaba destinada a ser única (y específica):

¿Qué archivo (o archivos, si hay más de uno) necesito editar para reorganizar la Página del Producto como se muestra en mi captura de pantalla?

Solo quiero mover el botón Comprar Ahora y el Selector de Atributos arriba de la Descripción del Producto.

Gracias de nuevo.

Blake Miller

21 sept 2013 17:04:49

No hay problema, solo trato de ayudar. Mira, lo que escribiste en tu comentario es un problema con el que puedo - o alguien - puede trabajar. Te publicaré una respuesta sobre cómo resolver esto. ¿Podrías por favor reescribir tu pregunta para reflejar esto? ¡Gracias!

Nicolai Grossherr

21 sept 2013 17:44:24

Todas las respuestas a la pregunta

Comentarios

Ha pasado un tiempo desde esto, pero te agradezco tu ayuda. ¡Eso funcionó! Una vez que entendí el método, hice algunas ediciones más. También cambié mi pregunta original para que coincida mejor con mi problema. Gracias de nuevo @ialocin

Blake Miller

5 oct 2013 15:02:45

@BlakeMiller Cuando quieras, me alegro de que lo hayas resuelto y ahora puedas usarlo más adelante. Si es una respuesta correcta, márcala con un visto, para que todos los que lleguen a la pregunta más tarde sepan que está resuelta.

Nicolai Grossherr

5 oct 2013 15:17:54

¿Cómo puedo posicionarlo encima del botón de Añadir al carrito pero debajo de las variaciones?

MF1

20 ene 2017 21:30:26

@MF1 No estoy seguro, tendrás que inspeccionarlo tú mismo. ¡Buena suerte!

Nicolai Grossherr

23 ene 2017 15:08:26

Nicolai Grossherr 18.9K · Accepted Answer · 2013-09-21T18:03:36Z

Puedes hacer lo que quieras enganchándote a la acción woocommerce_single_product_summary. La acción se ejecuta dentro de content-single-product.php de la siguiente manera:

    <?php
        /**
         * woocommerce_single_product_summary hook
         *
         * @hooked woocommerce_template_single_title - 5
         * @hooked woocommerce_template_single_price - 10
         * @hooked woocommerce_template_single_excerpt - 20
         * @hooked woocommerce_template_single_add_to_cart - 30
         * @hooked woocommerce_template_single_meta - 40
         * @hooked woocommerce_template_single_sharing - 50
         */
        do_action( 'woocommerce_single_product_summary' );
    ?>

Arriba tienes una descripción/documentación sobre las partes enganchadas, el número representa la prioridad y/o el orden.

Puedes cambiar la prioridad/orden eliminando y volviendo a añadir las partes cuya posición quieras modificar, así:

    /** woocommerce: cambiar posición de add-to-cart en producto individual **/
    remove_action( 'woocommerce_single_product_summary', 
               'woocommerce_template_single_add_to_cart', 30 );
    add_action( 'woocommerce_single_product_summary', 
            'woocommerce_template_single_add_to_cart', 9 );

Inserta este fragmento de código en tu functions.php para que surta efecto. La parte de añadir al carrito ahora debería mostrarse después del título y antes del precio. Si quieres que se muestre después del precio - por ejemplo - elige un número - en el código anterior, en la línea add_action() - entre 11 y 19 - estoy seguro de que ya estás entendiendo el principio.