Forum Discussion

DocuMarc's avatar
DocuMarc
Expert
11 years ago

Front Page Slider

Hello Everyone, 

 

 

I am the CM and  fairly new to development but I am really starting to enjoy playing around in studio. 

 

Does anyone have any experience putting in a sliding banner on the front page- similar to https://www.en.adwords-community.com/

What is the high level process and features I would use in studio. 

Slowly getting through all the documentation. 

 

Thanks for the help. 

Marc

 

  • SeanA's avatar
    SeanA
    Lithium Alumni (Retired)

    Awesome! The high level process would be to:

     

    1. include the javascript and associated components (usually css) that provide the "carousel" widget into the lithium pages. you can do this in the hitbox area and reference those resources externally or you can upload the js and css as assets
    2. create a custom component that "instantiates" the carousel widget along with the list of images you want it to show. this is where some magic can happen as you can use freemarker to implement logic to dynamically generate that list of images.
    3. place the component on your page[s]
    4. sit back and enjoy your awesomeness ;)
    • DocuMarc's avatar
      DocuMarc
      Expert

      Hi SeanA 

       

      I am finally comfortalble with the basic dev language and was wondering if you can still carve out time for an example....

      Any help is mucho appreciated. 

       

       

      Thanks

      Marc

       

       

    • DocuMarc's avatar
      DocuMarc
      Expert
      Thanks for the pointers. Time to dive in.
      Any helpful documentation you would recommend?
      • SuzieH's avatar
        SuzieH
        Khoros Alumni (Retired)

        I'm sure SeanA will be able to provide some nice examples for you. In the meantime, this article points to several overview knowledge base articles and tutorials about custom components.