Insertar shortcode en menú principal

[Pedro]

Hola! Estoy instalando un plugin que colocará un icono de carrito (por medio de shortcode)

Me gustaría reemplazar el icono de carrito que coloca GP Premium por este shortcode.

Quisiera saber cómo puedo hacer para insertar ese shortcode en el mismo lugar donde actualmente está el icono de carrito de GPP.

¡Gracias!

[Elvin]

You can try this PHP code.

add_filter( 'generate_woocommerce_menu_cart_icon', 'tu_change_wc_menu_cart_icon' );
function tu_change_wc_menu_cart_icon() {
    return sprintf( do_shortcode( '[your-shortcode]' ) );
}

Just make sure the output of your shortcode is similar to something like this <i class="fa fa-shopping-cart" aria-hidden="true"></i>.
https://docs.generatepress.com/article/generate_woocommerce_menu_cart_icon/

Let us know if it works for you.

[Pedro]

Hola Elvin! Gracias por responder.

He agregado el código como me indicaste, y lo único que hace es añadir ese mismo código al principio del sitio.

Aquí la captura de pantalla de cómo lo configure: https://mega.nz/file/CpNUXAaY#6WDabaIeWDsqKgpS0rXG6WfmiaKUcUndOLhVVIAwf0s

Aquí una foto del resultado: https://mega.nz/file/74NCUYiJ#mfWPz0Mrr7W10cociDDLip3euenrBU2BXFUv3xCBNb4

Lo que deseo es reemplazar el icono de carrito que GP Premium coloca por el shortcode de este plugin: https://docs.xootix.com/side-cart-for-woocommerce/#shortcodes

[Elvin]

Can you try adding the PHP code by doing any of the methods added here?

https://docs.generatepress.com/article/adding-php/

We recommend using Code Snippets plugin as it’s the easiest one to use.

[Pedro]

Hola Elvin! Gracias por tu respuesta.

Lo he añadido al functions.php de mi child theme.

Ahora se muestra el shortcode, pero también se muestra el icono de carrito de GPP.

Aquí puedes ver una captura de pantalla: https://mega.nz/file/HtFTiCxZ#WLEZw7ri_RYVBEA9aihxtqvNXmqgnnlr-3A4Zg7iEGs

[Elvin]

After adding the PHP for your shortcode, you can remove the unwanted icon attached as on the :before pseudo element by adding this CSS code.

.main-navigation a.cart-contents:not(.has-svg-icon).shopping-bag:before {
display:none;
}

This should remove the gpp cart icon.

Let us know how it goes.

[Pedro]

Hola Elvin,

He agregado el código CSS pero no desapareció el icono de carrito de GPP.

[Elvin]

Can you provide the site URL link so we could take a closer look?

Also, can you leave the shortcode running so we can see how this renders.

[Pedro]

Hola Elvin,

Es un entorno de pruebas creado con WP Staging, pero no está disponible al público a menos que se inicie sesión como administrador.

Por otro lado, modifiqué un poco el CSS que me diste, quedó así:

.shopping-cart {
	display: none;
}
.number-of-items {
	display: none!important;
}

Con este nuevo CSS, si se ocultó el icono de GPP.

¿Podrías decirme si está correcto o hay que corregir algo?

[Elvin]

That could work.

That’s pretty much the same as this:

.cart-contents>span.gp-icon.shopping-cart {
    display: none;
}

.cart-contents>span.number-of-items {
    display: none;
}

And I believe we don’t have to worry about .number-of-items too now as your shortcode seems to render its own JS that counts cart contents.

That should be good to go. Give it a try and let us know if it works.

[Pedro]

Hola Elvin,

Este último código CSS que acabas de darme funcionó perfectamente.

¡Muchísimas gracias!

[Elvin]

Nice one.

No problem. Always glad to be of any help.:)

[Author]

Posts