Transcript

00:05 hey everybody Joe workman here and today
00:08 I'm really excited because I'm releasing
00:13 something that is gonna be a free update
00:16 to total CMS and impact users and it's
00:19 an integration between the two products
00:22 and I am really excited about this
00:25 because it really shows the power of
00:27 what total CMS can do for us and how it
00:30 can help us build a platform for other
00:33 stacks and how we can really leverage
00:36 online managed content to the fullest
00:40 right
00:41 I mean prepared to be blown away cuz
00:43 this is I mean I'm still flabbergasted
00:45 that this is so cool and possible so
00:49 let's jump in and look at it so here we
00:52 have a space that has impact that is a
00:56 full scaled slideshow but what's really
01:01 cool is that all of the images and all
01:04 of the text that is overlaid on those
01:06 images is 100% managed by a total CMS
01:11 gallery and this just boggles my mind
01:15 and if this isn't cool enough if we
01:18 scroll down we'll see that we have
01:19 another instance of impact on this page
01:22 and this instance of impact isn't
01:26 managed by a gallery but it's managed by
01:29 a total CMS feed impact is actually
01:35 going and getting the featured image
01:37 from a post and then overlaying the text
01:40 for that post on top of it I mean this
01:44 really gives us a such an elegant way of
01:47 displaying our content that is inside
01:50 the CMS it really breaks down the walls
01:54 of of the limitations that the CMS does
01:57 ship with right I mean this I think that
02:00 the feed displays in the galleries that
02:02 ship with the CMS are awesome but the
02:04 fact that we can take that data and use
02:09 other third-party stacks to leverage it
02:12 is very very
02:14 and this really couldn't be any easier
02:17 to use let's jump into edit mode and see
02:20 how easy this was so here in edit mode I
02:24 have two instances of the impact stack
02:26 now this has all of the default settings
02:29 I'm not gonna review this go ahead and
02:31 check out the impact videos for more
02:33 information on impact but when you have
02:38 total CMS installed and impact installed
02:43 when you click on the plus button for
02:46 impact you will see a new slide option
02:50 when total CMS is installed again if you
02:54 don't have total CMS installed you will
02:56 not see this option so if you have total
03:00 CMS installed you will see a total CMS
03:03 impact slide option and that is exactly
03:07 what we have shown here and let's look
03:10 at the settings so here for the total
03:13 CMS impact slide you'll see that we have
03:16 a source and you can choose gallery or
03:18 feed you then define the CMS ID for that
03:22 gallery or feed okay then you define a
03:26 maximum number of items so how many
03:28 items do you want to pull in from that
03:30 gallery or feed and then the sorting do
03:34 you want to get the four newest the four
03:37 oldest or shuffle so basically get four
03:40 random items from the feed or gallery
03:44 now the content by default is set to
03:47 none and when you set your content to
03:49 none this will not display any text on
03:53 top of the images you will get just an
03:56 impact slider with the images now four
04:03 galleries it's probably best if you
04:05 choose headings or a paragraph because
04:08 what happens is it will use the alt tag
04:11 for an image and then it will display
04:14 that alt tag as a header or whatever
04:16 you've defined here okay now if you want
04:19 to type in markdown into your alt tags
04:21 you can do that and then you can
04:24 actually use your content as markdown
04:27 and that's very powerful as well now
04:30 when you choose thumb on mobile what
04:33 this will do is it will actually use the
04:35 dynamically generated thumbnails that
04:37 the CMS creates and use those images on
04:41 mobile devices this allows us to really
04:45 optimize our sites for mobile because it
04:49 will actually use this smaller generated
04:51 thumbnails on mobile devices now if
04:56 we've defined a content to be displayed
04:58 all the settings inside foreground
05:01 content allow us to style that content
05:04 so in the style we have default okay
05:08 which is going to inherit from the theme
05:09 and then we have alternate and swatches
05:12 which are all foundation site style
05:15 settings so you're gonna need foundation
05:17 for these okay if you want to use these
05:19 styles now if you choose custom you can
05:22 then define the exact color that you
05:24 want for your content okay then we have
05:29 alignment so your text alignment um
05:32 content do you want to customize the
05:34 font size or do you want to actually
05:37 also have a container around your
05:39 content so do we can actually have a box
05:42 with a background color and padding and
05:45 so on and so forth and then further down
05:49 here this is where you define the actual
05:51 alignment and these alignment settings
05:54 are exactly what you see and use inside
05:57 the existing impact image slides now
06:03 there's something really cool actually
06:04 and we'll look at that with this feed if
06:09 we notice in this impact stack I set the
06:11 total CMS impact slide to be a feed and
06:13 then I set the container and if you
06:16 remember that container was used and it
06:19 was set to be the entire right-hand side
06:22 of the container now you feel notice
06:26 here I have fill mode set to mobile and
06:28 let's see you exactly what that does
06:31 you'll notice that on tablet and desktop
06:34 okay I have my content and it's taking
06:37 up a maximum width of 500 pixels okay
06:40 but as I shrink down to mobile size what
06:44 you'll notice is the content fills the
06:47 entire container this allows us to
06:52 really you know display our content
06:54 properly so that it's not squished on
06:56 mobile and you could turn on fill mode
06:59 for tablet and desktop as well so that
07:02 integration is really powerful right I
07:04 mean this makes me really excited
07:06 because as I said before it really
07:08 illustrates how total CMS is really a
07:11 platform that we can tie into with other
07:14 stacks an impact is beautiful it gives
07:18 us some really amazing layouts so if you
07:22 don't have impact and using total CMS
07:24 maybe you can use impact to you know
07:27 have a different way of displaying your
07:28 galleries or just for a way of
07:30 displaying your feeds right I mean it's
07:33 very exciting how we can take content
07:36 that is managed by the CMS and really
07:38 just make it beautifully integrated into
07:41 another stack I'm really excited about
07:45 this I can't wait to see how you use it
07:47 and how it really makes your websites
07:49 beautiful because I know it's going to
07:51 because impact is stellar and the way we
07:54 manage content with total CMS is awesome
07:57 right
07:58 so it's stellar awesome anyway I hope
08:03 you enjoyed this integration it's
08:05 awesome um I'm I'm still blown away by
08:08 it I think it's just the bee's knees so
08:10 take care everybody I hope you like it
08:12 and go forth and make your websites
08:14 great bike"}]