Mix and match one top and one bottom to create your favourite scrub combination. Looking professional and feeling comfortable is easy in these slim fit,...
Mix and match one top and one bottom to create your favourite scrub combination.
Looking professional and feeling comfortable is easy in these slim fit, athleisure scrubs. A jogger-style scrub pant from Scrubletics, and a Core Black Racer Back Top engineered with sporty stretch fabrics to move with you. Deep pockets on all styles give you loads of space to stow gear. The comfortable movement is only matched by the effortless shopping experience.
' + 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 Racer Back V Neck 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 content90% Polyester, 10% Spandex
Easy Care Wash And Dry
Places To Stow Your Gear
Lightweight Polyester / Spandex Fabrics
Care & Instructions
Machine wash cold, no bleach. Tumble dry, delicate cycle. Cool iron. Do not dry clean.
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).