Pass schema variables to JavaScript - Shopfiy

gistfile1.txt

It seems that the liquify variables must applied outside the {{ javascript }} section. Setting the following after the section html did the trick:

{%- assign row_height = section.settings.row_height -%}
{%- assign spacing = section.settings.spacing -%}
<script>
var rwhgt = {{ row_height | json }};
var spcng = {{ spacing | json }};
</script>

Then I was able to use rwhgt and spcng in the {{ javascript }} section like this: 

{% javascript %}
$('.gallery-container').justifiedGallery({
    lastRow : 'center', 
    rowHeight : rwhgt, 
    margins : spcng
}).on('jg.complete', function () {
    $('.image-popup').magnificPopup({
type:'image',
      gallery:{enabled: true}
});
});
{% endjavascript %}