Avisos
Vaciar todo

Agregar un Boton con codigos CSS  

 
Ruben
 Ruben
Reputable Member

hola que tal quería hacerles una consulta

Me gustaría agregar un botón que diga "ingresar" y al hacer clic lo lleve a la pagina de registro... como la que se ve en la imagen.

mi web es www.yasbrin.com 

en mi pagina ya esta instalada el pluguin para esconder los precios para los clientes que no se registran. pero me gustaría poder diseñarles un boton como las que les estoy compartiendo en la imagen..

 

muchas gracias. Saludos 

 

image
Citar
Respondido : 11/10/2020 12:36 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Ruben, 

Con el plugin de Code Snippets agrega un nuevo (snippet) y pega el siguiente codigo en el área de Código:

add_action( 'woocommerce_after_add_to_cart_button', 'boton_extra_registro' );
function boton_extra_registro() {
echo '<a href="#url_destino" class="single_add_to_cart_button button alt registro">Ingresar</a>';
}

Unicamente tendras que modificar la url del botón, modificando el atributo href, por ejemplo:

add_action( 'woocommerce_after_add_to_cart_button', 'boton_extra_registro' );
function boton_extra_registro() {
echo '<a href="https://misuperm.com/registro" class="single_add_to_cart_button button alt registro">Ingresar</a>';
}

Posteriormente, te diriges a Apariencia -> Personalizar -> CSS Adicional y al final del mismo agrega:

a.registro{
background-color: #ff0055 !important;
text-decoration:none;
} a.registro:hover{
brackground-color: #ff0033;
}

Saludos.

Notas: El snippet debe tener marcada la opcion de "ejecutar en todas partes", al momento de guardar el código asegúrate de elegir la opción de Guardar y activar. 

Esta publicación ha sido modificada el hace 1 año por Bulmaro
ResponderCitar
Respondido : 11/10/2020 3:58 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Ruben
 Ruben
Reputable Member

@bulmaro-webempresa

Hola, segui los pasos que me dijiste pero no funciono... podrian decirme en donde me equivoque?

Saludos

image
image
image
ResponderCitar
Respondido : 12/10/2020 10:12 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Rubén, 

¿Podrías probar desactivando tus plugins excepto woocommerce y code snippets, así como los requeridos por tu template si los tuviera? Así también si tienes activo el modo catalogo en tu Woocommerce.

El código lo veo bien, no veo errores de t parte, creo que el problema viene de que la tienda tiene activo el modo catalogo o está siendo ocultado por algún otro plugin como el de whatsapp que veo en la pagina de tu producto. 

Saludos 

ResponderCitar
Respondido : 12/10/2020 10:35 pm

Cursos Gratuitos WordPress

Ruben
 Ruben
Reputable Member

Perdon, mi cliente lo que quiere es mostrar los precios con los atributos pero no el botón de agregar al carrito...  que solo aparezca el botón de ingresar una vez que ingresen ahi si se habilite el botón del carrito... el problema que tengo es que con el pluguin  Role Based Price For WooCommerce extension ... habilite para que vean los precios y los atributos pero no me deja poner el mensaje para los clientes ..

el registrate para ver los precios ni el boton con el codigo que me pusistes...

como puedo hacer para crear el boton de ingresar para luego que se suscriban pueda habilitar automaticamente el boton del carrito de compras...

Saludos

image
image
ResponderCitar
Respondido : 15/10/2020 10:36 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@leblanck-marketinggmail-com

Hola Rubén, 

Lo que anexas respecto al requerimiento de tu cliente requiere una mayor programación, es lógico que mi código no te funcionara como esperabas pues no especificaste lo que ahora sí. Dado que requiere de mas programación yo te sugiero o contactar con colaboradores ->  directorio-colaboradores o bien, puedes revisar a detalle el plugin de woocommerce-product-only-for-users y consultar las dudas que tengas con el desarrollador, lee detenidamente la documentación del mismo si es que esta libremente disponible y revisa los comentarios de los clientes que han comprado dicho software. 

 

Esta publicación ha sido modificada el hace 1 año por Bulmaro
ResponderCitar
Respondido : 16/10/2020 12:55 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress