Personal tools

Contact Us 24/7 > 1 866.SIX FEET
Sections

Skip to content. | Skip to navigation

Home > Blog > Displaying EasySlideshow on your Homepage with Diazo
12/01/16

EVERYONE.NET SCHEDULED MAINTENANCE 

Everyone.net will be performing maintenance on their databases Friday December 2nd, 2016 between 9:00PM PT to 3:00AM PT / 12:00AM ET to 06:00AM ET. During this time, all services including web mail, POP, IMAP, and SMTP relay may experience degraded performance and inbound mail delivery delays. We apologize for any inconvenience.

Blog

Displaying EasySlideshow on your Homepage with Diazo

written by Chrissy Wainwright on Thursday February 12, 2015
Comments | Filed under: , ,

easyslideshow 2.2 header-638px

With the recent EasySlideshow v2.2 release and development for v3 for Plone 5 underway, we have created a series of articles that aim to provide a more in-depth look at the app's functionality. Here you will quick instruction for displaying EasySlideshow within pages. Please note, these steps are for use of EasySlideshow within Plone, and assume the product is already installed and activated.


Out of the box, EasySlideshow allows you to turn a folder view into a slideshow, but without some custom development, there is not a way to display it within a page in your site.

If your site is using a Diazo theme, you can add a single rule that would display a slideshow in one of your templates. First set up a slideshow folder (see the Using EasySlideshow blog post if you need more information). Then use a rule like this one:

<before css:theme-children="#content"
css:content-children="#content-core"
href="/my-slideshow?ajax_load=1"
css:if-content=".section-front-page" />

The href specifies the path to your slideshow folder, and the ajax_load part added to the end of the url will only grab the useful content, so as to not impact performance. By pulling everything inside #content-core, this makes sure to grab your slideshow, its navigation, and its custom Javascript (using your custom settings from the Slideshow tab). The theme selector and if-content condition should be updated to match a selector for your homepage or location where you want the slideshow to appear.

What do you think of EasySlideshow? Let us know in the comments or like the app at https://plone.org/products/collective.easyslideshow. And for more how-to information, be sure to sign up for our Plone & Python How-To digests and receive articles as soon as they are published!

 
Posted by Laurent on Feb 12, 2015 08:25 AM
Nice post. What about performance impact ? two pages will have to be completely calculated right ?
Posted by chrissy on Feb 12, 2015 08:57 AM
I suppose there would be a minor performance impact, but it should not be noticeable since the page is from your own site. I doubt the second page is completely calculated, but it is hard to find documentation to determine how this actually works.
Posted by Eric Bréhault on Feb 12, 2015 09:09 AM
Regarding the previous comment: yes generating 2 entire pages might impact the performances. But by adding '?ajax_load=1' to the targeted URL, you will just get the useful content, and the performances will be just fine:
Posted by chrissy on Feb 12, 2015 10:26 AM
Thank you, Eric, I did not know about that trick. I will add that to the post
Posted by Armin Stroß-Radschinski on Feb 12, 2015 01:23 PM
When Plone is filtering the body you have to take care that useful links to css etc. are filtered out before diazo can catch them. So you have take care to either reinsert them using diazo, but keep in mind that diazo cannot process what is not delivered or use the following approach: You can get the original styles and scripts appending ?ajax_load=1&ajax;_include_head=1 See for example: - http://plone.org/?ajax_load=1 - http://plone.org/?ajax_load=1&ajax;_include_head=1 A review of all this parameters was done by Alessandro Pisa at:http://blog.redturtle.it/2012/07/03/boxing-plone
Add comment

You can add a comment by filling out the form below. Plain text formatting.

puzzle
Chrissy Wainwright
Senior Developer
Chrissy's Recent Posts:
Displaying EasySlideshow on your Homepage with Diazo (02/12/2015)

Next Steps


Select a type of support:

Contact our sales team

First name:
Last name:
Email:
Phone Number:
Message:
Fight spam:
What is + ?
 
Call Us 1 866.SIX FEET
Sections