Avisos
Vaciar todo

Quiero poner un segundo botón en página de producto de woocommerce  

 
Carolina
 Carolina
Estimable Member

Hola a todos,
Estoy creando un nuevo producto en mi woocommerce y hago servir la página de producto que ofrece woocommerce como landing.
Como resulta un poco larga, me gustaría poner otro botón de "añadir al carro" al final, después de desarrollar un poco más el producto y de los módulos de testimonios que he insertado, ya que el botón aparece por defecto al principio de la página. He estado chafardeando con el firebug pero no me aclaro de cuál es el código que debería de insertar. También lo he intentado hacer en plan chapuza (icono-imagen con link), pero no encuentro el icono dentro de la plantilla, y estaría bien que el botón fuera el mismo.
¿Cómo lo puedo hacer? Gracias.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 21/06/2017 2:38 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

La manera más simple es copiar el código del formulario del botón, sin embargo ten en cuenta que este código sólo servirá para el producto específico que has indicado

Agrega este código dentro de la descripción como parte del HTML

	
	

Saludos.

ResponderCitar
Respondido : 21/06/2017 7:25 pm

Cursos Gratuitos WordPress

Carolina
 Carolina
Estimable Member

Hola Jhon,
Ya lo he probado, pero le falta el css..sale en blanco y negro. Es la única manera de hacerlo?

Gracias

ResponderCitar
Respondido : 21/06/2017 8:42 pm
Carolina
 Carolina
Estimable Member

No, Jhon, disculpa, lo había visualizado desde woocommerce y no se ve como en el front end. Está bien, con el mismo color. ¿Qué puedo hacer si quiero que quede centrado?

Gracias

ResponderCitar
Respondido : 21/06/2017 8:45 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Antes de hacer cualquier cambio CSS primero corrige el archivo :

/wp-content/themes/modernbloggerpro/style.css

Tienes errores CSS, en la línea 2104 abres llave y no se usa, elimina la llave de esta línea de código

De manera simple prueba eliminando esta llave que no tienen sentido.

Luego al final de tu archivo agrega el siguiente código CSS:

#tab-description form.cart{
width:100%;
text-align:center;
}

#tab-description form.cart button{
float:none;
}

Este código No te funcionará si antes no corriges el problema de la llave.

Saludos.

ResponderCitar
Respondido : 21/06/2017 11:55 pm
Carolina
 Carolina
Estimable Member

Gracias Jhon!
Ha quedado tal como quería.

Saludos,
Carol

ResponderCitar
Respondido : 22/06/2017 12:54 am

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