Link to Article Section in Carousel

[fbander]

Hello,

This is my first post here but I've been grabbing some useful information for the past month.  I am new to Web Quick Start but am moving along in my understanding thanks to hands-on work and awesome resources such as these forums.  I have been looking for a way to have the "read more" link in the carousel to direct to the section the article is an asset within, not the actual article itself.  For example, /govtworks/news/green_init/  instead of /govtworks/news/green_init/slide1.html .  Using section.name and section.title displays the root page values.  Any help would be appreciated.

Thanks!

Bob

[ben]

Hi Bob, welcome!

Try:

<a href="<@makeurl section=article.containingSection/>">${msg('read.more')}</a>‍

That will provide the section of the article.

Regards, Ben.

[fbander]

Thanks, Ben!  Worked like a charm.  I do have another unrelated question:

I would like to put a picture on a page and have it render the same way as when an image associated with an article is clicked (in the nice little js box).  However, I don't want the text around the image to be formatted like an article IE I'd like to place a sentence directly under the image as a caption.

Any input?

Thanks,

[ben]

Hi Bob,

The JS effect you describe is known as a "lightbox" effect. The one used on the sample site is driven by a jQuery plugin called SlimBox. You can read all about it http://www.digitalia.be/software/slimbox2. Fyi, all of the jQuery plugins are listed within the license file (Web-Quick-Start-License.txt) located under \wcmqs\META-INF.

These types of features are very much in the web tier and actually have nothing to do with Alfresco (with the exception of delivering the image). It will require a little JS and CSS work. To help you get up to speed, you may also want to take a look at the original template to see how the CSS and JS is used. It is available here - http://themeforest.net/item/media-consult-business-portfolio-and-blog-theme/63330

Regards, Ben.

[bremmington]

Just to add to what Ben has said, an image is a content asset so can have properties too. You may want to use the images "title" property as the caption you mention. In the "article/style1" component, that would be obtained simply with "image.title"

[fbander]

Thanks, gentlemen.  I'll have a look!