CSS switch on Grid Rows
How Do I?
10 years ago
I’m using the following code to make a grid of services, 3 columns across:
{exp:channel:entries channel="services" limit="1"}
{service}
{switch='<div class="row">||'}
<div class="one-third column">
<div class="special-feature">
<div class="hover-image-alt">
<span>VIEW MORE</span>
<a href="http://{service:link}">{service:img:small}</a>
</div>
<h5><a href="http://{service:link}">{service:{language}}</a></h5>
</div>
</div>
{switch='||</div>'}
{if count == total_results}
</div>
{/if}
{/service}
{/exp:channel:entries}But it gives me
service1 service2 service3 service4 service5 service6 service7 service8 service9
instead of
service1 | service2 | service3 service4 | service5 | service6 service7 | service8 | service9
as I would like. Some ideas for my problem?
Thanks.
10 years ago
Resolved. Thanks anyway
{exp:channel:entries channel="services" limit="1"}
{service}
{service:switch="<div class='row'>||"}
<!--Columns-->
<div class="one-third column">
<div class="special-feature">
<div class="hover-image-alt2">
<span>VIEW MORE</span>
<a href="http://{service:link}">{service:immagine:small}</a>
</div>
<h5><a href="http://{service:link}">{service:{language}}</a></h5>
</div>
</div>
{service:switch="||</div>"}
{if '{service:count}' == '{service:total_rows}'}
</div>
{/if}
{/service}
{/exp:channel:entries}