Opción envolver para regalo en Shopify Parte 1

Publicado por Jony en

Les traigo una excelente opción para quienes quieran ofrecer envoltorio de regalo en el cart de sus páginas. Esto lo pueden hacer cobrando o no por el envoltorio

En esta primera parte muestro los pasos a seguir para que basicamente tengan la opcion automatica y el mensaje para la dedicatoria.

En la segunda parte mostraré cómo poder limitar los caracteres de la caja de dedicatoria y hacer que aparezca el mensaje sólo si se ha agregado el regalo a la cesta.

Otra opción más simple es copiar y pegar este fragmento en tu cart.liquid antes del checkout button. será solo una linea con el checkbox y se abrirá el cuadro de texto al seleccionar.

<script type="text/javascript"> $(document).ready(function(){ //Hide div w/id giftnote $("#giftnote").css("display","none"); // Add onclick handler to checkbox w/id gift $("#gift").click(function(){ // If checked if ($("#gift").is(":checked")) { //show the hidden div $("#giftnote").show("fast"); } else { //otherwise, hide it $("#giftnote").hide("fast"); } }); }); </script> <center>🎁&nbsp Lo quiero para regalo&nbsp<input type="checkbox" id="gift"/> </center> <textarea name="giftnote" id="giftnote" rows="4" placeholder= 'Escribe una Nota aquí' cols="70">{{ cart.note }}</textarea> </p> <p> <button type="submit" class="action_button add_to_cart" id="checkout" name="checkout">{% if settings.show_lock_icon %}<span class="icon-lock"></span>{% endif %}{{ 'cart.general.checkout' | t }}</button> </p> {% if content_for_additional_checkout_buttons %} <div class="additional-checkout-buttons"> {{ content_for_additional_checkout_buttons }} </div> {% endif %} {% if cart.item_count > 0 %} <div class="featured-links"> <a href="{% if cart.items.first.product.collections != blank %}{{ cart.items.first.product.collections.last.url }}{% else %}/collections/todos{% endif %}" class="secondary_button">{{ 'cart.general.continue_shopping_link_html' | t }}</a> </div> {% endif %} </div> </div> </div> </div>

¿No sabes como hacerlo y prefieres que yo lo haga?

Contactame para cotizar como hacer este proyecto y todos los que necesites.

Categorías: Jonytips

0 comentarios

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *