[Resuelto] Cómo crear tarjetas regalo en mi tienda web  

Hola Cristian,

Una vez tienes instalado y activo el plugin que nos mencionas yith woocommerce gift card puedes crear tus tarjetas de regalo añadiendo un producto nuevo y seleccionado el tipo y el importe que este debe tener

Puedes configurar el resto de las opciones como descripción y imagen, el resultado sera algo por ejemplo

También tienes mas información dentro de su documentación en el siguiente enlace -> Contenido solo visible a usuarios registrados

Un Saludo

Buenas tardes, muchas gracias por la ayuda. He realizado los pasos como me has comentado pero ahora hay algo que habré hecho mal porque voy a adjuntar foto de todo lo que me sale en la misma página de tarjeta regalo. Cómo podría solucionar? Muchas gracias =)

Hola Cristian,

En este caso veo que haz aplicado una plantilla personalizada a tus productos, como este es un plugin adicional y los elementos que muestra el plugin no están en el modulo de Divi no esta tomando el layout que tienes personalizado es por ello que ves este producto desconfigurado

Una solución que puedes implementar es asignar en tu plantilla de productos desde el generador de Divi que esta solo se aplique a las categorías y excluyas la categoría tarjeta de regalo que veo tienes configurada

De esta forma la plantilla no se aplicara a este producto especial y tendrá la estructura por defecto de woocommerce

Un Saludo

Buenas noches, he realizado los cambios que me has comentado y ahora sí. Pero tenía una consulta a la hora de modificar el color azul del botón de añadir el carrito que me gustaría que fuera de color negro como el resto de productos y cambiar a ser posible la tipología en donde pone mensaje, destinatario,etc. Cómo podría hacerlo? Adjunto foto de lo que me gustaría modificar. Muchas gracias y un saludo =)

Hola Cristian,

Prueba con el siguiente código CSS, debes añadirlo ene el apartado Apariencia -> Personalizar -> CSS Adicional

span.woocommerce-Price-amount.amount bdi {
color: #8F8E8E
;
}

.woocommerce-page button.button, .woocommerce-page button.button.alt,.woocommerce button.button, .woocommerce button.button.alt {
color: #000;
}.gift-cards_form.cart h3 {
font-family: 'ABeeZee',Helvetica,Arial,Lucida,sans-serif !important;
}

.entry-summary .entry-title {
font-family: 'ABeeZee',Helvetica,Arial,Lucida,sans-serif !important;
}

.gift-card-content-editor.step-content {
font-family: 'ABeeZee',Helvetica,Arial,Lucida,sans-serif !important;
}

Nos comentas como ha ido todo

Un Saludo

Buenas noches, muchas gracias; ya he podido solucionar tema visual de tipología y colores. Pero ahora lo que me falta es arreglar tema de cómo se me ve la página de tarjeta regalo. Me sale como separado en dos partes. Y me gustaría que saliera en la parte de arriba lo que ahora se visualiza en la parte de abajo y al lado tema de añadir importe y carrito. ( Igual que se me visualizan los productos pero en vez de que ponga por ejemplo deportiva pink pues que ponga tarjeta regalo, que el cliente seleccione el importe deseado y que lo añada al carrito y que tambien salga eso de añadir mensaje al destinatario y demas). Como podria solucionarlo? Adjunto foto de como se me ve la parte de tarjeta regalo en mi tienda web que se me ve algo raro como desordenado. Muchas gracias por todo y un saludo =)

Hola Cristian,

Entiendo, veo que haz aplicando un cambio adicional que ha movido la organización de tu producto. Puedes indicarnos que haz agregado? de esta forma podemos verificar con detalle lo que nos comentas

Un Saludo

Buenas noches, el cambio que he aplicado ha sido eso de quitar en divi generador de tema en la plantilla de productos lo de todos los productos y he dejado solo productos con categorías especificas y he quitado de ese apartado el de tarjeta regalo como me has comentado anteriormente. Se deberá a eso? o no tiene nada que ver? Muchas gracias =)

Hola Cristian,

Prueba revertir los cambios o aplicando otros diferentes y luego volver a hacer lo que te comento Karen puesto que previamente al momento de enviarte el css personalizado para los botones esta sección y las demás de productos se veían bien, no has hecho algo ademas de estos pasos que mencionas previamente?

Un saludo 🖐️ 

Buenas tardes, no porque la consulta primera era de que porque se me veía así de desconfigurada el producto de tarjeta regalo. Me sale como lo quiero pero no en ese orden, es como si hubiese dos tarjetas regalos mezcladas. Es decir me gustaría que se visualizara como lo tengo en la parte inferior y luego lo que tengo en la parte superior ( es decir al reves de como lo tengo ahora ). He vuelto a quitar eso de divi generador de temas como me habia comentado tu compañera pero tampoco se me visualiza bien el producto. Como tendria que hacerlo? Muchas gracias =)

Hola Cristian,

El inconveniente esta en que esta sección:

Viene directamente del complemento Yith woocommerce, por lo tanto al no tener un módulo como tal para esta sección no puedes seleccionarlo en la sección siguiente:

Que contiene el diseño del generador de temas, son dos elementos que no son compatibles uno con otro, podrias verificar con el desarrollador del complemento Yith que estas utilizando para este formulario si te pueden proveer alguna especie de shortcode para que lo apliques directamente en el contenido o una alternativa, sin embargo una solución puede ser dejarlo sin el generador de temas y permitiendo que se visualice como un producto normal de woocommerce

Un saludo 🖐️ 

Buenas noches muchas gracias, como tendría que hacerlo para dejarlo por defecto como woocomerce y quitar lo de generador de temas? Me tengo que desinstalar el plugin de yith o no sería necesario? Gracias =)

Hola Cristian,

Con lo enviado por Karen debería ser mas que suficiente para activar únicamente la vista de wooocommerce, si ya tienes configurado para que no se muestre en esta categoría es posible que tengas que vaciar la cache tanto de el complemento que estés usando que gestiona la cache como para el constructor de divi el cual puedes hacerlo de la siguiente forma.

Ingresas a DIVI > Opciones del tema > Constructor > Avanzado y si lo tienes en español hay un botón con la palabra Claro, haces click acá y se borra la cache del constructor.

Un saludo 🖐️ 🖐️ 

Buenos días, he vaciado la cache desde donde me has comentado pero ahora visualizo la página así ( adjunto foto ). No me desagrada, pero habría la posibilidad de que lo que se visualiza en la parte inferior de la página ( imagen y descripción ) estuviera colocado en la parte superior izquierda? Me gustaria que en la parte superior saliera lo que está ahora en la parte inferior y en la parte derecha lo que esta ahora en la parte superior. Cómo deberia hacerlo? Muchas gracias por todo y un saludo =)