►
From YouTube: TTEOT Training Video - S1E1 - jQuery: CART Enhancement
Description
In this thrilling video, George and Christopher walk you through the jQuery needed to make the "CART" shelving location more visible in the OPAC and the staff client.
Referenced code: https://wiki.koha-community.org/wiki/JQuery_Library#Enhance_CART_shelving_location_on_details_page
Music: https://www.bensound.com
A
Hello,
everybody-
I
am
george
williams.
I
am
the
next
search
catalog
coordinator
for
northeast
kansas
library
system,
and
this
is
video
number
one
in
a
series
of
videos
that
koha
us
is
gonna.
Try
to
start
doing
we're
gonna,
try
to
shoot
for
every
other
thursday
and
we're
gonna
try
and
do
deeper
dives
than
other
training.
Videos
do
and
get
into
some
how-to.
B
A
So
we
talked
about
doing
this
for
a
while,
and
so
we're
just
going
to
try
every
other
thursday
to
do
a
training
video
to
go
more
in
depth
into
something
that
you
can
do
in
your
own
library
and
the
first
episode
here.
You
know
one
of
the
things
that
we
turned
on
at
next
search.
Catalog,
as
we
came
out
of
the
coronavirus
shutdown,
is
the
carte
shelving
location.
So
this
is
the
feature
in
kaha.
A
The
changes
in
item's
shelving
location
to
cart.
When
you
check
when
you
check
an
item
in
and
it
has
a
cron
job
that
runs
with
it,
called
cart
to
shelf
dot,
pl
that
takes
that
card,
shelving
location
and
changes
it
back
to
its
to
the
item's
normal
shelving
location
x,
number
of
hours
after
the
item's
been
checked
in
so
here
here
is
a
picture.
B
A
It
we
started
in
may
when
we
came
back
from
the
shutdown
and
we
called
the
we
described.
The
cart
feature
as
recently
returned.
That's
the
way
it
appears
in
the
catalog,
because
it's
an
authorized
value
so
the
code,
the
shelving
location
code,
is
cart,
but
you
can
make
the
description
anything
you
want
it
to
be.
A
Yeah,
it's
you
know,
we
didn't
want
to
say
quarantine
because
that's
kind
of
what
we're
using
it
for
you
know
with
the
data
from
the
imls
and
patel
labs
and
the
study
they're
doing
says
that
items
should
be
the
virus
should
have
you
know
so
far.
You
know
they're
at
the
second
phase
of
this
patel
test
and
they
say
that
items
after
96
hours
if
they're
stacked
together
the
virus
should
be
gone,
so
we've
got
it
actually
set
for
120
hours.
A
So
an
item
gets
checked
in
and
the
shelving
location
changes
to
recently
returned
and
then
five
days
later
it
goes
back
to
whatever
it
is,
and
that
gives
library
staff
four
days
to
have
it
in
their
quarantine
area
and
then
another
day
to
get
it
back
on
the
shelf.
So
what
it
does
really
is.
It
helps
the
library
staff.
When
somebody
goes
hey
where's
this
book,
they
can
look
in
the
catalog
and
it
says
recently
returned.
That
means
it
could
be
in
this
quarantine,
pile
or
it
could
be.
A
Now,
I'm
not
going
to
show
you
how
to
set
this
up,
because
bywater
has
already
done
a
free
tutorial
on
their
website
called
using
cart
to
shelf
andrew
set
that
up
and
the
website,
for
that
is
right
up
there
on
the
screen
at
bywatersolutions.com
education
using
card
to
shelf.
So
I'm
not
going
to
explain
how
to
set
it
up.
But
what
I'm
going
to
talk
about
is
how
we
modify
some
code
in
cohab
to
make
it
easier
for
staff
to
see
when
something
has
that
status.
So
right
now,
yeah.
A
A
Then
I've
also
got
the
same
thing
in
the
opac
and
the
opac
has
some
some
twists
and
turns
to
it.
But
I've
got
the
same
thing
here:
I've
got
the
same
item,
adult
no
shelving
location
and
one
that
says
recently
returned.
So
what
I
want
to
do
with
that
is.
I
want
to
make
some
changes
that
well,
first
off
I'll
start,
I'm
just
going
to
I'm
going
to
go
over
to
the
staff
client
and
I
need
a
document
ready
function.
Don't
I
this.
A
A
Pages
where,
if
you
put
the
jquery
in
here,
it
doesn't
need
the
document
ready
function
and
there
are
some
places
it
does,
and
so
I
just
put
it
in
there
all
the
time
so,
particularly
in
the
opac
user
js.
I
don't
think
you
need
it
at
all,
but
in
the
in
the
internet,
user.js
there's
some
places,
you
don't
need
it
where
the
jquery
will
work,
and
I
don't
know
if
that's
because
of
a
bug
or
because
it's
planned
or
whatever
interesting,
interesting
and
annoying
yeah.
A
A
A
A
A
A
Well,
I'm
going
to
go
up
here
and
what
I
do
is
I
click
on
this
little
arrow
here
and
then
I
go
up
here
and
click
on
recently
returned
and
I
can
see
that
this
that
the
shelving
location
is
in
a
span
and
the
span
has
a
class
called
shelving
loc,
and
so
that's
what
I
want
to
grab
out
here
and
so
I'm
going
to
write
a
piece
of
jquery
it
starts
with.
The
dollar
sign
ends
with
a
semicolon.
A
A
A
A
A
And
I'm
going
to
try
and
spell
it
right,
and
so
once
I
add
this,
what
it's
doing
is
it's
saying
every
place
that
we
see
the
shelving
and
anything
with
the
shelving
location
class
on
the
catalog
detail
page,
it's
going
to
add
this
html
before
it
and
that's
two
line
breaks
and
a
little
label
that
says
shelving
location.
So
if
I
add
that
and
save
it
and
then
go
back
here
and
refresh
this.
A
A
So
what
I
want
to
do
is
I've
got
some
code
that
will
that
will
take
that
away
if
the,
if
the
this,
if
it's
empty,
it's
going
to
remove
that
class,
and
so
this
is
the
code
and
I'll
I'll
just
plug
it
in
here,
and
I'm
going
to
walk
everybody
through
what
it
does.
So
it's
saying
whenever
we
see
that
class
of
shelving
location
on
the
catalog
detail
page
each
time
we
see
that.
B
A
B
And
I
I
just
want
to
to
insert
here
not
to
trip
you
up
or
anything.
You
know
the
way
that
you
go
about
doing
this.
There
is
no.
There
is
no
exact
way
to
do
this.
You
could
take
this
and
you
could
make
it
your
own.
You
know
for
for
me.
You
know
I
might
take
the
if
statement
and
make
it
an
if
else
statement.
If
it's,
if
it's
empty,
you
know
remove
it
else,
put
in
that
html,
so
yeah,
so.
B
Different
ways
to
approach
this
as
long
as
it
works
and
does
what
you
want?
That's
all
that
matters
you
know
yeah
as
long
as
it's
not
dragging
your
system,
you
know
there's
efficient
code
and
there's
inefficient
code,
but
you
know
as
long
as
it's
not
dragging
your
system,
making
it
work
harder
to
do
what
it's
supposed
to
do.
You
know
if
it's
doing
what
you
want.
That's
all
that's
important.
A
A
A
So,
let's
see
so.
The
other
aspect
of
this
is
now.
I've
got
a
couple
of
things
going
on
in
that
in
that
final
code,
and
so
the
next
thing
I'm
going
to
add
in
here
is:
this
is
the
code
that
adds
that
little
icon
that
little
exclamation
mark,
so
what
it's
doing
so
now
that
we've
got
the
shelving
location
label
added
there,
we're
looking
for
the
same
thing,
but
this
time
we're
looking
for
anything
where
the
shelving
location
contains
recently
returned
now.
A
This
is
where,
if
you
change
the
description
of
the
cart
location
to
quarantine,
you
would
want
to
change
this
text
here
to
quarantine
and
case
matters.
You
can't
put,
I
can't
put
a
small
r
in
recently,
because
if
I
do
and
the
location
is,
has
a
capital
wire
there
they're
not
going
to
match
jquery
is
case
sensitive.
A
A
A
A
We
just
need
to
know
the
name.
The
code
is
right
here
for
how
for
that's
and
that's
exactly
what
the
code
is
here.
Class
f,
a
f,
a
explanation
circle
and
then
I've
changed
the
colors
that
it
looks.
It's
the
color
that
I
want
that's
another
great
thing
about
these
is
we
can
set
the
color
to
be
anything
we
want.
A
Training
session,
but
I
chose
this
color,
because
this
is
a
color
we
weren't
already
using
for
something
else,
but
let
me
show
you
I
saved
that,
so
let
me
go
over
here
and
reload
this
and
so
that
basically
the
code
there,
what
it's
doing
is
it's
putting
it's
sticking,
this
little
icon
there
and
that's
the
color
I
want.
I
want
it
to
be
red,
so
that
gets
us
most
of
the
way
there.
A
A
A
This
I
just
scrolled
along
here
until
I
found
a
color
that
looked
good,
and
then
I
get
the
code
here
and
that's
the
you
know,
that's
the
code
that
you
put
in
the
background
to
change
the
color.
So
if
we
wanted
this
to
be
like,
if
we
wanted
this
to
be
blue
instead
of
that
red
that
I
picked,
we
would
just
have
to
change
this
and
then
reload
and
then
it's
going
to
be
blue
instead
of
red.
So
fine!
A
A
B
A
Think
it's
below,
if
you
have
the
screens
crunched
up
small
enough
yeah.
It
does
seem
a
little
awkward,
but
you
know
that's
another
area
where
you
know,
like
I
said
I
I
have
it
set.
I
have
our
catalog
is
set
to
show
as
a
separate
column
because,
like
I
said,
everything
in
our
system
has
a
shelving
location.
A
A
A
B
A
So
let
me
go
back
here
to
the
opac,
user.js
and
I'll
just
plug
in
the
full
code
right
here
of
what
I
did
so
again.
It's
kind
of
the
same
thing.
I've
got
something
that
removes
the
shelving
location.
If
there
isn't
one
and
it
adds
those,
it
adds
that
label,
if
you
don't
have
it.
So
that's
what
the
full
code.
B
A
A
A
A
A
You
can
get
rid
of
everything
that
adds
that
that
adds
that
and
it's
going
to
show
shelving
location.
This
is
the
way
I
have
it
in
our
system,
but
if
you
have
it
set
to
show
below
the
holding
library
below
the
home
library,
if
you
don't
include
that
first
bit
of
code,
then
you
it
it's
really
kind
of.
I
think
it
looks
awkward.
A
So
if,
if
you're,
showing
the
location
in
the
same
cell
as
the
current
location
of
the
home
library
or
both,
this
will
add
the
shelving
location
label,
and
it
will
highlight
the
highlight
the
cell,
if,
if
it's
got
a
recently
returned
shelving
location
and
again,
you
know,
if
you're,
using
something
some
wording
other
than
recently
returned.
All
you
have
to
do
is
change.
That
text
for
from
recently
returned
to
quarantine
or
whatever
you're
calling
recently
returned
items.
B
This
is
great,
it
looks
like
you
formatted
it
slightly
different,
because
you,
you
chose
not
to
do
the
red
color
on
this
one
which,
which
works
I
mean
it
may
depend
on
the
theme
that
you've
got
going
on
with
your
with
your
oat
back
too
so
yeah.
I
have
to
be
exactly
the
same
as
what
you
see
on
the
staff
side.