[Resolved] Personalizar botón de “Sticky add to cart”

[Pedro]

Hola, por defecto WooCommerce para los productos variables muestra el botón como “Seleccionar opciones”.

He cambiado el texto para que se muestre como “Añadir al carrito”.

Sin embargo, con el “Sticky add to cart” de GeneratePress, el botón se divide en dos líneas, cuando en los productos simples el botón con el texto “Añadir al carrito” se muestra en una sola línea.

Aquí un ejemplo de cómo se ve el botón en los productos sinmples: https://mega.nz/file/DtMADByS#_gM8Gaj3Nu9y0DFRDRL6QKnB31mWiyAXThf0E9Ss2xk

Básicamente lo que quiero, es que el botón que se muestra para los productos variables, que por defecto el texto es “Seleccionar opciones” y lo he cambiado a “Añadir al carrito”, se vea igual que en los productos variables.

¡Gracias!

[Elvin]

Hi,

Básicamente lo que quiero, es que el botón que se muestra para los productos variables, que por defecto el texto es “Seleccionar opciones” y lo he cambiado a “Añadir al carrito”, se vea igual que en los productos variables.

This is controlled by the WooCommerce plugin. It may be best to refer to WooCommerce’s documentation or support on how to change this as this is a third party plugin outside of GeneratePress’ scope of support.

But to try to help you out:

You can try this PHP snippet.

add_filter( 'woocommerce_product_add_to_cart_text', function( $text ) {
	global $product;
	if ( $product->is_type( 'variable' ) ) {
		$text = $product->is_purchasable() ? __( 'Custom options text', 'woocommerce' ) : __( 'Read more', 'woocommerce' );
	}
	return $text;
}, 10 );

Just change the “Custom options text” to “Añadir al carrito”.

[Pedro]

Hola Elvin, gracias por responder.

La cuestión es, yo ya cambié el texto del botón, no necesito cambiarlo nuevamente. Lo hice con Loco translate.

El problema es con la característica “Sticky add to cart” de GeneratePress.

Por alguna razón, el botón con el MISMO texto de los productos simples (Añadir al carrito), en los productos variables lo coloca en dos líneas.

Entonces el botón es demasiado grande.

[Elvin]

To clarify: You don’t want the text of the button to wrap into 2 lines so the button isn’t too big?

If so, you can add this CSS:

button.button.alt.go-to-variables {
    white-space: nowrap;
}

[Pedro]

Hola Elvin,

Esto funcionó perfectamente para mí.

¡Muchísimas gracias!

[Elvin]

Glad it works for you. No problem. 🙂

[Author]

Posts