Agregar un Boton con codigos CSS  

 
Ruben
 Ruben
Estimable 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. 

This post was modified hace 2 semanas por Bulmaro

Bulmaro Arellano N.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

¡Gracias!.

ResponderCitar
Respondido : 11/10/2020 3:58 am

Cursos Gratuitos WordPress

Ruben
 Ruben
Estimable 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 

Bulmaro Arellano N.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

¡Gracias!.

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

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

Ruben
 Ruben
Estimable 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. 

 

This post was modified hace 1 semana por Bulmaro

Bulmaro Arellano N.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

¡Gracias!.

ResponderCitar
Respondido : 16/10/2020 12:55 am

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

Por favor Iniciar Sesión o Registro