Sign in Register
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Graham Thomson 56 posts 136 karma points
    Dec 04, 2016 @ 15:14
    Graham Thomson
    0

    Image slider

    Hi

    As I'm new to Umbraco can anyone advise on a good, walked through example of how to build an image slider in Umbraco please?

    The sort of thing you see on home pages with a few looped through images and possible text overlay would be perfect!

    If there is a good tutorial that I could follow then that would be perfect.

    Thanks Graham

    Copy Link
  • Alex Skrypnyk 6182 posts 24283 karma points MVP 8x admin c-trib
    Dec 04, 2016 @ 23:08
    Alex Skrypnyk
    1

    Hi Graham,

    1. If you will use your image slider only on one page, the best way to do slider is to use Archetype at backend I think.

    Do you know Archetype?

    Archetype is an Umbraco 7 property editor that wraps other installed property editors. By wrapping the other properties, Archetype allows for custom and repeatable fieldset mashups.

    Download at - https://our.umbraco.org/projects/backoffice-extensions/archetype

    1. When Archetype is installed, next step is to create custom Datatype, look documentation how to create custom datatype - https://our.umbraco.org/documentation/getting-started/data/data-types/#creating-a-new-data-type, use Archetype as property editor and add all fields what you want for slider. For example - image(media picker), header(textstring), description(textarea)

    2. Add new datatype to the home page doctype

    3. Add content to home page Slider property

    4. Render data in razor, look how to render archetype properties at - https://gist.github.com/kgiszewski/8863822

    Hope it will help you, ask ask ask if something isn't clear.

    Thanks,

    Alex

    Copy Link
  • Graham Thomson 56 posts 136 karma points
    Dec 06, 2016 @ 22:25
    Graham Thomson
    0

    Hi Alex - thank you so much - I will give it a try!

    Best wishes

    Graham

    Copy Link
  • Alex Skrypnyk 6182 posts 24283 karma points MVP 8x admin c-trib
    Dec 06, 2016 @ 23:26
    Alex Skrypnyk
    0

    Hi Graham,

    And get back to me with a result.

    /Alex

    Copy Link
  • John Bergman 483 posts 1132 karma points
    Dec 07, 2016 @ 02:40
    John Bergman
    0

    Try this tutorial

    http://24days.in/umbraco-cms/2014/grid-macros/

    and I've seen others use it with Slick Carousel because it is easy to configure...

    http://kenwheeler.github.io/slick/

    https://github.com/kenwheeler/slick/

    Copy Link

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies