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
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.
Hola Jhon,
Ya lo he probado, pero le falta el css..sale en blanco y negro. Es la única manera de hacerlo?
Gracias
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
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.
Gracias Jhon!
Ha quedado tal como quería.
Saludos,
Carol