Low Variables & Grid outputting raw code

Question

I'm working with the grid fieldtype for the first time and attempting to build out a home page slider the same way I would typically do with matrix and low variables.

I have triple checked cell names (and copy/pasted to template code) yet the slider is not displaying the images as expected. My code is here:

{exp:low_variables:pair var="lv-home-slider"}
  <img src="{slide}" alt="{caption}"/>
{/exp:low_variables:pair}

But on the front end it outputs the following.

<img src="{slide}" alt="{caption}" >

<img src="{slide}" alt="{caption}" >

I've tried setting this variable to early parsing which as expected didn't change a thing. Have attached a screenshot of the grid settings in Low Variables.

Answer 1

The variables inside the field need to be prefixed with the Grid variable name, like this:

{lv-home-slider:slide}
{lv-home-slider:caption}