How can I enable product customization with customer's name?

How can I enable product customization with customer's name?

AVmaster
New Member
10 0 0

Hi guys,

I would like to create or code an option that allows customers to customize the product with their own name. In the screenshot below it is done exactly as I would like, does anyone know if I can fix this with a certain app or even better with code? So I want it to be immediately shown below the text field what the product will look like.

Scherm­afbeelding 2023-11-08 om 13.13.01.png

 

Kind regards,

AVmaster

Replies 14 (14)

sahilsharma9515
Shopify Partner
1076 132 203

Hi @AVmaster 

 

Could you please provide your Store URL and, if applicable, the Password too? So that I can provide you solution specific to your store.

 

Best Regards,

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


AVmaster
New Member
10 0 0

https://presentspalace.com/products/birth-month-flower-necklace this is the link, at the moment i dont have the textholder yet. 

Pawanjain
Shopify Partner
7 0 0

Hi @AVmaster  , By using custom field you can add additional field.  those field will be reflected on order as well. 
Using product.liquid file you can achieve this.  

 

`<p class="cart-attribute__field">
  <label for="your-name">Name</label>
  <input id="your-name" type="text" name="attributes[name]" value="{{ cart.attributes["name"] }}">
</p>`

 

Pawan Jain
Need a Shopify developer? Chat on WhatsApp
- For Shopify Design | Shopify Custom Coding | Expert in Shopify App Development
-Your Coffee Tip and my code.
AVmaster
New Member
10 0 0

Yes i already have that, but what i want is a live preview of the dynamic input of the customer below the textholder. 
Just like this website: https://annjoliv.com/products/she-flower-name-necklace?variant=47154761859387 

 

 

 

 

 

 

 

g33kgirl
Shopify Partner
390 109 143

You will probably need Javascript for this.

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl
If you're not comfortable with code, please modify code files at your own risk.
AVmaster
New Member
10 0 0

Could you help me with that?

g33kgirl
Shopify Partner
390 109 143

I can, but this would be a paid gig.

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl
If you're not comfortable with code, please modify code files at your own risk.
AVmaster
New Member
10 0 0

What would be the cost?

g33kgirl
Shopify Partner
390 109 143

Please DM me and I can message you the cost. 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl
If you're not comfortable with code, please modify code files at your own risk.
Pawanjain
Shopify Partner
7 0 0

Hi,

As per above url, we need to do using javascript to populate data. Let me know if you need my help. I will happy to help you.

Thank you.

Pawan Jain
Need a Shopify developer? Chat on WhatsApp
- For Shopify Design | Shopify Custom Coding | Expert in Shopify App Development
-Your Coffee Tip and my code.
AVmaster
New Member
10 0 0

That would be great, how much will that be?

Pawanjain
Shopify Partner
7 0 0

I will update you.

Pawan Jain
Need a Shopify developer? Chat on WhatsApp
- For Shopify Design | Shopify Custom Coding | Expert in Shopify App Development
-Your Coffee Tip and my code.

gr_trading
Shopify Partner
1834 145 192

Hi @AVmaster 

 

Can you share the font you are using then this can be code in the theme.

For any custom development WhatsApp or connect at Email ID: gr.trading15@gmail.com for quick consultation. | Shopify Free codes
To support Buy Me a Coffee
Pawanjain
Shopify Partner
7 0 0

Sure. kindly check below code . 

`<p class="cart-attribute__field">
  <label for="your-name">Name</label>
  <input id="your-name" type="text" name="attributes[name]" value="{{ cart.attributes["name"] }}">
</p>`

 Thanks

Pawan Jain
Need a Shopify developer? Chat on WhatsApp
- For Shopify Design | Shopify Custom Coding | Expert in Shopify App Development
-Your Coffee Tip and my code.