FROM CACHE - en_header

Gift message into product page of Prestige Theme

Solved
noemi2
Explorer
90 1 20

Hi all, 

I have been looking for a tutorial in order to add the possibility to my customer to let a gift Message into the product page. I know Shopify brings the possibility to write a gift message in the card page but it is not enough visible for my clients.

 

I am using Prestige theme and I would like to keep their template page for the products, I just want to add this possibility. Anyone can help me?

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
33476 3354 11067

This is an accepted solution.

@noemi2 

I have done this, please check.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 38 (38)
KetanKumar
Shopify Partner
33476 3354 11067

@noemi2 

Thanks for post,

you can try this easy to manage 

https://ui-elements-generator.myshopify.com/pages/line-item-property

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
noemi2
Explorer
90 1 20

Thank you for your information! It works! But now, I would like to place it behind or over "ADD TO CART". 

If I copy the code behind the section product template, then it is displayed in the bottom of the product without being aligned into the layout.

Captura de pantalla 2020-06-22 a las 19.34.20.pngCaptura de pantalla 2020-06-22 a las 19.35.57.png

KetanKumar
Shopify Partner
33476 3354 11067

@noemi2 

I need your store login details. Yes, I know your login details are confidential. For this second option, I have added your store to my Shopify partner account so I will check your code easily and manage what you think about it?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
noemi2
Explorer
90 1 20

yes, please! let me know what you need from my side. Thank you

KetanKumar
Shopify Partner
33476 3354 11067

@noemi2 

Thanks can you please give me store url so i will added 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
noemi2
Explorer
90 1 20
KetanKumar
Shopify Partner
33476 3354 11067

@noemi2 

Thanks 

Thanks i have send request 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
33476 3354 11067

This is an accepted solution.

@noemi2 

I have done this, please check.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
noemi2
Explorer
90 1 20

Thank you very much for your help @KetanKumar !! It is perfect!!

KetanKumar
Shopify Partner
33476 3354 11067

@noemi2 

Thanks for update.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Tim_Gist
Excursionist
83 0 8

@noemi2

I might recommend the app Giftship. It allows for gift message collection on either individual product pages of the full-cart page, along with many other powerful gifting features. The settings can be configured from right within Giftship's dashboard: https://apps.shopify.com/giftship

kschmidt
Tourist
5 0 1

Hi @KetanKumar, I would like to include the gift message as part of our checkout process to be included on our confirmation email and the actual package upon shipping.  Does your code allow for that gift message to be printed on the confirmation (or even better, as a separate letter / slip that's included in the package upon shipment)?

Thank you! 

Tim_Gist
Excursionist
83 0 8

Hi @kschmidt , Giftship certainly helps make that happen. If you wanted to try it out and need help with getting things set up, please let us know.

KetanKumar
Shopify Partner
33476 3354 11067

Hello, @kschmidt 

Thanks 

 

do you have able to this code 

https://ui-elements-generator.myshopify.com/pages/cart-attribute

try thy or contact me direct

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
cocoa64
Excursionist
24 1 7

@noemi2 

Hello Noemi,

I'm using Prestige theme too and I did the ui-elements-generator thing to put variants on my product pages, but they aren't appearing in my cart.
So my question was, how did you manage to make your "message" visible in cart please?

Thank you

cocoa64
Excursionist
24 1 7

@KetanKumar 

Any help as to my question please?

KetanKumar
Shopify Partner
33476 3354 11067

Hello, @cocoa64 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
cocoa64
Excursionist
24 1 7

Thanks @KetanKumar for your reply!
I've been trying to find  a solution since a week now, it's getting on my nerves!

Here is the url : elmoritz.myshopify.com and password aoblai

cocoa64
Excursionist
24 1 7

I have tried adding the code below to the theme but it didn't work.. the thing is there is no <form> sections in the cart files! 

 

 

Show line item properties in the cart

 

To show product customization information in the cart:

 

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to edit, and then click Actions > Edit code.
  3. In the Sections directory, click cart-template.liquid. If your theme doesn't have a cart-template.liquid, then open the Templates directory and click cart.liquid.
  4. Find the line containing the code {{ item.product.title }}. On a new line below, paste the following code:

    {% assign property_size = item.properties | size %}
    {% if property_size > 0 %}
      {% for p in item.properties %}
        {% assign first_character_in_key = p.first | truncate: 1, '' %}
        {% unless p.last == blank or first_character_in_key == '_' %}
          {{ p.first }}:
          {% if p.last contains '/uploads/' %}
            <a class="lightbox" href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
          {% else %}
            {{ p.last }}
          {% endif %}
          <br>
        {% endunless %}
      {% endfor %}
    {% endif %}

     

  5. Click Save.

This code checks each line item to see if it has any line item properties, and displays them if they exist.