Moving carousel under products???

[mythandmagic]

Hi,

I've put a carousel on pages with 2 columns and managed to work out how to span it across and being responsive.

I really want it at the bottom though, but each time I try it only uses either 1 column or is not responsive.

Can someone let me know how to put it at the bottom of the products, span the 2 columns and be responsive?

[graphicz]

It's a bit of a fiddle unless anyone knows better.

Create a variable -- 'show in bottom' - at fragment level - properties - true/false - default false.

Copy the Section Fragment list if Section or Brochure Fragment list if Brochure and call the copied layouts Section Fragment List Bottom or Brochure Fragment List Bottom.

Put the one you are going to use at the bottom of the section or brochure page layout.

Open it up and put a '1' instead of <actinic:variable name="FragmentColumnCount" /> under number of items,

In overall design change

<div class="fragment-list<actinic:block if="%3cactinic%3avariable%20name%3d%22FragmentColumnCount%22%20%2f%3e%20%3d%3d%202" > twoColumns</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22FragmentColumnCount%22%20%2f%3e%20%3d%3d%203" > threeColumns</actinic:block>">

to

<div class="fragment-list">

Then put a blockif round the fragment layout 'ShowInBottom == True'
Similarly open up the normal fragment layout and put a blockif round the fragment layout 'ShowInBottom == False'

Then in your Slider fragment select 'show in bottom' in properties and it will be where you put the copied fragment layout and full width and responsive.

[mythandmagic]

Thanks for such a detailed guide. perfect!

Much appreciated