Mix and match one top and one bottom to create your favourite scrub combination.
The Core Navy Kangaroo Pocket Top and Jogger Pant from Scrubletics make mobility a breeze. A pair of side-front pockets, back pockets and zippered cargo pockets provide extra space for everything throughout your shift. The Kangaroo Bundle is performance you can feel, and comfort you can rely on.
' + theme.icons.chevronLeft + '',
nextArrow: '',
mobileFirst: true,
responsive: [{
breakpoint: 768,
settings: {
fade: true,
arrows: true
}
}]
};
var container = $(".section-main-product");
var $gallery = $('.gallery', container);
var $thumbnails = $('.thumbnails:not(.hidden)', container);
if ($thumbnails.length) {
var carouselVisibleItemCount = 6,
isCarousel = false;
/// Screen-width based initialisation of thumbnail carousels
var assessCarousel = function assessCarousel() {
if ($thumbnails.parent().css('display') == 'flex') {
// thumbnail container is in column beside main image - destroy carousel
if (isCarousel) {
isCarousel = false;
theme.beforeCarouselUnloadEventBlockFix($thumbnails);
$thumbnails.removeClass('owl-carousel').
data('owl.carousel').
destroy();
// trigger variant image grouping
$gallery.closest('.product-detail').find('.original-selector').trigger('change');
}
} else {
// thumbnails underneath - init carousel
if (!isCarousel) {
isCarousel = true;
// fix for event propagation in nested owl carousels
theme.beforeCarouselLoadEventBlockFix($thumbnails);
// reset any image grouping modifications
$thumbnails.find('.thumbnail').show();
$gallery.find('.hidden-thumbnails').children().appendTo($thumbnails);
// trigger variant image grouping
$gallery.closest('.product-detail').find('.original-selector').trigger('change');
}
}
};
$(window).on('debouncedresize.productGallery', assessCarousel);
assessCarousel();
$(container).data('assessCarouselCallback', assessCarousel);
$('.gallery', container).on('click select selectFromSlick', '.thumbnails.owl-carousel .thumbnail', function (e) {
e.preventDefault();
var $carouselItem = $(this).parent();
if (e.type != 'selectFromSlick') {
// from click or variant image? change main image
var mediaId = $(this).data('media-id');
var _$slideshow = $(this).closest('.gallery').find('.slideshow.slick-slider');
if (_$slideshow) {
var index = _$slideshow.find('.slide[data-media-id="' + mediaId + '"]').index(); // current index including filters
// same index? manual trigger of next event
var slick = _$slideshow.slick('getSlick');
if (slick.currentSlide === index) {
// current slide active, manually trigger from-slick thumb selection (req. for index changes during filtering)
$(this).trigger('selectFromSlick');
} else {
// change slide
_$slideshow.slick('slickGoTo', index);
}
}
} else {
// change to active state comes from the main slideshow change event
// show the highlight
$(this).addClass('selected').parent().siblings().find('a').removeClass('selected');
// adjust thumbnail carousel if not on-screen
var shelfStart = $carouselItem.parent().children('.active:first').index();
var shelfEnd = shelfStart + carouselVisibleItemCount - 1;
var currentIndex = $carouselItem.index();
if (currentIndex < shelfStart) {
// selected is to left of shelf - move carousel right to show
$carouselItem.closest('.owl-carousel').trigger('to.owl.carousel', currentIndex);
} else if (currentIndex > shelfEnd) {
// selected is to right of shelf - move carousel left to show
$carouselItem.closest('.owl-carousel').trigger('to.owl.carousel', Math.max(0, currentIndex - carouselVisibleItemCount + 1));
}
}
});
/// Thumbnail click - beside
// Uses same event structure as the events above ^
$('.gallery', container).on('click select selectFromSlick', ' .thumbnails:not(.owl-carousel) .thumbnail', function (e) {
e.preventDefault();
if (e.type != 'selectFromSlick') {
// from click or variant image? change main image
var index = 0;
var mediaId = $(this).data('media-id');
$(this).parent().children(':visible').each(function (iter) {
index = iter;
if ($(this).data('media-id') == mediaId) {
return false;
}
});
// same index? manual trigger of next event
var _$slideshow2 = $(this).closest('.gallery').find('.slideshow');
var slick = _$slideshow2.slick('getSlick');
if (slick.currentSlide === index) {
// current slide active, manually trigger from-slick thumb selection (req. for index changes during filtering)
$(this).trigger('selectFromSlick');
} else {
// change slide
_$slideshow2.slick('slickGoTo', index);
}
} else {
// change to active state comes from the main slideshow change event
$(this).addClass('selected').siblings('.selected').removeClass('selected');
}
});
}
$slideshow.on('init', function(evt, slick) {
$('.lazyload--manual', this).removeClass('lazyload--manual').addClass('lazyload');
}).on('beforeChange', function(evt, slick, current, next) {
var mediaId = $(slick.$slides[next]).data('media-id');
$($(this).closest('.gallery').find('.thumbnails:not(.hidden) .thumbnail[data-media-id="' + mediaId + '"]')).trigger('selectFromSlick');
});
if ($slideshow.closest('.gallery--layout-carousel-beside, .gallery--layout-carousel-under').length) {
$slideshow.slick(slickConfig);
}
}
if($(".gallery .gallery__inner .thumbnails").length > 0){
if(!$(".gallery.gallery--layout-carousel-beside").hasClass("has-thumbnails")){
$(".gallery.gallery--layout-carousel-beside").addClass("has-thumbnails")
}
}
$( ".opt-btn.js-option").each(function( index ) {
if($(this).attr('id') == 'option-'+pid+'-1-1'){
$(this).click();
}
});
$( ".opt-btn.js-option").each(function( index ) {
if($(this).attr('name') == 'option-'+pid+'-1'){
var tempArray = [];
for(arrayLoop2 in productOptionId[pid]){
if(arrayLoop2.includes($(this).val())){
tempArray.push(productOptionId[pid][arrayLoop2][0]);
}
}
if(!tempArray.includes("true")){
$(this).addClass('is-unavailable');
}
}
});
}
Scrubletics Kangaroo Pocket Scrub Top
' + theme.icons.chevronLeft + '',
nextArrow: '',
mobileFirst: true,
responsive: [{
breakpoint: 768,
settings: {
fade: true,
arrows: true
}
}]
};
var container = $(".section-main-product");
var $gallery = $('.gallery', container);
var $thumbnails = $('.thumbnails:not(.hidden)', container);
if ($thumbnails.length) {
var carouselVisibleItemCount = 6,
isCarousel = false;
/// Screen-width based initialisation of thumbnail carousels
var assessCarousel = function assessCarousel() {
if ($thumbnails.parent().css('display') == 'flex') {
// thumbnail container is in column beside main image - destroy carousel
if (isCarousel) {
isCarousel = false;
theme.beforeCarouselUnloadEventBlockFix($thumbnails);
$thumbnails.removeClass('owl-carousel').
data('owl.carousel').
destroy();
// trigger variant image grouping
$gallery.closest('.product-detail').find('.original-selector').trigger('change');
}
} else {
// thumbnails underneath - init carousel
if (!isCarousel) {
isCarousel = true;
// fix for event propagation in nested owl carousels
theme.beforeCarouselLoadEventBlockFix($thumbnails);
// reset any image grouping modifications
$thumbnails.find('.thumbnail').show();
$gallery.find('.hidden-thumbnails').children().appendTo($thumbnails);
// trigger variant image grouping
$gallery.closest('.product-detail').find('.original-selector').trigger('change');
}
}
};
$(window).on('debouncedresize.productGallery', assessCarousel);
assessCarousel();
$(container).data('assessCarouselCallback', assessCarousel);
$('.gallery', container).on('click select selectFromSlick', '.thumbnails.owl-carousel .thumbnail', function (e) {
e.preventDefault();
var $carouselItem = $(this).parent();
if (e.type != 'selectFromSlick') {
// from click or variant image? change main image
var mediaId = $(this).data('media-id');
var _$slideshow = $(this).closest('.gallery').find('.slideshow.slick-slider');
if (_$slideshow) {
var index = _$slideshow.find('.slide[data-media-id="' + mediaId + '"]').index(); // current index including filters
// same index? manual trigger of next event
var slick = _$slideshow.slick('getSlick');
if (slick.currentSlide === index) {
// current slide active, manually trigger from-slick thumb selection (req. for index changes during filtering)
$(this).trigger('selectFromSlick');
} else {
// change slide
_$slideshow.slick('slickGoTo', index);
}
}
} else {
// change to active state comes from the main slideshow change event
// show the highlight
$(this).addClass('selected').parent().siblings().find('a').removeClass('selected');
// adjust thumbnail carousel if not on-screen
var shelfStart = $carouselItem.parent().children('.active:first').index();
var shelfEnd = shelfStart + carouselVisibleItemCount - 1;
var currentIndex = $carouselItem.index();
if (currentIndex < shelfStart) {
// selected is to left of shelf - move carousel right to show
$carouselItem.closest('.owl-carousel').trigger('to.owl.carousel', currentIndex);
} else if (currentIndex > shelfEnd) {
// selected is to right of shelf - move carousel left to show
$carouselItem.closest('.owl-carousel').trigger('to.owl.carousel', Math.max(0, currentIndex - carouselVisibleItemCount + 1));
}
}
});
/// Thumbnail click - beside
// Uses same event structure as the events above ^
$('.gallery', container).on('click select selectFromSlick', ' .thumbnails:not(.owl-carousel) .thumbnail', function (e) {
e.preventDefault();
if (e.type != 'selectFromSlick') {
// from click or variant image? change main image
var index = 0;
var mediaId = $(this).data('media-id');
$(this).parent().children(':visible').each(function (iter) {
index = iter;
if ($(this).data('media-id') == mediaId) {
return false;
}
});
// same index? manual trigger of next event
var _$slideshow2 = $(this).closest('.gallery').find('.slideshow');
var slick = _$slideshow2.slick('getSlick');
if (slick.currentSlide === index) {
// current slide active, manually trigger from-slick thumb selection (req. for index changes during filtering)
$(this).trigger('selectFromSlick');
} else {
// change slide
_$slideshow2.slick('slickGoTo', index);
}
} else {
// change to active state comes from the main slideshow change event
$(this).addClass('selected').siblings('.selected').removeClass('selected');
}
});
}
$slideshow.on('init', function(evt, slick) {
$('.lazyload--manual', this).removeClass('lazyload--manual').addClass('lazyload');
}).on('beforeChange', function(evt, slick, current, next) {
var mediaId = $(slick.$slides[next]).data('media-id');
$($(this).closest('.gallery').find('.thumbnails:not(.hidden) .thumbnail[data-media-id="' + mediaId + '"]')).trigger('selectFromSlick');
});
if ($slideshow.closest('.gallery--layout-carousel-beside, .gallery--layout-carousel-under').length) {
$slideshow.slick(slickConfig);
}
}
if($(".gallery .gallery__inner .thumbnails").length > 0){
if(!$(".gallery.gallery--layout-carousel-beside").hasClass("has-thumbnails")){
$(".gallery.gallery--layout-carousel-beside").addClass("has-thumbnails")
}
}
$( ".opt-btn.js-option").each(function( index ) {
if($(this).attr('id') == 'option-'+pid+'-1-1'){
$(this).click();
}
});
$( ".opt-btn.js-option").each(function( index ) {
if($(this).attr('name') == 'option-'+pid+'-1'){
var tempArray = [];
for(arrayLoop2 in productOptionId[pid]){
if(arrayLoop2.includes($(this).val())){
tempArray.push(productOptionId[pid][arrayLoop2][0]);
}
}
if(!tempArray.includes("true")){
$(this).addClass('is-unavailable');
}
}
});
}
Collapsible tab content92% Polyester, 8% Spandex
Easy Care Wash And Dry
Places To Stow Your Gear
Lightweight Polyester / Spandex Fabrics
Care & Instructions
Machine wash delicate, no bleach. Iron low.
Shipping
Orders over $49 before tax will receive free shipping. Orders under $49 before tax will be charged based on our preferred shipping rates from Canada Post. Our goal is to have your order delivered within 4-8 business days (remote locations may take longer).