Has anyone set up a responsive BC catalog using Foundation block grid

Question

I've set the product list to li but I still can't get it to work. I've looked at some BC e-commerce templates using Foundation, but they don't seem to be using block grid.
I've spent hours on it and I'm starting to think it's not possible.
The extra BC classes ' productList and productSmall ' are stopping it from working. There's got to be a way round it ?
<div class="row">
<div class="large-12 columns newCushions">
<ul class="large-block-grid-3 medium-block-grid-2 small-block-grid-1">
<ul class="productList productSmall">
<li id= ... >
<a href= ... >
<img ... />
</a>
</li>
</ul>
</ul>
</div>
</div>   

Answer 1

I use the normal grid for my eCommerce layouts.
While not the best you could use jQuery to add the class where you would like it:
<script>
$(function() {
    $( ".productList" ).addClass( "large-block-grid-3 medium-block-grid-2 small-block-grid-1" );
</script>
It may be possible with Liquid to do this but I am unsure of that.