0:00
all right we're live let's see how many people over on YouTube watching Josh
0:06
how's my video coming buddy you working on it what do I owe
0:14
you damn it I hoped you would remember what what am I supposed to be
0:19
working on for you I I don't know I think it was
0:25
the SQL one was it the SQL admin or Stacks xql Stacks
0:32
right I'm going to put that onto my Tas list right now so then I don't
0:39
forget good call I got my new reminder set up here
0:46
so it's kind of nice um
0:51
SQ light Oh's coming video
1:00
so I've been getting into OBS uh I help
1:06
my my church has been doing some like Friday night
1:11
like meeting thing then they needed help live streaming it because like a lot of people can't make it to it so I helped
1:17
them set it up and I created this whole like thing with
1:23
uh with loot back and audio hijack and like an additional um USB sound card
1:29
hard because like they have a mic system that goes to a Bose speaker and then I've got that coming as an input into
1:36
the computer and then also they play videos on the on the computer so I have to have that audio come back out of the
1:42
computer back to that same speaker so it's kind of like a loop you have to be careful it's because it's like it comes
1:48
in and out the same speaker um so whatever input the mic is comes out through the like the output
1:56
but also then whatever comes from the computer goes back in the input so you have to like use audio hijack to be able to do
2:03
ducking um which is pretty crazy uh but then I've learned about
2:08
like essentially what Isaiah remember Isaiah did that uh presentation in that
2:15
uh the one year and he was using his camera as his presentation for OBS yeah
2:23
yeah that's what you're not supposed to do what you're supposed to do is in OBS you can actually right click
2:30
and set one of your displays as the projector MH and then when you go into
2:37
Zoom share that display and then OBS controls what's
2:43
being viewed on that display and then that's what's actually shared so the camera has a high like a resolution
2:50
limit so when you're sharing it to your camera that's why everything was blurry we couldn't see it because it won't give
2:56
you full resolution but if you're doing share desktop and set OBS to to present
3:02
to that desktop then you're set see you later
3:08
Scott got yeah during during the summit that's sort of what I do so I use wirecast wirecast is has a virtual
3:15
camera out yeah and um basically whatever the output is uh from you know
3:22
whatever I mix um goes out as a virtual camera then on Zoom I set that as the as
3:29
the c as the webcam basically yeah so that's so that's thing
3:34
OBS has the camera option as well but you don't get as high quality as sharing
3:42
a desktop so was really cool is we did a
3:48
um so we were using that actually funny enough I was using the MacBook Pro that I picked up so I was running a secondary
3:55
monitor beside the MacBook Pro and then I'm connected a projector the MacBook Pro so I have two displays the projector
4:03
that's in the auditorium that's what we present as the OBS primary
4:09
screen and then um we can control from the two screens we can control everything that we need and then we
4:16
would uh was actually live streaming to sessions so we'd share the projector screen on sessions and then everything
4:24
we did nice was properly controlled like and it worked really well sessions just did like a some sort of a big update I
4:30
got an email I haven't I haven't seen what they what they did did did you check out what that was uh I haven't
4:36
looked at that yet no I just got your email finally oh yeah uh people will
4:41
eventually show up it's all good the people that matter are here now
4:47
how's it going David yeah not so bad thanks I I just started to watch that because your email when you came in a
4:53
minute ago yep yeah so yep it's all good I I was a little slow to the to the
5:00
trigger this morning so yeah I I I was H like what can I do a
5:06
live stream about and then finally I was like you know what I'm just gonna do a hangout that's handy actually I'm glad
5:12
I'm glad Josh is here but I just miss Scott yeah apparently he had a visitor come in so he had to he had to Jet yeah
5:20
Sean here the middle of the night sorry Sean's here and it's not the middle of the night it's crazy for him it's only
5:27
three hours difference from here very confusing Jo I mean it's it's still
5:33
10:40 at night but you know it's not the middle of the night at least
5:41
exactly dedication dedication I love it Sean if that's all I've got me I'm
5:49
happy I end up finding this uh app on the app store called touch
5:56
portal yeah and it supports all the way back to iOS 12 and it essentially turns
6:02
your iOS device into like a stream deck oh okay so then I'm actually able
6:07
to use my iPad Mini which is like second gen and the app still runs on it and I
6:14
can do a full fully customized panels unlimited I think you can have like unlimited panel screens and up to 140
6:22
icons crammed on one screen if you wanted to cool so I and then ended up
6:29
purchasing like it has a whole bunch of add-ons like you can upgrade in the app but I end up spending like 30 bucks to
6:36
get all the things I wanted and that still like you look at your cheapest um even like the stream deck
6:42
mini is still like 70 bucks yeah yeah I bought the the bigger stream
6:48
deck well I think they have newer ones now actually the newer ones now have like more kind of like dials and buttons and stuff which looks kind of
6:54
interesting but I got the one that has like 1 two 3 4 five 6 seven eight
7:00
by four so 32 buttons and I I don't use hardly any of them like I I mean I I do
7:07
use it but it's well see what's cool is so many non-used buttons is not even funny inside of um OBS I have the move
7:17
um add-on and it's like a transition pack so or it's like a a move Source
7:24
transition so inside of your scene you can create filters and your filter would
7:30
have different positions of your sources so then like your webcam can slide back
7:35
and forth so then you can add all those as your buttons so I'm going to end up having like different boards for
7:42
different stream use cases but um yeah know I'm helping them set up their system I'm actually meeting them up
7:49
tomorrow to do a final because like we had a bit of an audio I have to solve an audio issue I I accidentally and I think
7:56
it was just because I had passed through enabled on loop back so audio that shouldn't have been getting sent through
8:01
was getting sent through but it's crazy what you can do
8:07
with Just Apps yep 100% pretty
8:12
cool just a quick question am I correct in saying that um Scott Williams
8:18
produced The Vi raart Stacks he did not that was um bill
8:30
Bill uh yeah face is it ad not Adin no
8:36
oh is that someone stack it's stackit I think it's bill adelstein um
8:42
he used to join the Hangouts all the time but he hasn't joined for a long time no it wasn't Scott um it was Bill
8:50
um and I believe his last name is Adon he runs stack hits he did the
8:55
um what's his stack set the the um the database thing thing
9:01
um oh yeah I remember he renamed it yeah I forget what he named it but yeah um so
9:07
it's not important because I was talking to Adrian the other day about something and um but I've only got I've been
9:14
starting to do some donation buttons okay and the only problem is I know
9:21
certain things are set up on the my qsl database like populating what's on the
9:27
button and off other things you can do in the stack but whatever I do I've got
9:37
the box well I've either got a nice white box with the donation bit
9:44
offset with a pound sign in it I've got the pound sign there a white bit and a donation but ah okay and I I put it in a
9:52
a no columns or nothing and it still stays the same um I I've been thinking about
10:00
eventually after cms3 launches um I may possibly do a update
10:07
to my sight lock Stacks probably a paid upgrade um although I don't know I don't know if I
10:14
should rename them or not because I you know people have been asking me for for some stuff for viber cart and I'm like
10:20
well my stack set's called sight lock should I have Viber cart stuff in it you like and still call it sight lock I
10:26
don't know um but then also uh the another thing I think would be cool is to integrate uh site lock data and Viber
10:34
cart data and that stuff into twig um and so I can make twig
10:40
extensions for Sight lock and Viber cart in total CMS so like you could use it
10:46
all together um so that could be kind of cool um you know being able to let's say
10:53
visal loock is just a like a twig statement you know like if if logged in blah you know that'd be pretty cool um
11:01
so but with that said I do I do also plan on total cms3 will have some sort of authentication system I haven't I
11:09
haven't built it yet and actually it might even that might be one of the things that I put off until after the
11:15
release since I know a lot of the initial users of total CS are going to people that have like page safe and
11:21
sight lock anyway um I found a button in um in viart where you can click a button
11:28
it uses page safe oh okay cool so I haven't tried that bit yet because I don't know how it
11:34
works nothing in the literature oh okay I didn't even know that's
11:40
cool a really good stack I think I think I think Scott worked with Adrien to get
11:47
integration for page safe to be able to unlock
11:53
um it unlocks sight lock essentially yeah I didn't even know that
12:00
you didn't know that yeah there's actually there's actually a button in there it's pretty cool yeah I only found it that's crazy so sight lock integrates
12:07
with page safe oh yeah there's a there's there's a page safe integ you didn't know this I'm sure you knew
12:13
this about this I remember I remember seeing that chat I remember seeing that chat I don't I don't remember it I'm
12:19
gonna find it right here I'm gonna show you you put the page safe thing Josh for
12:24
let me let me look at the configuration um oh I haven't ticked the box so you
12:30
tick the box and you get some other boxes open why would you want page safy if you already have sight lock though
12:35
that doesn't make any sense it um hold
12:40
on how's it going Steve long time no see
12:45
buddy yeah been dealing with some health issues oh really okay well sorry to hear
12:51
that glad you're feeling better though I know uses viart might be a to help me
12:57
with me little batom problem is that in Viber cart David or is that
13:03
in page safe I mean actually I've haven't been into I've hav't been into sight lock for ages I've been playing
13:09
with um the Vibra cart s must be VI then
13:14
yeah let me check here I log in so I found it several times which when you're
13:19
in the I'm just trying to figure out where it is now um tools I think conf
13:25
configuration
13:31
[Music] yeah so okay so so what it is Joe is
13:36
config it's in so it's in Viber cart okay and there's a setting that allows
13:41
page safe access to the dashboard so it it bypasses Viber cart's login
13:49
process oh okay so you you set what your page safe ID is so if you log in as that
13:56
page safe user you get access to cart admin oh okay so if someone buys Viber
14:03
cart and doesn't have sight lock you can get into your Viber cart admin without you don't have to have two logins you
14:08
can use page safe as a login method for viber card that's what I was going to ask because in the Viber cart you can
14:15
only set up One login apparently that's what I managed to do yeah so this will just override it
14:21
and allow you to use a page safe ID put multiple ones in brilliant because I
14:27
wanted to do do that excellent excellent yeah very cool I mean I practically have
14:32
every site I use site lock on now just because of all the email template stuff which is just so
14:40
useful so I mean that's that's one thing that's really really nice about sight
14:45
lock is that he built so much stuff around users and email templating and
14:53
um does a lot it does a lot actually well quite like because I got
14:59
to use that messaging system that daviday was showing a couple of weeks ago as well oh is that I know is that
15:07
blab or is it something different it's a site lock adding yeah it's I think it's called blab or at least it used to be
15:13
called blab yeah I do have a a stack for it um I
15:19
think a blab stack yeah just so like users can talk to each other and that
15:26
yeah yeah yeah I think it's called blab um be right yeah although I part of me
15:32
feels that it got renamed recently within the last couple of years maybe because blab was a weird word I don't
15:39
know at least everything's starting to work together yeah I love it when things
15:45
work together you know it's great um you know that's why I you know I really
15:50
strive to you know make my a lot of my my products like they're a they're very
15:55
specialty but they're they're open so that they work with with you know um so yeah um I I think I think
16:04
making your products open and integratable with other other things is powerful you know like for example like
16:12
uh Bento and feeds or feeds with anything right block grids or all that stuff I mean it's just the way you and I
16:18
didn't do anything special in those other products well I guess I I built those products so that they're open so
16:24
that they can be extended with tools like feeds or you know in the future total C 3 or actually right now with
16:30
total CS 3 um if you're using the beta um so yeah exciting oh Fades works well
16:37
with site lock and my qsl anyway so yep exactly yeah
16:44
yep good good good I just show you what this button
16:50
looks like because you might say I'll just do this but I don't I don't think it's that easy to fix somehow yeah yeah
16:56
of course you can show off let's uh let's help you out yeah yeah oh well there's your um page
17:03
safe button oh yeah look at that P loging
17:08
access to the dashboard that's cool I totally forgot that that was a thing so we go over to this
17:16
one and scroll down a bit I've asked him for some M multilingual Contents I
17:23
should have some next week excellent so this is what I'm getting at the moment
17:30
it's either that or that's the normal version and and
17:37
that's what I've been playing around with doing H wait show the the normal version
17:43
again oh uh so what is that what stack is that well that's a viart pro
17:50
button okay and and what is the text input well that's the um the
17:59
CMS there is that coming from here is just the best well we go back to number one what
18:07
you should have is like that's the pound sign up there this is the donation
18:12
amount you can actually set up Viber cart so you can actually make it a bit more or less yes yeah yeah um but yeah
18:22
it would be nice if that could be sty yeah and I exp it to be displayed screen
18:31
it still does the same why okay wait why is there different buttons sorry what was the the purpose here of the
18:36
different buttons well no this is the standard version number one is what I'm playing around with
18:44
using um like some of this this is all out of
18:51
David's um Mercury project um to try and make it look good
18:59
some swatches set up for styling the
19:05
fonts the buy a button so where is the actual input is
19:11
it the button stack like or the the donation button stack yeah this is the whole thing that's controlled in that
19:18
this here okay but but that is hold on wait wa wait so that is just a button or
19:24
is that is that also adding that number input in there for you right well this
19:29
bit is from the vibart donation one no
19:34
but that's the slide on the side that's not the back button at the bot right so this is the button uhuh so which is
19:42
talking to viart yes and then basically when you hit that
19:48
you get this bit here yes and I put that class in there to make it do that thing
19:55
with with this one yeah but but that input where it says
20:01
five the little number input is that getting added by the stack or are you adding that no that's coming from viart
20:07
oh okay I think you're using Styles pushing that are pushing that this text here comes from Viber car
20:15
yeah it all comes from see over
20:22
here I would just have a donate button and when it pops up you can then change the value in the cart in the popup
20:30
Cod yeah well that's what I wanted to do in the first place so they can put whatever donation they want please what
20:35
happens when you hit please donate what happens when you press that button all right so it pops up so in
20:42
there you can okay you have it set to I'm taking out the um the code you know the
20:49
discount code bit because we don't want that yeah at the moment it doesn't do
20:54
anything because there's no stripe set up I was just trying to can you click can you click on the five
21:01
pounds there does that change oh go back the one major downside to cart Loom
21:08
or Viber cart is its Styles yeah
21:13
um I you know I I I I do see it is very awesome that is a you know one-time
21:19
purchase e-commerce system but um I I think it could really also got it set up for only one donation so thing is you
21:28
have full access to the CSS and if you do swatches you can go crazy yeah I just
21:34
think the default Styles out of the box I I understand it's it is just full CSS and you can style the crap out of it
21:41
because like like for me because like the way I like for me I look at it this way and people in the waiting room
21:48
um like if if I look at it this way if I go on my cart like it I like that it's
21:56
simple I don't find the stylings bad at all you know if I go into add something
22:02
if I go and add something to the cart like I I I just styled the CSS and it
22:09
does looks nothing like the stock and I agree the stock is horrible um I would
22:16
call it horrible I I I'm trying to be nice here I mean oh no I just like it could it could be made better it's dated
22:23
yes there we go yes yeah I conf founded a lot of the the PSS bits for targeting
22:31
things Josh I agree with you there like the header the whatever the picture you've got there well there's actually
22:37
the stock CSS file for viber cart there is a CSS file so if you just go into this into Viber cart folder there is a
22:45
style like a CSS with all your settings in there so you can actually either a change the code directly or you swatches
22:52
The Target just to override what's in that sheet yeah I was looking at the Snippets because a lot of it's in the
22:57
Snippets to as well isn't it oh would yeah I would skip the Snippets and go straight to the
23:03
core the core um CSS file and then modify
23:09
it whereabouts is that in the Viber cart
23:14
folder oh actually actually in the folder that you put on your
23:19
server back the yeah sorry yeah yeah just right in the root of that folder
23:25
there is the um let me just figure out what it is yeah I haven't looked too much in
23:32
there because I was trying to learn a lot more about what I could do on the the Viber cart bit and what I had to do
23:39
over here so is
23:47
good I just had a thought you know earlier I said you know I might do a updated site lock stack that you know
23:53
does Viber cart and sight lock I could just rename it to vibr Stacks or something like that that way when
23:59
someone's like go get the sight lock stacks and they're like I have sight lock but you know then it might you know
24:05
resolve the confusion of people purchasing my sight lock Stacks thinking
24:10
that it comes with sight lock because it thinks sight lock is my stacks right I mean so if I have a completely different
24:16
product name which is something I wish I did when I originally did it right yeah
24:22
because even though like I've tried very hard like there's like 10 disclaimers on
24:27
the page have to buy a sight lock You Gotta Buy sight lock this does not include sight
24:33
lock I get some very angry emails when someone realizes they have to spend an extra $40 to get sight lock and I'm
24:42
like why don't you get price after that I all right I'm like did you watch the video
24:49
or read the first paragraph or the second or third did you read any of the any of the product tapate like
25:02
yeah I know Josh is about the only one who's done some nice styling on it on the cart
25:11
thing yeah maybe if I ever go down that route maybe I could do my version of how
25:16
a shopping cart be style yeah so so one thing I
25:23
think I'm talking about Josh yeah sorry I think that's really nice I love cart Loom style I think that's it's beautiful
25:30
I think you know I think that is a very nicely styled card it's so for me I
25:36
think it's it's the integration with sight loock which is integrated so so many
25:42
things oh no the power is 100% there I get it you know for me for me it's more
25:48
or less because I I want a member area of my site to log into and integrating
25:53
that sight lock for that with with C Loom would just make no sense yeah definitely I agree uh you know uh you
26:01
have to jump through holes if if it's not a totally integrated system now you know 100% I get it if it if I did not
26:08
have the members area of my site I'd probably cart Loom 100% and the other nice thing is Adrian
26:15
is very accessible yeah Adrian is a great guy uh
26:20
he has awesome support right day and five minutes later boom
26:29
well it helps you guys are in the same time zone yeah the rest of us we're like Joe messages him and it's already
26:36
his evening you won't get it till the next day yeah no no I I'm even running a custom
26:43
version of Viber cart on one of my other sites because we did a custom modification that I
26:49
needed um which I think he'll eventually update it as a
26:54
feature well I know Chris Powers he didn't and use the stacks he got Adrian
27:00
to do it all with code for him on his site cuz he never got the stacks to
27:05
work oh the Viber cart Stacks yeah yeah I have no I have no General issue with
27:13
the Viber cart Stacks there is some problems though that you have to
27:19
get around so for instance they have a configuration because of the way it is
27:25
with the stacks when you drag the the configuration to set up the Viber card on your homepage and you enter your
27:32
configuration set settings and you publish it puts the Viber cart folder inside of the index files of the
27:41
homepage and then when you first visit that page on your website it will
27:47
copy the Viber cart folder out of that there's like PHP that runs and moves it back to where it's supposed to be that's
27:54
their way of getting around the stacks publishing limitation and and then you're supposed to go back to your homepage on your
28:01
project file and delete the setup stack and then you
28:06
republish and you're good to go well there is a glitch with the stacks that
28:13
even though you remove the setup stack when you republish again it puts the Viber cart
28:19
folder again in the index files so now you have two of them you'll end up with
28:25
one in the index files and one on the homepage and no matter how many times you republish all it keeps bringing that
28:31
secondary Viber cart folder back you essentially have to delete the um the
28:37
setup stack save the project quit the project relaunch the project republish
28:43
and that damn folder won't come back and this only like escalates when you're
28:49
doing something like I'm doing with get publishing it like messes everything up
28:55
because I have Viber cart folder igned but Viber cart in the index files is not
29:01
ignored because it's in a different spot and so it it shows up and if you want it to be published then
29:07
moved it's just a Gong Show so the way I've been able to figure it out and make it work properly for me is I just spin
29:15
up map I publish locally preview the page it moves the Viber cart folder to
29:22
the spot it's supposed to be in and then um I manually move it because I have
29:28
that git ignores the Viber cart folder um and then once I I have it in the
29:34
place it needs to be I delete the stack re close the project republish all verify that that folder doesn't come
29:40
back and then I disable M and synchronize um just the Viber cart folder over transmit so it is a mess um
29:51
but the stacks are nice because it's easy to just drag the stack onto the
29:56
page um to program it I mean like I have total CMS integration with Viber cart so
30:03
it's in the post page and I put in my total CMS macros and it will
30:08
automatically pull the right product um when you're viewing that product in total CMS
30:14
so the stacks are useful the setup is painful and extra painful if you're
30:20
doing G
30:28
well anyway back to the other bit where's that file to look at for this
30:36
thing share your screen and FTP to your server or show
30:41
the viber viber cart uh folder on your Mac or something like that the one that you server what are you looking for he's
30:49
looking for the CSS file oh it's
30:55
um I'm just opening it up
31:02
it's called V it's just vcop up.
31:08
CSS they that's the popup they say
31:15
popup CSS I think I have mine kind of I've modified it in that CSS there's
31:23
a lot in there um in that CSS file and then I'm using some swatches that
31:30
I've targeted to get like the border around the like uh around the cart when
31:36
it pops up I was just about to say do you want to share some of them swatches by any
31:43
chance I have to find
31:50
them Stacks wees that are
31:56
found the building Stacks Weaver was such a long
32:01
process and two different project
32:08
files loads of stuff in here oh yeah stack other Stacks
32:16
questions we can help out there's a JavaScript [Music]
32:22
one pop up sh share your screen David yeah hold
32:31
go over there oh Bruno's on the YouTube chat he says he doesn't have VC pop up.
32:39
CSS got really yeah oh so where's the
32:45
this one is soorry found there it is yeah there's also I don't what's VC embedded if I is that is there like an
32:52
embedded version of the cart or something yeah so there's your pop-up cart there's embedded in the page cart H
33:00
um yeah here let me uh what What's the best thing to open these in uh probably
33:07
like uh code Runner or uh visual studio
33:12
if you have via yeah Visual Studio code there you go vs Cod or why do you have two instances of vs code installed in
33:18
your machine one yeah you got to delete the other one yeah I shouldn't have
33:25
to yeah let me let me show so
33:34
on yeah think you want to play with some of them but now you say you can it's
33:39
good does he have a demo oh he's got a demo to site yeah
33:46
he uh yeah so embedded cart so this is the
33:52
popup so when you add to cart that's the popup yep and then you have embedded
33:59
which would be like a cart spot that's on the page so you can go add to cart add to cart add to cart and it's
34:07
embedded into the page you know that could be nice as an off canvas you know like having your shopping cart on the oh
34:13
yeah that would be really nice actually then there's mini cart mode which I believe is like that and you go add to
34:21
cart oh look at that even has the little thing that flops up to the cart how cool that's good yeah which is really cool
34:29
need to update the shopping cart icon though and then he has a wimpy player which I've never used but allows you to
34:36
yeah it actually is like gives you media like you can have like song
34:42
previews and then and then if you I don't know if this is going to play I'm just G mute that so then you could
34:48
actually like listen to the song and then you can actually add it to cart from the player oh nice which is like
34:56
really slick cool those are the different cart
35:01
options and then there is there is a hover a cart hover I don't know he
35:08
doesn't have it on here it's like this little button that shows up on the side um I think he has it disabled okay but
35:15
there Adrian was talking about because mainly it's just a donation button and I
35:22
know um on Mercury he's got it so you got like products but I wanted to do
35:27
button where it would have different amounts you could just select the amount yeah so like let me show you um let me
35:35
show you the site here that uses inside of the Viber cart item the
35:41
product there is the ability to yeah you can add that facility where you can add
35:47
options yeah um I saw that today yeah so
35:53
let me show you
35:58
so here's an example of a membership site share screen
36:03
sharing um so in here you have the choice of choosing your your membership
36:11
so one year six months or three months so you can choose your membership level add to
36:18
cart if it shows up in cart you broke it oh it's no it's
36:24
because I'm logged in as the admin admin I have access to things I'm not
36:30
supposed to
36:43
see there you go that should work yeah there you go and yeah have limits on the cart so
36:50
you can't add more than one done that's only one item obviously yeah yeah there
36:56
was a this cart's running version because there was actually a glitch in his logic and he fixed it on this one
37:03
um because it's meant to have only allow one
37:08
product like one item but it wouldn't let you add multiple items and so we
37:15
fixed it because I think on one of the events we need to be a you have to have the ability to buy five tickets but it
37:22
would only let you buy one ticket even though it was set to have five limit there was a logic glitch um
37:30
but he fixed that yeah I think that's the way I'm going to go is just add one button and then the selection of all
37:37
the different donations that they want to have yeah and that's that's using the
37:45
button stack like fully customiz like nothing
37:50
special I did I just added an option selectable option yeah I still site
37:58
Viber cart bit that's on a Viber cart product page yeah yeah I did see that yeah I just got to get the button
38:04
working nicely so it looks pretty before I get that bit working because I don't really need a
38:11
store because it's not really a store is it it's just donation
38:16
buttons yeah same thing with like this it's they they purchase their membership on an account page or and then they can
38:23
buy tickets on um an event page
38:40
and this this this project has really good um it's really cool a lot of people
38:47
don't realize this so inside of sight lock they have these email
38:53
templates um let me just get to that page before I share here we go one of Joe's email templates into
39:02
it uh yeah it's uh a lot of people don't realize you can do that so they have
39:09
these email templates that are built in so if I go to this
39:16
template this is actually using email stacks and I put them into the the email
39:23
templates so when new users sign on they have to get approv so the the sight lock will send an email to them saying hey
39:30
like you signed up these are the next steps so the system automatically does all the emails and I just made all of
39:36
their emails with site uh with the email stacks and it works like really nicely
39:41
so if you preview this for you know admin they can show you what that email looks like with all the data in there
39:48
sexy that's beautiful beautiful system because I think that's the new user and
39:56
I think we load the new or pending user uh
40:04
pending no not pending approve that one so this is the one that comes like when
40:10
you first sign up on the website um this is the email you get and
40:15
this email has um animated givs so they're actually in the email it shows
40:22
you how to sign up and it's in the email
40:27
which is really cool very nice very slick looking uh
40:34
emails let's [Music]
40:49
see so I have a I have a question I have a something I wanna I want to build um I
40:56
don't have anything to show but uh using a total CMS I I want to create a a
41:02
button using JavaScript that will put items inject data into the CMS fields
41:10
for the user will will that work so you want to have a button that
41:18
will in formatted data into um a CMS
41:24
Fields yeah should be possible wouldn't yeah just wanted to make sure I
41:30
thought so I'm just I haven't I haven't built it yet so um if no one has any other questions
41:37
I I can we can hack it together if you want no that's all right that's all
41:43
right H okay no I'm not I I I what I want to build is a like
41:51
a a list of Articles so you know you go get the go get the URL for the
41:57
for an article you put it into a field you press the button it'll go get the uh
42:03
all the um information about it you know the publish and weather so I'll go off to a service get that put it into the
42:10
thing okay and then and then save that so um I got most of it most of the idea are
42:17
down but I'm gonna play with it all right yeah I mean every every total CS
42:23
field I mean it's just a normal form field so you just get to a get element by name yeah and then and then you know
42:29
you put in the name of whatever the total CMS form field is and then you can just do a value equals and then whatever
42:37
you want to inject and you know now the person will still have to click save to save that data but that would eject it
42:45
yeah yep yep that's all good I do have a question about um
42:51
listing phone numbers on a website um I was
42:57
I was I have a nonprofit that I do a website on dreamhost and we were
43:04
considering about putting a telephone number I was considering a screen behind another screen that if they want the
43:11
telephone number they would have to go through the screen to get that I don't know if that's even possible with
43:17
anything we have what do you mean by going through another screen to get that
43:22
well sometimes I can drop down or something like that I've seen different scenarios
43:27
of information that's laid out and I'm not really certain if it's even possible
43:34
um I would to even put the telephone number on there just put a blanket on
43:41
there um so I mean yeah I mean there is a you can put a telephone and you can
43:46
make it so if it's if a user clicks it it'll actually call them as well um so you know it that makes it very
43:53
convenient um and but I'm still unsure on what you
43:58
mean by so you want to hide the phone number initially and you only want to display it if they click through onto
44:04
something yes okay um so like I like if
44:10
you don't want to physically display the phone number you just want to have like call me now and then you click on the
44:16
button and then that would call the person is that correct that would work I would think okay so um if you're using
44:23
Foundation 6 there there's a telephone button and um I think there is isn't
44:30
there yes there's a telephone button yes um and so uh you you don't need to
44:37
display the phone number in the button okay so you could put you can make the button oops here let me share my screen
44:43
so we can see okay so um here's a telephone button
44:50
and um the button can say whatever you want you you could say you know call me now okay and then you put the telephone
44:58
number in here and whenever someone clicks on this it'll call them okay I I think that were I got
45:05
Foundation six but that's okay I look yep it says yeah I knew you had
45:11
Foundation six so that's why I recommended that um it says sandbox in the bottom
45:17
top is that just the project file you put out there uh I mean to it's just you just uh
45:25
this is just my test project that I use various things you just add the telephone button to the to the page that's it um there's really nothing else
45:32
to it just add the telephone button to the page um and then you can change the the button label so here I just said
45:40
call me right and then you change the phone number to be whatever you like okay
45:48
okay um how does that work on desktop uh so if you're on a Mac um
45:54
it'll open up FaceTime in call
46:00
um and also I think I think FaceTime on Mac now asks you if you want to call via your phone as well I think um if you're
46:09
if you have an
46:17
iPhone okay not sure what happens on Windows did anybody know have a Windows machine that they use and they've clicked a call me button I don't I don't
46:25
know what Windows does I'll be
46:31
honest me I mean this doesn't use anything uh tricky it's I mean uh
46:36
linking to a telephone number is standard HTML um so I would assume that since
46:44
it's been standard for probably 10 years now or more that a Windows machine does
46:50
do something with that information what I'm I don't know I think it displays
46:55
biia Mac [Laughter] it says go buy a Mac
47:00
[Laughter] yeah D neat one but
47:08
okay nice um okay I think if I if you go to found if
47:17
you go to the foundation Stacks demo I probably have a demo of it although although I don't have a valid telephone number I'm not putting my telephone
47:23
number on this for obvious reasons well I get speaking about that do you
47:28
have any idea why Joe the share sheet doesn't work in
47:35
Chrome uh probably because it doesn't support it only it only works on on
47:41
supported browsers so um yeah chrome doesn't
47:46
support the share
47:51
sheet so yeah funny enough I'm in Arc and I actually just clicked on that when you said that and yeah it
47:58
doesn't doesn't the worst part is is like when you when you click the link one because the one share sheet hides
48:04
automatically the left icon disappears that doesn't show at all it doesn't show at all because it's not
48:11
supported yep yeah but the button on the right side shows and when you click it it just reloads the page it reloads the
48:18
page yeah uh and I think that's just probably because I think I Ed a link button and I link to the current page uh
48:26
so yeah it does the same thing on my other site where I used a QR code with the share sheet functionality and then it
48:33
does the same thing and you click it it just
48:38
reloads so I'm thinking I'm gonna have to do stuff now that I've discovered that I'm thinking that I'm gonna need to
48:44
detect if it's a Chromium browser with agent and swap out the link for something else oh okay
48:53
yeah sorry yeah um good know I didn't know that it didn't I've never even
48:59
tested it in Chrome if he I'll show you what he's
49:06
talking about here I'll open up Safari and I'll go to Foundation stacks.com
49:13
demo go to buttons and we go to share sheets okay
49:19
you'll see that there's two demos here and if I click on this bad boy here it opens up the share sheet and if I click
49:24
on this button it opens up a share sheet right but let's go to that demo and I'm
49:29
in Arc which uses Chrome okay the Chrome uh web kit a the share button over here
49:36
just doesn't display at all and the reason for that is um I foret exactly
49:41
how I built this demo but it it knows that the share sheet isn't supported so it doesn't show it okay um but this is
49:48
just a normal link button with the the share sheet option ticked and um the
49:55
button still shows because the button still valid but it just reloads the page um so
50:03
yeah yep there unfortunately there's not much I could do um yeah because chrome
50:09
doesn't support the share sheet I don't know if that's even a possibility I don't know I know that Arc if you go up
50:15
here it it has a share sheet here but I'm assuming this is like a part of the
50:20
O and I don't know why they can't integrate it into the web page I don't know
50:28
um kind of sucks you think something like that would be
50:34
possible I don't know I mean that's just a web API so I'm
50:39
assuming that they could La they could integrate that into the OS share sheet because Safari does it um and I know
50:45
there's docs on how to do that but I can't do that it's something Chrome has to do so
50:52
anyway um but what was I was oh we were going to do telephone numbers I want to
50:57
see if there I don't think I have a telephone number example in here actually I don't so
51:04
sorry so couldn't you just make up a telephone number and see how redirects out or what oh oh you want me to show
51:12
you how it does it here I mean I I I I get that I just thought maybe you had something else that you had in mind oh
51:18
no I mean yeah you just I have no idea what that phone number is but right if I
51:27
right if I and if I click on call me it's going to do you want to open up FaceTime right and it'll it'll call that number with FaceTime and if you if you
51:35
did this on the phone it would launch the telephone app and and call you straight from the
51:40
you know but you can't see the phone number here right um another thing you can do is not many people use button
51:48
groups okay but you can use a button group as well um and in here you can add
51:53
all the various types of buttons so like you could add telephone button to hear as well and this one would be a call me
52:01
now right and want a hot massage yeah same thing
52:10
right so WhatsApp as well yep you you could do WhatsApp
52:16
WhatsApp supports some sort of linking system yeah um just put the URL I would use then a link button and then use
52:22
whatever whatsapp's URL scheme is
52:31
all right all these uh something I I did today um or
52:39
no I did yesterday sorry yesterday is uh I I created this there there's a system
52:44
called Sentry and it basically allows me to collect errors and logs um from my
52:51
application so I in total CS 3 I uh I integrated uh with this so that if
52:57
there's any application crashes or issues it'll it's kind of like a crash reporter like if you have an app and it
53:03
crashes and it says do you want to send the crash report right it's sort of similar to that where if total CMS runs
53:08
to any issues it'll it'll log the the error up here that way I can have a centralized thing um and I can fix bugs
53:18
uh without even maybe you knowing that there was a bug right so kind of
53:23
cool um so I was pretty happy that'll be in the next beta um another thing I did yesterday was I
53:30
created collection forms um and so what this is is let's
53:37
say you wanted to create a a Blog that was not named blog okay
53:43
which is a something you can't do right now easily in total cms3 um so you can just do like um I want to call this um
53:52
new blog okay and we want to say that this new blog is a Blog so we Define it
53:58
a Blog schema and then you give it a URL which is like you know um I
54:07
don't DOT toal cms. test um slash
54:15
poost okay um and then you can type in your description
54:21
whatever and yeah so that will then create a new blog that you can then
54:27
have as many blogs as you want right um so it allows you to create um new
54:32
collections um based on existing schemas or custom schemas uh I haven't built the
54:38
abil I haven't made the forms for creating custom schemas yet um but yeah this is all done it's working it's
54:44
pretty cool um if you're curious what the URL here is so you know in total CS one we
54:50
have like the blog post URL that you have to like preview the blog post page and then save that like box that no one
54:58
or half the people never do when they're new because they don't they never preview the page or something um that's
55:03
what this is basically it allows you to um when you create the collection initially you have to uh give it a or
55:10
you don't have to but um you can give it you can save a URL along with it so that this URL is used for like when you
55:17
generate site Maps or RSS feeds or um even when you're you know linking in a
55:22
in a blog list um this URL will be used if it's defined so there we
55:32
go I have a question um is it a possibility that um one of
55:41
the stacks that you have or even someone else that had um could there be a possibility to have a 3D image like of a
55:48
map say for instance someone um presses um some conditions
55:53
like I mentioned a long time ago about the puzzle map and the call to action
55:59
but this would be okay if they ask three different questions the call to action
56:07
would pop up a particular type of um map
56:13
it would be a static map it wouldn't be something on GPS that you could find but it would
56:19
go to 3D image instead of a flat image of your loc of a location um
56:26
is that something that can be done I don't know I don't have a a demonstration of
56:32
thing um can you let's see in my Google Map
56:40
stack can you do I know Google supports 3D images but I don't think you can you can force it that view by default I
56:47
don't think let's have a look I mean I have that
56:54
too uh
57:04
see well you have street view um but I don't think that's what you want right
57:09
you want like the 3D overhead yeah yeah 3D image is something say for instance I
57:15
mean the places that I'm doesn't have a lot of internet or GPS and so one way to
57:21
do is ask questions interact with the customer this is where you are this is what you want to see in a general
57:29
standpoint and not just very specific like the GPS would do but it would give you an idea where you are um and then
57:36
you can narrow it down to where you are from the map that you're given I said
57:41
ask this question ask this question then you narrow it down to oh this is where you are instead of anywhere else because
57:46
if if that stuff is shaky like in the middle of a parking structure if it's
57:52
shaky this will give you where you are from the questions you ask ask in interaction with the
58:00
customer I'm not
58:06
yeah yeah talking about parking structures that's different because I mean at that point you have like you
58:12
know what level are you on you know stuff like that I mean yeah that would be a question to ask what Lev if it's a
58:19
different color for every level and if you if you say okay what do you see it
58:25
has so question what do you see okay that narrows it down to where you are and so if what's the use case I mean
58:32
that could take I mean asking people and having them type in answers to a question that that could take time you
58:38
know well here's the thing here's the thing here's the thing the interaction to keep people engaged that's the only
58:44
way you would have to keep them engaged I would I would even say okay where are you if they're really interested in
58:50
where they are they would look it up if not they going but you know
58:56
you know if you find say for instance if you find your car well it could be in this section but if you narrow it
59:03
down you can say okay you're here instead of this entire Place well what
59:08
do you see you see blue do you see this do you see a staircase you see an
59:15
elevator and it narrows it down every time they answer a question instead of a a general statement oh so you need to be
59:22
able to like not only you can't really just use G PS of where they're at you need to like analyze the the actual
59:30
contents of a map to help them pinpoint where they are yeah I don't know how to
59:36
do that dude that's I I don't know if I don't know if that's possible there's definitely not a stack for that I don't
59:43
know if there's a a service for that I don't know I I found something similar I was talking to somebody and they said
59:50
you can do something that with I think it was Archer side Archer I mean the
59:56
problem with that is you know I mean maps are only as good as the last
1:00:02
time they were the pictures or satellite images were taken you know um
1:00:09
and Roads change buildings are painted um you know stuff like that so that is
1:00:18
uh yeah I mean something like that I I can't even see it being possible um
1:00:24
based on querying a map for that dat because the maps it they'll never be always up to date well I mean inside of
1:00:31
instruction not outside outside is a different story all together but inside where that stuff is
1:00:38
limited um you want to ask questions and narrow down where you are because
1:00:43
outside that's a different story because I see those Google and board and collecting data outside but they're not
1:00:50
going to do that inside yeah exactly yeah and so you replace the side to put
1:00:56
something inside to take its place if they're interested so it's like mold
1:01:03
navigation he said Mall navigation Mall as in as a shopping mall oh yeah
1:01:10
yeah um I've seen Google have offline maps but I have not seen that sort of uh
1:01:17
application anywhere have to walk around you might have to walk around with your phone get
1:01:23
the GPS location of every place you want and then manually do it well yeah the
1:01:30
whole idea about the asking questions is that they take the place of a GPS because the GPS might show up but it
1:01:36
might not inside of a allall yeah I know there are some technologies
1:01:42
for that but I just can't think of like they were working on indoor navigation using um Bluetooth and Wi-Fi
1:01:50
and and some other some other Technologies like I remember there was a time when you could go into Google
1:01:56
and go inside of a building or you know a mall or something like that and it would show you
1:02:01
around as well something called Beacon that would advertising that would for
1:02:09
advertising but I don't know if it if it's you can reverse that and that would
1:02:14
take um cost of devices in into account to do that
1:02:22
um again those companies that want to participate would pay for that device
1:02:29
yeah so if you're doing this for a very specific location a very specific
1:02:36
location you could um devise questions that um that had static
1:02:44
answers that you could determine someone's location like okay um you know
1:02:49
are are you uh if you look right do you see this or this right and then based on
1:02:54
that you kind of know okay okay these are the four or five locations and the next question okay now do you see this or this right so you could you could I
1:03:02
don't think getting to the level of someone typing in an actual answer I think would be difficult but maybe if
1:03:08
you were to have static answers and based on those static answers you led so
1:03:13
sort of like a Choose Your Own Adventure book right where um you know you read a page and you're like do you want this to
1:03:19
happen or this happen go to this page or this page right um so yeah then you
1:03:24
could potentially build something like that with um what's Scott's um um
1:03:30
brancher F6 brancher right where based on the answers of form Fields you could
1:03:39
take them down one branch or another right so um you could build a static
1:03:45
logic um as long as you knew the possible answers right yeah but again that entire
1:03:53
Branch or that entire tree would be I'm very specific to that particular
1:04:00
location right and if you want to know how to use that you need to look at a a
1:04:05
thing that J and Josh done a while ago because he explained how to use brancher quite well actually I think it was Chris
1:04:13
I think Chris Chris did done one with we done what you done with one with Josh and he went into a bit of brancher oh
1:04:19
yeah that's right I think that was on a live stream yeah that was a live stream and Josh Josh did it over review of
1:04:26
brancher that's right yeah that was really helpful that was yeah yeah that Chris did a Chris did a
1:04:34
he actually built a build your own adventure style web page using brancher which was kind of fun did he Chris
1:04:40
Powers Yeah he did I'm not sure I I know he I think he published
1:04:46
it I'd like to see that one I'd have to message him yeah yeah he he yeah he did
1:04:52
like it was like a whole story and based on your answers it did different things um I think he did it during the beta to
1:04:58
help Scott test it out um it was pretty cool what was that called F6 brancher
1:05:05
it's from um stacka stacks.com yeah all right I have that um but the thing that
1:05:13
Chris had done I talked to him a couple of times uh it wasn't a product he he just he created a project file um I
1:05:20
don't know if he published it uh I don't know if he has it anymore but if you if you ping him maybe he'll May he'll still
1:05:26
have it and uh [Laughter] minut are you sure it wasn't called
1:05:33
zorc yes it was yeah it was zorc that's right yes Bill remembers thank you I'm
1:05:40
not going crazy yeah it was a zor game that's what it was yeah it was like it was like the
1:05:46
game zorc and yeah okay yep oh great Joe I have a suggestion for
1:05:54
you and it's actually polite if if you like sure I want cms3 one excuse me I've been playing with the
1:06:02
total cms3 Demo that you last and something that would be helpful
1:06:09
to me and I'm sure to the rest of the world that's at my level at some point would be um a slightly more simple
1:06:17
example on the custom things like you've put things in loops and that adds yeah I
1:06:23
mean yeah I I admit that that c I need to revisit that because I've since I've made that I've um made more simple
1:06:31
Stacks so yes that demo um in my defense I I I warned that
1:06:38
custom stuff wasn't ready yet so um yeah yeah no I'm I'm just saying what
1:06:45
does work is harder for me to debug and and say okay what can I do to sort of
1:06:51
match this when I can't get a hold of the of the basic yep I will um
1:06:57
so I I've rev I've actually split beta 3 into two now um so I was going to do
1:07:04
full custom collections in beta 3 um I've split it you're going to get half
1:07:09
of it now what I just showed uh right now where you can create your own like a new blog instance creating a new
1:07:16
collection that will be beta 3 um beta 4 will then uh split out and have the the
1:07:23
actual custom collection the schema generation um the reason I'm splitting that up is
1:07:28
the the scheme of thing is going to take a little longer and I want to get this at Le this part out to you guys
1:07:33
hopefully this week actually um there something to play with while you're working on the next bit exactly so that
1:07:39
way that way I have this part done I'm gonna ship it out I'll also make sure my to-do today is to create um and fix
1:07:46
Galleries and blogs because I know that's broken so I will fix that and I have one more goodie that I want to try
1:07:52
to do that I'm not even going to splurge right now maybe on Friday if you join us Friday I'll show it off um something
1:07:59
that I uh I'm going to surprise you guys with I think you're going to really love it show the power of of what total CS can do for us
1:08:07
um so yeah uh the custom scheme is going to come in the future in beta 4 um and
1:08:14
mostly that has to do because um I I realize that something I delayed until beta 5 I have to bring it into uh this
1:08:22
to finish the custom schema so it's going to be a lot more work than um I was anticipating so um so yeah the
1:08:29
the beta 3 is going to be split so then this next one again custom collection
1:08:34
well collection creation not custom collection creation but uh collection creation um and a few
1:08:42
other bugs fixes and then we'll get custom schemas but with that said I can
1:08:47
look at the demo file and try to make um or modernize that custom collection
1:08:54
pages in the demo file to make it at least um you know using the latest
1:08:59
stacks and what I would see be usable for when we do have custom collection
1:09:05
creation okay y now what what what I'm hoping you're hearing from me is simple
1:09:11
is better so when when you put a demo thing and then you throw a a loop around it
1:09:18
yeah that just adds a another level of um data hiding that yes just makes it a
1:09:27
little bit harder to get really moving along on the very basic I mean we want to go there yep but now have you have
1:09:34
you played with um the new blog looping uh or feed looping Stacks have
1:09:40
you have you played around with those uh not as much as as just trying to make my own
1:09:46
little form that's made up of the individual objects and which ones are
1:09:51
working for me and which ones I'm having trouble with yeah you're you're trying to get that custom collection form done right well yeah a little bit but I'm not
1:09:59
trying to add anything that isn't in the Box I'm not trying to do I'm not trying to do two blogs for instance now did did
1:10:05
you did you create um well but you're trying to do a custom collection right with your own form with your own field
1:10:11
names correct um yes yes because you I I know you're
1:10:19
trying to create something that has two images correct image one and image two I did that that that that's sort of past
1:10:25
you know I'm okay with that what I'm trying to do remember we Friday we found a whole bunch of stuff that wasn't in my
1:10:31
pallet yes yeah so I'm just trying to play with some of those okay and some of
1:10:37
the very Basics are just sort of hidden uh in terms of like where does
1:10:43
post go where does ID go where does just the syntax is is hidden from me a little
1:10:49
bit because you throw that object Loop in or that form Loop in okay yep and I'm just thinking if you go way back to
1:10:56
here's how you're going to throw a text field in just a text field yep on both the post and the and the uh admin page
1:11:04
yep um so let let's let's go through the blog setup okay um and then and then
1:11:12
we'll try to relate that to the custom setup okay okay
1:11:18
um so this is a blog list okay this is the blog list page I don't know what I
1:11:24
even have does this display anything okay I do have some blog posts in here okay so it this creates this layout okay
1:11:33
um and so um I have a block grid okay and inside that block grid I have a Blog
1:11:39
Loop or a loop blog okay and all I have to do is I give it the collection that I
1:11:45
want to Loop through which is my blog okay all these others are all these other settings are just little uh things
1:11:51
that you can copy paste to make your life a little bit easier okay these are just sample macros okay now um inside
1:11:59
the blog Loop okay um it creates an instance of this block grid cell for
1:12:06
each instance of the blog okay um so um inside this block
1:12:12
grid cell here let's uh here let's do we'll do a side by side
1:12:24
here there we go all right cool there we go look at that we can get fancy
1:12:30
here right here we can turn you can turn that off all right so
1:12:36
um this overall block grid is the entire block grid um this looping through and
1:12:42
it's creating a block grid cell for each blog post so it's going to each of these block grid cells is a blog post okay um
1:12:50
now uh let's look at inside this so here we have the object link
1:12:55
stack okay this allows you to um easily create a link to the object
1:13:02
page okay um so in this case if I click on these uh the read more button right
1:13:09
uh or uh the the the image up here it will link to that blog post page okay um
1:13:18
and so this is really easy this is this makes it a lot easier than what we had before before you had to create your own link stack and then you had to link to
1:13:24
the ID and all that okay um and this will actually be even easier in the
1:13:30
next version uh in the next beta because uh here you have to link to the page and
1:13:36
while I'll have that as an option by default it'll just link to whatever you uh is the saved link for that collection
1:13:43
okay so it'll even be easier in the next version okay um but here you give it um
1:13:48
what is the object ID and here um the object ID is a variable so it's post. ID
1:13:55
okay and we know that if you if you don't know how you found that out it's right here right post.
1:14:00
ID okay um and post. ID is actually the default value here because that's most
1:14:07
likely going to be what it is okay um and because uh Bill if you didn't know
1:14:13
this uh loop um remember in the normal loop stack actually if we go into sorry
1:14:19
if I'm this might confuse anyone else if we go to a normal loop stack you had to like create what the variable is
1:14:25
right so here it could be object or post or whatever you wanted it to be okay um
1:14:31
let me put that back so it's the same as it was before right um these these new
1:14:37
uh loop Stacks that I created okay it just default to post you can't even
1:14:43
change it it's going to be post you have no choice right um so that way I know it's always going to be post. ID post
1:14:50
author post. categories post. content blah blah blah blah blah right so that I
1:14:55
know that um every instance of this is always going to be post ID is the ID um
1:15:01
and so on and so forth so okay getting back to it so we have the ID all I do is I link to my blog post page okay which
1:15:08
you just use the link tool and browse to the actual post page uh and then you can Define where
1:15:13
you want it current window is going to be the default okay and that's it really it so really you just need to set the
1:15:20
the link and you set your ID and the ID is the default value of this is most likely going to be what you want okay
1:15:27
now uh and then we have the image stack which I think you've played around with enough um and hopefully the the new Ed
1:15:34
variable settings here are I think I think it they're awesome I like how they are I don't think we're going to change it from this because I think it's very
1:15:39
usable okay so we Define uh the ID is post. ID and then we have the collection
1:15:45
of blog property image and this will bring in as you see over here these are the images for these blog
1:15:52
posts and then below this we just have our header we I just have a header stack and I just if I want the title I just
1:15:58
put post. tile and in the header down here I want the date um and if you look
1:16:04
in here we I just copied and paste these examples directly from here so uh this is post. dat and then we want to format
1:16:11
it a particular way so we can pass it the format that we want the date to be
1:16:16
in um and then U below that I want to Output my my summary okay so um and we
1:16:23
do that and again this uh macro here is copy and pastable directly from the blog loop
1:16:29
stack okay and then I have a uh a container is and then a button now this
1:16:34
is an object button okay so you don't even need to use a button stack and then need to know how to link and all that
1:16:41
stuff um so this object button is very is exactly the same as the object link
1:16:46
um where you just give it a uh the ID uh again the the default value here of post. ID is most likely going to be what
1:16:53
it should be um you can give it the link to the page just as we did um in the object link stack um and then you give
1:16:59
it a button label obviously um so uh and that is kind of how things
1:17:07
will work in blog right um any questions there looks
1:17:14
good okay um now on the blog post
1:17:19
page okay so this is the page that loads all of the data so when I click on one of the
1:17:25
right it takes me to uh that particular page okay um for that blog post now in
1:17:32
here what I need to do is I need to load the object okay so I use um the object
1:17:38
loaded stack or the object sorry the object stack and you say what collection is
1:17:45
getting loaded um and then you give it a variable name okay
1:17:51
um it's possible that I I could create something that is similar to that just
1:17:56
default names the variable for you um but you could just keep the the default which actually I think the default is
1:18:03
object okay but um and then down here uh same thing for the image we just load in
1:18:09
the image we give it the ID which is post. ID and it's post because we gave it we said the variable name was going
1:18:15
to be post here okay um and then uh you know it is from The Collection blog and
1:18:21
the property is image and that's the image that will get loaded which is over here um and then same thing down here if
1:18:28
I want to load the title the date now here I'm loading the content instead of the summary because the content is
1:18:34
available on the blog post page but it's not in the blog list right um because
1:18:39
not everything is available in the um collection
1:18:45
index um and then yeah um so pretty much the same thing uh we're not Lo here
1:18:51
we're not looping right here we're just um loading in a specific object and
1:18:56
assigning it explicitly to a variable called post and I can then uh access all
1:19:01
the data through the same exact macros as we did on the list
1:19:07
page any questions there yeah a little one that's probably off topic but on that particular page where you put the
1:19:14
word Post in is that something that you could if you wanted to go off the beaten
1:19:21
path change it to Fred and if you did it in every instance it would work yeah yep you could do stamp and then here but now
1:19:27
here you would have to do you know you'd have to reference the ID here is now stamp. ID okay right um so you'd have to
1:19:35
make sure that you know and then here would be stamp. tile stamp. dat right here here I'm giving you a a Blog so it
1:19:41
the the the term post makes sense right um but for uh for you uh you would use
1:19:49
you know stamp or whatever your you know your n clature is sure so because that's
1:19:56
a single instance we don't have to worry about it exactly we don't need to worry about
1:20:02
uh you know um oh and Al I do have to say that uh it is important that you do this load from URL okay because and the
1:20:09
reason you do this is because the um the ID is loaded from the
1:20:15
URL okay okay so and if we look at this over here we see that we have the ID
1:20:22
okay is loaded via the URL here that was one that on the read more
1:20:28
button uh yes correct yeah
1:20:35
okay okay it's fun um so I I could go
1:20:40
over this to show you how I would potentially change things um so here we
1:20:47
have the normal Loop um stack
1:20:53
now be honest we'll probably have to keep for custom collections you'll have to use the loop because I don't know a
1:20:59
lot about what your data is so I don't you know but it's not it's not too difficult right you would have you would
1:21:05
put in your um here I'm just going to do stamps collection okay because I'm I know you're going to use stamps and and
1:21:11
your Loop through instead of you're just going to and oops you're going to name it each each instance will be called a
1:21:18
stamp okay um so we're going to Loop through um all of our all the the
1:21:24
objects inside the stamps collection and then we're going to uh inside each Loop
1:21:31
call it give it the stamp um variable right so what that means here um now I
1:21:39
could instead of this link container I would then
1:21:45
use the object link stack which is in
1:21:51
the content helpers I think yeah so I would use object link
1:21:57
okay um so object link and then uh here I would do um it would we're using stamp
1:22:04
not post so here would be stamp. ID right and then I would link to um
1:22:14
my uh oh well this one doesn't have a a page I yeah um you would then link to
1:22:21
your your individual object page I don't have one created in this demo file yet
1:22:26
okay um but you would do that you would link just like you would link the blog okay and then here then you would add in
1:22:33
your you know your content here so I would add the image inside the object link um and then this would obviously be
1:22:38
instead of object. ID it would be stamp. ID um oh and we need to change this we
1:22:44
need to get rid of this because I fixed this stack right um and we variables are
1:22:50
used in the object so now that will bring in our I'm sorry and the collection was stamps oh
1:22:58
yes correct okay stamps yeah um and property is I'll keep it as image but
1:23:03
you know you could you could name the property something other than image okay right
1:23:11
um and then like I oh here then I had both of them inside a building container
1:23:17
so then here you instead of object. name you would do stamp. name
1:23:30
does that make sense a lot of sense Joe that'll give me some uh stuff to wrestle with between now and Friday cool so yeah
1:23:36
I mean that this object link stack I think is a big help because that link container well it's possible um this
1:23:43
object link stack makes it much easier yeah okay I haven't played with that
1:23:49
cool um and like I said before um this form stack can be completely gone on now
1:23:55
um it's factory right if you if you really wanted that um you you could add in a
1:24:02
factory stack um and then You' give it your collection um how many you wanted to generate would you click the button
1:24:09
and there we go yeah I'm G to have to play with the
1:24:16
factory stack because I haven't been able to make it work yet but I think it's my setup I don't think it's it's its functionality at all okay um yeah I
1:24:24
I I haven't tested it with custom collection but it should work um I it does work with blog and and feed uh
1:24:31
right now um so yeah the other thing I was doing is the stuff at the bottom
1:24:37
there's some some twig uh variables at the bottom of your uh total cms3 OB
1:24:44
Stacks yes uh in in the black area here near the bottom and the black area oh
1:24:51
these down here uh no over to the left just CL you just closed the library
1:24:57
I'm sorry it's in the library it's in the library got it sorry okay yeah so I was trying to do some of those
1:25:02
conditionals uh yeah the conditional one okay yeah and what I'm managing at this
1:25:08
point is to make it not work like if I put in a else logic I'm getting exactly
1:25:14
what I expect when my question is wrong so so I can't figure out yet how
1:25:20
to make the question right which brings me back to my original um some simple stuff like what what is a
1:25:29
valid question for me to be asking there that I can get a yes answer to see the sure you know so something I mean I I
1:25:35
made this quite Advanced where You' put in you know you have to put in the correct syntax here right oh absolutely
1:25:42
yeah um but I mean I I changed it to not equal and and and I get what I want like I I know that I'm asking the wrong
1:25:49
question and I'm getting the right answer to the wrong question got it okay yep
1:25:55
um so yeah uh with this probably one thing I would like to do is um maybe
1:26:01
come up with a find out what people want the most in a conditional and then maybe
1:26:08
make a more userfriendly uh version of that for the simple situations that
1:26:13
people want most of the time okay but um I do like this stack and I'm not going
1:26:20
to remove it because I think it's it's powerful um yeah um but yeah I'd have to know your
1:26:28
specific condition to help you I was just playing with an AB switch that was
1:26:34
like I was trying to do something like you know if this field is empty then there's nothing here else there is
1:26:39
something here and here it is okay you know I I was just doing some simple logic stuff to get a feel for yep what's
1:26:45
kind of cool is uh if we go to The Twig docs we go to if Okay um
1:26:55
there is a bunch of now if you just want to do if a field is empty okay let's say like
1:27:04
um I'm just going to do object. text okay and let's say um if if it has if it
1:27:11
has content or if it doesn't have content you could just have just that so basically what this will do is um here
1:27:18
[Music] uh just put in like uhop I wanted
1:27:25
pink pink here it
1:27:40
is right okay um so in this case on this
1:27:46
um this won't work in my project right now but um just as an example um
1:27:51
basically I could just say if object text and what what that does by itself
1:27:58
it checks whether or not it's empty or has some content in it right so if this
1:28:04
is empty um then basically um it will go
1:28:09
to the else rule but if it has content it will just display has
1:28:14
content all right you can even do like has content and then um object. text
1:28:25
okay so display it if it's not empty yeah exactly so um Now by by default um
1:28:33
if something is empty and you put a macro it just has empty anyway but uh in
1:28:38
this case let's say um if it has content I want to you know um you know put this
1:28:44
with I don't know some other content underneath it I don't know right um yeah
1:28:49
uh but maybe and then in the else rule maybe you don't want to header because you don't want to have an empty header
1:28:55
on the page maybe at that point you want to have um maybe you make this a paragraph instead okay and then you just
1:29:02
say um you know sorry buddy you know something like that you know um so yeah
1:29:11
you know if there is content then we can display in a header else just you know have a paragraph instead that says sorry
1:29:20
buddy all right um but the if the if documentation on The
1:29:26
Twig uh site um is pretty decent it shows quite a few examples okay and also
1:29:32
um it kind of gives you a little notes on how things are evaluated to be true or false right so if you see here empty
1:29:39
string so if object. text is an empty string um that results into a false um
1:29:47
you know evaluation right now conversely if you
1:29:53
have a if you if you have a string that is zero okay so let's say object. text
1:30:00
contains the string of just zero that's the only thing it contains that will
1:30:05
actually also evaluate to false okay so a little Edge case to be
1:30:12
so not only not all not just empty strings but the string of zero will be
1:30:17
also be false okay so it's basically doing a cast to the Boolean isn't it correct
1:30:27
okay yeah what I was trying to do was to um sort of inquire about some of the
1:30:34
uh other elements in in the in the blog list or in in in on the page I was
1:30:41
building so I didn't have to you know I knew what should make it false or should
1:30:47
make it true except that I couldn't couldn't grab a hold of now you can
1:30:52
let's say you wanted to explicitly test for empty because maybe zero is a possible valid value you could do if fu
1:31:01
is empty right right so so you could do stuff like that so in here I could do
1:31:06
object test object. text is empty okay
1:31:12
and at that point zero would evaluate to true because you know um at that point
1:31:18
zero is not empty that sense evaluate oh no I'm
1:31:23
sorry it would evaluate to false my bad good good yeah you could also I believe you could also do is not empty as well
1:31:31
right yeah well I was just doing the the typical C++ conditionals with equal sign
1:31:37
and and double equal sign and a okay exclamation mark equal sign and I was trying to access one of the fields and
1:31:44
have have a comparison to a literal in
1:31:49
it stamp or was stamp you know yeah double it's double equals and then
1:31:55
inside quotes you would be you know uh my example or whatever right um so at
1:32:01
that case this would be you know explicitly the now object. test it needs to be exactly my example yes it can't be
1:32:10
Capital M's right it can't be anything like that it needs to be exactly that y
1:32:20
yeah that's wonderful Joe thank you very much no problem
1:32:25
Joe yes I don't know if you've ever used the
1:32:30
progressive web apps where you able to export another type of file I understand
1:32:37
that Progressive web apps because it does a number of different things as I've studied um and you can view a a
1:32:45
website that's offline but can it can the one that you have produce a file
1:32:51
that I can place someplace else other than on a phone or or on a desktop I'll
1:32:57
give you an example say for instance if I wanted to make a mobile app um I know
1:33:04
that um I know that some of the uh apps can be used on mobile because
1:33:11
they shape for the display but if I if if there's a way to make a different
1:33:16
type of file that say for instance I could use a file output that I could put in a mobile app that I could develop
1:33:24
into an app that you could push up to the app app stor as a progressive web app are you familiar of how that file
1:33:31
would be um I I don't know
1:33:37
um so I my stack just uses the progressive web app features that are
1:33:42
built into browsers okay so that um now
1:33:49
I I I do not know all the ins and outs of what you would need to do to to make
1:33:55
that then publishable to an app store um I know for Apple you would have to
1:34:02
have xcode and then you'd have to actually I mean it's more than just you know I have a website that's a pwa let
1:34:08
me push it to the App Store um there's a lot more involved in that um a lot more
1:34:14
um and I don't know the ins and out ins and outside it's something that I would love to uh eventually do or learn how to
1:34:21
do um but you know my to-do list is so long I I don't know if or if I'll ever
1:34:27
get around to it or when I will um and uh I believe it it potentially might be
1:34:33
easier on an Android um to get in the App Store but again I I don't know the details for that yeah I think Android
1:34:39
you can get an app on there quick with apple it takes months for them to allow it yes test
1:34:48
yeah but but it also sounded like you wanted to use something like what's behind like ever note Evernote uses I
1:34:55
can't remember what the framework name is but it's it's basically just HTML CSS
1:35:00
and and other stuff and yeah a lot of apps on the App Store are just pure HTML and CSS yeah right so that's how you
1:35:08
would you would do what you're looking for you gota go find the framework and I forget what it's called yeah there's a bunch of them out
1:35:16
there hey I was looking at your your video for audio Pro your new video and
1:35:24
uh so I haven't bought it or anything but I noticed that when you choose what type of audio you're playing yes uh the
1:35:31
label says image oh it does oops
1:35:38
thanks you times I looked at that totally overlooked that [Laughter] one you look at something over and over
1:35:45
again and it's easier to miss some else find it yeah I mean a lot of times when I start
1:35:51
from a setting I just like oh I know this setting that I had in this other stack is similar I just copy paste it and modify the
1:35:57
values thanks just just a quick one Joe because
1:36:04
I know it's not a Friday or anything on David a speak project now in normal
1:36:13
CMS I know like I've got a my one and another one I can find everything you know like
1:36:20
where you do the um pretty URLs and everything on his one I can't even see
1:36:32
that wait so on his in his project he doesn't have pretty URLs set up in the CMS core on the admin or it I just can't
1:36:40
find it it just oh you can't find it to set the pretty URLs yeah I can't I just
1:36:47
I've done every little tick box just can't find every other thing I've used it's
1:36:54
there yeah got a list of things I was going to ask you Frid I just remembered yeah um that particular I've
1:37:02
never I don't have that project but I don't think I have that project yeah I'll show you it it's I've got it up on
1:37:07
the screen see now that that's the uh the CMS core for the that's the
1:37:15
um yeah that's the the content side right yep so and then if we go to the
1:37:23
admin one which is over
1:37:30
here oh well yeah there's the admin core yeah I see now now the pretty URLs
1:37:37
though is set on the blog post
1:37:43
stack ah yeah I was looking at the blog not the blog post good point yeah yes so
1:37:51
uh probably under content maybe there blog post up up up up up the first stack
1:37:57
in there oh yeah there you go and then pretty URL it's set to default so then
1:38:03
you would need to set that to be pretty and then and then preview the page and do all that stuff you need to do to set up pretty URLs yeah I knew I was looking
1:38:11
I know I was just looking in the wrong place yeah I got all that agent Lang stuff my head
1:38:17
[Laughter] been yeah so I I like how I set this up
1:38:23
for uh in CS 3 I think that whole process is going to be easier um um so
1:38:30
yeah cool well guys anything else I know we've gone almost two hours now time
1:38:36
flies we having fun right um any other questions I'm happy to uh stay on and
1:38:41
help anybody else else we'll call it today I'm gonna go and play with what Josh said that um CSS thing
1:38:50
cool just one tiny little question Joe sure and this is not a trick it's and I
1:38:55
can't find it but somewhere I saw when you click on the show blog macros yeah
1:39:01
am I right that you should never see a set of curly braces like open Clos curly
1:39:07
brace with nothing in it
1:39:15
um I don't know if if that would be valid or not I mean in my stuff I I don't think I I would Oh you mean like
1:39:22
when you're doing the macro stuff no I'm I'm just um you know whatever you're
1:39:28
doing anytime I as you know I like to have that macro on all the time just so
1:39:34
I'm seeing excuse me what I'm seeing and if I had that on and I came to a
1:39:39
situation where one of the parameters was Curly bra open curly ba
1:39:46
brace closed with nothing inside it I'm assuming there's a problem yeah I I would think so okay
1:39:53
yeah I'll dig I'll dig further but I just I just wanted that reference thank you no
1:40:00
problem excellent well guys I think we'll call it a day thanks Joe thank you guys have a
1:40:07
good week see you Friday take care see you guys Friday bye bye bye see I'll see
1:40:13
you tomorrow Joe uh Sean yeah