How can I find and remove a line item property from my product code?

Store Design
1

I previously added a line item property to my product, but I would like to update it. The problem is, I don’t know where this code is!

This is the line of code for the text box:

<p class="line-item-property__field">
  <label for="second-color">Second Color</label>
  <input id="second-color" type="text" name="properties[Second Color]">
</p>

And here is the product page: https://www.merakaiofficial.com/collections/bonnets/products/custom-reversible-satin-bonnet

merakaiofficial_0-1648962789908.png
merakaiofficial_0-1648962789908.png2616×1568 333 KB

I’ve checked product.liquid but I didn’t see it. This line item property was create for this product as well as another one.

2

Hi @merakaiofficial ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
.line-item-property__field {
    display: none;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

I would like to keep the kine item, I just need to find it to update it. Do you know where this code might be?

4

Hi @merakaiofficial ,

Maybe “product-customizable-template.liquid” file.

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.