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

[Peter_Sinclair]

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>   

[Lynda-S · Accepted solution]

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.

[Peter_Sinclair]

Hi Lynda

Thank you for your help, I'll have a go at a normal grid.

The block grid seemed a bit too easy to be true

Kind Regards

Peter