Adding Featured Content Slider

4 posts from 2 voices

• Started 2 years ago by biospa
• Latest reply from biospa
• This topic is not a support question

Tags:

No tags yet.

1. 

   biospa
   Member

   Can you recommend a way to add a Featured Content Slider at the top of Category pages? The idea is to have 3 or 4 featured blog posts that are always featured at the top of the page when readers click on a given category, along with thumbnails. New posts would then appear below this slider.

   Also, a way to adjust the text size of the current slider text or slide title?

   Thanks!

   Posted 2 years ago #
2. 

   James Morrison
   Former Team Member

   Hey,

   You can use the Template Builder to create a custom page template to display your Slideshow followed by your Blog. You would need to then create a page and assign the newly created template. You could then, using the Menu Manager create a navigation menu using these pages instead of traditional catgegory archive pages.

   So step by step:

   1.) Using the Template Builder (under the upScale menu), create a new page template similar to this: http://www.cl.ly/3L1N2l0V3M3i200B2X3k
   2.) Select your categories to display under the Blog options drop down.
   3.) Create a new page and select the template you just created in the right column.
   4.) Publish!
   5.) Add the new page to your navigation menu wherever you'd like it to appear.

   For the text size, you can change it by adjusting the CSS to suit your needs. The headings text size are controlled by this code:

   .slideshow_container_featured .slideshow_welcome_title {
       font-size: 20px;
       text-align: justify;
   }

   and the main text area size is controlled by this code:

   .slideshow_container_featured .slideshow_welcome_text {
       font-size: 12px;
       text-align: justify;
   }

   Add this code to /css/custom.css:

   .slideshow_container_featured .slideshow_welcome_title { font-size: 20px; }
   .slideshow_container_featured .slideshow_welcome_text { font-size: 12px; }

   then adjust the text size as required.

   Hope this helps!

   James

   Posted 2 years ago #
3. 

   biospa
   Member

   A couple of questions...

   I can see how this would work to put a content slider at the top of the general blog, however how would I construct this so a different slider could be put at the top of each different CATEGORY. I don't see a way to assign a custom template to each category...

   For example if I have a category (LIFESTYLE), then when someone clicks on that category then I have a custom slider showing 3 or 4 featured lifestyle posts, followed by the blog with all posts that have a lifestyle category.

   Then when someone clicks on another category, say (BEAUTY), then there is a different slider with a few chosen beauty posts followed by all the blog posts tagged with the beauty category.

   Also, the text code worked great for sliders with small image and text on the side, however it made no change with full size images that contain slide title and text...

   Thanks for the great support!

   :) Brian

   Posted 2 years ago #
4. 

   biospa
   Member

   After some work I figured out that I can create a PAGE for each category, create a custom template with a content slider for each page, and then link navigation links to each page instead of linking to categories.

   The only problem is that the <!--more--> html does not work now in blogs that are on my pages. The entire post for each article is showing, even though the <!--more--> tag is placed in each article.

   Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.