Adding Sparklayer code snippet to product page

Developers and code gurus - please help!

I am NOT a developer, though I am a Wix Expert and have extensive knowledge of the platform.

I am building a site that utilises Sparklayer for b2b sales.

The Sparklayer widget currently displays product options in a table for my b2b customers (not the retail ones), but it should be displaying as a dropdown instead.

I received instructions from Sparklayer on how to change this with a snippet of code, but for the life of me I can’t figure out where to install this.

It seems I need to access the product page template’s code and find the area where the product description is, then past it there.

BUT HOW DO I DO THAT???

When I open Dev mode, it only seems to allow new code to be entered and I can’t find where the existing code is?

Here are the instructions I got from Sparklayer:

  1. Open your Wix site editor

  2. Go to your product detail page (the page that shows individual products)

  3. Look for the HTML/code editing option - this might be under “Dev Mode” or “Code” in your Wix editor

  4. Find where your product information displays (price, description, etc.)

  5. Add this line of code: <spark-pdp parent-id="{{ product.id }}"></spark-pdp>

Where to place it: Look for existing product elements like price or description, and add the SparkLayer code near those elements.