Pregunta sobre WooCommerce de Wordpress:

Mueva la página de la tienda «Mostrar» y «Ordenar por …».

Un usuario preguntó 👇

En nuestra pagina:
https://tastenewmexico.com/wordpress/shop/

… El menú desplegable es “Mostrando 1-12 de 64” y “Ordenar por…” en la parte superior de los productos. Mi cliente quiere que estén por debajo de la cuadrícula de productos y correctamente alineados.

Intenté esto, pero aún mantiene los 2 objetos sobre la cuadrícula del producto … los necesitamos a continuación:

// O la sección de resultados en movimiento debajo de remove_action (‘woocommerce_before_shop_loop’, ‘woocommerce_result_count’, 20); add_action (‘woocommerce_before_shop_loop’, ‘woocommerce_result_count’, 40);

Mencione braehler (@braehler) (… y gracias por responder) pero mueva la clase = «woocommerce-result-count» al lugar debajo de «class = load-more-wrap y alinéelo a través de CSS a la derecha. ¿Dónde está este archivo para cambiar el código?

¿Quiero mirar en / wp-content / plugins / woocommerce / templates / loop?

(@webmasterhouston)

Hace 1 año, 7 meses

Sí, esto se soluciona con los ganchos, según su código, aunque tal vez debería intentar moverse después del bucle de pendiente.

Soy un ahorrador, así que edito la página de la plantilla de ganchos … pero la práctica recomendada es tener algo de código en functions.php sobre el tema de su hijo … y así sucesivamente …

Me imagino que se vería así:


// Or moving result section below
remove_action( ‘woocommerce_before_shop_loop’, ‘woocommerce_result_count’, 20 );
remove_action( ‘woocommerce_before_shop_loop’, ‘woocommerce_catalog_ordering’, 30 );

add_action (‘woocommerce_after_shop_loop’, ‘woocommerce_result_count’, 20); add_action (‘woocommerce_after_shop_loop’, ‘woocommerce_catalog_ordering’, 30);

Enlace a más información:
https://docs.woocommerce.com/document/introduction-to-hooks-actions-and-filters/

(@solwebsolutions)

Hace 1 año, 7 meses

Hola, prueba esto en un plugin de fragmentos: // O comparte los resultados a continuación remove_action (‘woocommerce_before_shop_loop’, ‘woocommerce_result_count’, 20); remove_action (‘woocommerce_before_shop_loop’, ‘woocommerce_catalog_ordering’, 30);

add_action (‘woocommerce_after_shop_loop’, ‘woocommerce_result_count’, 20); add_action (‘woocommerce_after_shop_loop’, ‘woocommerce_catalog_ordering’, 30);

… Pero sigue viendo los mismos resultados en la página de la tienda >> https://tastenewmexico.com/wordpress/shop/

(@madeincosmos)

Ingeniero Automático de Felicidad

Hace 1 año, 7 meses

Hola @solwebsolutions,

Puedo ver que los caracteres citados en la pila de código que pegaste han sido reemplazados smart quotes:

Captura de pantalla: https://cld.wthms.co/Q4vjuc

A veces, esto sucede cuando se copian fragmentos de código de Internet o se editan en un editor de texto como Word o Pages.

Cuando reemplacé cada carácter de cita con la comilla simple simple ( ' ) el código funciona bien para mí ahora:

Captura de pantalla: https://cld.wthms.co/NI25zm

Preferiría que estos elementos se mostraran encima de la página en lugar de debajo de ellos, puede probar diferentes números de prioridad en la segunda parte, por ejemplo:


remove_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 );
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

add_action( 'woocommerce_after_shop_loop', 'woocommerce_result_count', 8 );
add_action( 'woocommerce_after_shop_loop', 'woocommerce_catalog_ordering', 9 );

¡Salud!

(@solwebsolutions)

Hace 1 año, 7 meses

Muchas gracias … eso funcionó. Debería haber notado que el color del código en el botón también estaba apagado … mi culpa.

Ahora que el cliente tiene los 2 objetos inferiores que quiere el cliente, ¿cuál es la mejor manera de alinearlos correctamente? alineación del texto: no presionarlos a la derecha.

(@madeincosmos)

Ingeniero Automático de Felicidad

Hace 1 año, 7 meses

@Solwebsolutions se alegra de escuchar que funciona 🙂 En este caso, flotar será mejor que la alineación de texto, ya que estamos moviendo objetos de bloque en lugar de texto puro. Aquí hay un fragmento de código que puede probar:


.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering
 {
     float: right;
     margin: 0 0 50px 20px;
 }

Ambas funciones también intercambiarán lugares como efecto secundario, por lo que si prefiere seguir contando los resultados a la izquierda del pedido, puede intercambiar números de prioridad en el conjunto de códigos anterior, por ejemplo:


add_action( 'woocommerce_after_shop_loop', 'woocommerce_result_count', 30 );
add_action( 'woocommerce_after_shop_loop', 'woocommerce_catalog_ordering', 20 );

(@solwebsolutions)

Hace 1 año, 7 meses

Muchas gracias … ¡funcionó muy bien!

Esta respuesta fue modificada hace 1 año, 7 meses.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *