How can I add a placeholder in a custom liquid textbox?

Shopify Discussion
,
1

Hello,

I have a section with this custom liquid code to add a textbox.

I’d like to put a placeholder in this textbox.

Could you please help me?

kport_0-1713083969897.png
kport_0-1713083969897.png556×179 50.3 KB

.custom.form__label{margin-bottom: 0.6rem}.field.custom{margin-top:0}.custom .field__input{padding-top:0.8rem}

Back Side Design - your name in Latin alphabet

2

This is Noah from PageFly - Shopify Page Builder App

Please change this line of code:

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

3

Hi @rapidturtle ,

You can consider using the Easify Product Options app (free plan available), to effortlessly integrate your text field. You can utilize either the Text Box or Text Area option types, complete with a placeholder. Here’s an example :hugs: :

  • Storefront:

EasifyApps_1-1713166219945.png
EasifyApps_1-1713166219945.png2318×1276 184 KB

  • Simple app settings:

EasifyApps_0-1713166166952.png
EasifyApps_0-1713166166952.png2880×1510 332 KB

4

Hello Noah,

Thank you very much for your reply.

However, this did not work.

The suggested code should be this, right?

.custom.form__label{margin-bottom: 0.6rem}.field.custom{margin-top:0}.custom .field__input{padding-top:0.8rem}

Back Side Design - your name in Latin alphabet

5

Hello, EasifyApps,

Thank you for your suggestion. I’ll have a look into this!

6

Hi @rapidturtle Iam sorry for delay. Yes code is that right. If dont work please try again add code here below your code: