Clean the homepage up?

[EdHarrison]

I am unsure if this is standard for Swift or just on my site - see the image attached, is there a simple way to disable this or maybe comment it out - all sections and info can be easily found via the menu bar - it really does fill up the mobile view of the homepage requiring a very long scroll!

Many thanks Ed

[John Ennals]

Hi Ed,

This is a standard feature of Swift. Personally I like it, but if you want to get rid of it:

Go to Design Library and find the layout 'Brochure Page Body RWD'. Right-click on it to make a backup copy in case things go wrong. You might want to take a site snapshot as well.

Then, in the layout Brochure Page Body RWD, find

<div class="products-list-section col-12">

It should be near the top, around line 3. You need to comment out the whole Div, so put <!-- before that line and --> after the corresponding closing </div> (usually about 22 lines further down, might be more on your site because you have some customised lnks). Preview the page to check it looks OK, then publish.

John

[EdHarrison]

Thank you John, where I have lots of sections it really creates a long scroll on the homepage in mobile view.

[EdHarrison]

I have now done it, very happy except there does seem to be a gap between the carousel and featured products.
I have looked and cannot see a way to close it a little.

[John Ennals]

I think you need to find this:

<section style="margin-top: 15px; padding-bottom: 50px;">

which is probably in Swift Outer Layout. If you can find it, back the layout up as before, then change the 50px to, say, 10px and see if it makes any difference. It should change the depth of the padding at the bottom of the content section, i.e. the bit immediately above Featured Products.

Preview another brochure page, a section page and a product page to make sure the padding still looks OK on those, before publishing.

John

[EdHarrison]

Thanks John I will start hunting!
Edit: Found it thank you

[EdHarrison]

Ok I have tried to find a way of reducing the excess unused space top and bottom within the carousel, I cannot see a way, this would again really help with mobile scrolling to see more.

Inspection reveals slide container max height 500px which I think is the key but cannot find any details of it in the layout.

My guess it is within the javascript itself.

[John Ennals]

Open the Promotional Carousel layout for editing, then click on 'Click here to edit layout settings'. In the Overall Design tab, click the 'Edit' button next to 'Start of List' box to open the Advanced Editor Dialog, Near the bottom of the code you should find something like

<div class="slide-container" style="max-height:550px; overflow: hidden;">

Not sure if this will do the trick, but it looks promising!

I wouldn't worry too much about excessive mobile scrolling - it comes naturally to mobile users, particularly those who use social media.

John

[EdHarrison]

Thanks John, had a tinker but got no change.

Ed

[EdHarrison]

Ok being fickle I am thinking of reinstating this but for the life of me cannot find brochure page body rwd in design / library / layouts

Edit...found!

[John Ennals]

You could always wrap that part of the layout in a BLOCKIF and create a True/False variable which would allow you to switch it in and out on a whim!