Goal: adjust the appearance of a “Referral Code” field on a Shopify cart/checkout page so it is larger and bold.
Context: Shopify support added a textarea field via Liquid in cart-template.liquid, placed before the closing . The field works and the value can be retrieved through the API for reporting.
Technical details: Liquid is Shopify’s templating language; cart-template.liquid controls the cart page. The field uses cart attributes (name=“attributes[Referral Code]”) and is rendered as a textarea.
Needed change: purely cosmetic (increase size and apply bold styling), likely via CSS or minor theme code edits targeting #referral-code and its label. No functional changes to data capture or API usage are required.
Status: no resolution yet; the poster is seeking to hire someone to implement the styling. A code snippet is central to understanding the current setup.
Shopify support added a field to our checkout page using the following code for a Referral Code.
Referral Code
The code was pasted in the cart-template.liquid file right before the tag. This works fine - we can get the code from the API for a report.
Our need is cosmetic - we need to make the field larger and bolded. Need to hire someone to do this.