How can I define a valid dynamic source in HTML?

How can I define a valid dynamic source in HTML?

TWBF
Shopify Partner
15 0 4

OK. So my theme has an area where you can create Tabs on the Product Page. 
The First Tab Contains the Product Description.
I would like to create a tab that displays the product specs. Since each product will be different I'd like to make a call to the variant options. 
So For Example, let's say Variant Option 1 is Color, Variant Option 2 is Length, and Variant Option 3 is Drop Weight. I'd like to create an HTML Table that holds this information:

<table class="tt-table-03">
	<tbody>
		<tr>
			<td>Length:</td>
			<td>{% variant.option1 %}</td>
		</tr>
		<tr>
			<td>Drop Weight:</td>
			<td>{% variant.option3 %}</td>
		</tr>
		<tr>
			<td>Wood Species:</td>
			<td>Hard Maple</td>
		</tr>
<tr>
			<td>Colorway:</td>
			<td>{% variant.option3 %}</td>
		</tr>
	</tbody>
</table>

 

However, when I do this I get the following error:
Setting 'html' can't include Liquid syntax ('{{', '}}', '{%' or '%}') without valid dynamic sources.

So how do I define a valid dynamic source?

Any help would be greatly appreciated.

 

Reply 1 (1)

skyrossports
Visitor
1 0 0

Did you get? Someone helped you?