FancyBox install files:
Product
Hayward Aquavac 600 robotic pool cleaner with caddy
Robotic pool cleaner featuring Easy Lift System, motion-sensing handheld remote, dirty canister indicator, and Vortex Vacuum technology.
The P955 4WD tackles any pool terrain, climbs steps and walls, and scrubs tile line with a solid-blade scrubbing brush. One of the distinct advantages of P955 Sport is the smart 7-day programmable timer, with fully customizable cleaning cycles that allows pool owners to set it and forget it. With just a simple setting, you can clean the pool as frequently as you like and enjoy a pleasant, healthy pool all the time. In addition, the intuitive motion sensing remote puts the cleaning control in the palm of your hand. Just point and direct the P955 to any desired location in the pool and you will never miss a spot. It also features a dirty canister indicator.
The P955 cleans pools up to 60' in length. It includes a premium, compact transport caddy that can be assembled in just minutes without using any tools. Model is backed by a 2 year limited warranty.
Features:
- Motion-Sensing Remote - Responsive cleaning control in the palm of your hand.
- Easy Lift System - With the touch of a button the P955 surfaces to a desired location and waits for you to grab it, then automatically evacuates water for effortless removal from the pool.
- Dirty Canister Indicator - No more guess work. Know immediately when it's time to empty the filter canister.
- Vortex Vacuum Technology - Keeps debris suspended for long-lasting suction and superior cleaning performance.
- Easy Clean Filter Canister - debris can easily be emptied with a simple shake and spray convenience.
- 7-day programmable timer - fully customizable set it and forget it cleaning modes.
- ActivMotion Sensor® - automatically controls robot's position at all times, allowing complete cleaning coverage without any hang ups.
- 4-Wheel Drive Technology - Cleans pool floor, walls, and scrubs tile line with pleated scrubbing brush.
- Waterline Only Cleaning Cycle - for isolated tile line scrubbing.
<section class="single_product_section">
<div class="wrapper">
<div class="single_product_wrapper">
<div class="img_block || single_product">
<div class="product_slider hidden_slider" data-slider="product_slider">
<?php for ($i = 1; $i < 4; $i++ ) :?>
<div>
<a href="/img/product<?= $i ?>.png" class="slider_item" data-fancybox="images" data-width="800">
<img src="/img/product<?= $i ?>.png" alt="">
</a>
</div>
<?php endfor; ?>
</div>
<div class="product_slider_nav hidden_slider" data-slider="product_slider_nav">
<?php for ($i = 1; $i < 4; $i++ ) :?>
<div>
<div class="slider_item">
<img src="/img/product<?= $i ?>.png" alt="">
</div>
</div>
<?php endfor; ?>
</div>
</div>
<div class="desc_block || single_product">
<div class="mobile_product_desc">
<h1>Hayward Aquavac 600 robotic pool cleaner with caddy</h1>
<div class="prices_block">
<span class="price">$1449.00</span>
<div class="stars">
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
</div>
</div>
<div class="buttons_wrap">
<div class="value_buttons_wrap">
<div class="value_button decrease" data-direction="0">-</div>
<label for="qty">
<input type="number" pattern="\d*" class="input qty" id="qty" value="1" onkeydown="return event.keyCode !== 69">
</label>
<div class="value_button increase" data-direction="1">+</div>
</div>
<a href="#" class="button btn_icon" data-modals="modal_cart_add">
<?= svg('iconCart2', '') ?>
<span>Add to cart</span>
</a>
</div>
</div>
<div class="product_tabs_wrap">
<div class="product_tabs_list_wrap">
<ul>
<li class="product_tab_list_item active active_line" data-tab="tab_1"><a href="#">OVERVIEW</a></li>
<li class="product_tab_list_item" data-tab="tab_2"><a href="#">DESCRIPTION</a></li>
<li class="product_tab_list_item" data-tab="tab_3"><a href="#">REVIEWS</a></li>
</ul>
<div class="nav_line"></div>
</div>
<div class="product_tabs">
<div class="product_tabs_content active" id="tab_1">
<p>Robotic pool cleaner featuring Easy Lift
System, motion-sensing handheld remote, dirty canister indicator, and Vortex Vacuum
technology.</p>
<p>The P955 4WD tackles any pool terrain, climbs steps and walls, and scrubs tile line
with a solid-blade scrubbing brush. One of the distinct advantages of P955 Sport is
the smart 7-day programmable timer, with fully customizable cleaning cycles that
allows pool owners to set it and forget it. With just a simple setting, you can
clean the pool as frequently as you like and enjoy a pleasant, healthy pool all the
time. In addition, the intuitive motion sensing remote puts the cleaning control in
the palm of your hand. Just point and direct the P955 to any desired location in the
pool and you will never miss a spot. It also features a dirty canister
indicator.</p>
<p>The P955 cleans pools up to 60' in length. It includes a premium, compact transport
caddy that can be assembled in just minutes without using any tools. Model is backed
by a 2 year limited warranty.</p></div>
<div class="product_tabs_content" id="tab_2">
<h3>Features:</h3>
<ul>
<li><strong>Motion-Sensing Remote</strong> - Responsive cleaning control in the
palm of your hand.
</li>
<li><strong>Easy Lift System</strong> - With the touch of a button the P955
surfaces to a desired location and waits for you to grab it, then automatically
evacuates water for effortless removal from the pool.
</li>
<li><strong>Dirty Canister Indicator</strong> - No more guess work. Know
immediately when it's time to empty the filter canister.
</li>
<li><strong>Vortex Vacuum Technology</strong> - Keeps debris suspended for
long-lasting suction and superior cleaning performance.
</li>
<li><strong>Easy Clean Filter Canister</strong> - debris can easily be emptied
with a simple shake and spray convenience.
</li>
<li><strong>7-day programmable timer</strong> - fully customizable set it and
forget it cleaning modes.
</li>
<li><strong>ActivMotion Sensor<sup>®</sup></strong> - automatically controls
robot's position at all times, allowing complete cleaning coverage without any
hang ups.
</li>
<li><strong>4-Wheel Drive Technology</strong> - Cleans pool floor, walls, and
scrubs tile line with pleated scrubbing brush.
</li>
<li><strong>Waterline Only Cleaning Cycle</strong> - for isolated tile line
scrubbing.
</li>
</ul>
</div>
<div class="product_tabs_content" id="tab_3">
<form action="" method="post" class="validate_form || review_form" autocomplete="off"
enctype="multipart/form-data">
<h3>Write Your Own Review</h3>
<div class="row_f">
<div class="col_6">
<label for="reviewName">
<input type="text" name="reviews[name]" class="input || validate" id="reviewName" placeholder="Full Name" value="">
</label>
<label for="reviewEmail">
<input type="email" name="reviews[email]" class="input || validate_email" id="reviewEmail" placeholder="Email" value="">
</label>
</div>
<div class="col_6 || rating_col">
<div class="rating_wrap">
<p>How do you rate this product?</p>
<div class="rating || validate_radio">
<input type="radio" id="star5" name="reviews[rate]" value="5">
<label for="star5"></label>
<input type="radio" id="star4" name="reviews[rate]" value="4">
<label for="star4"></label>
<input type="radio" id="star3" name="reviews[rate]" value="3">
<label for="star3"></label>
<input type="radio" id="star2" name="reviews[rate]" value="2">
<label for="star2"></label>
<input type="radio" id="star1" name="reviews[rate]" value="1">
<label for="star1"></label>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="col_12">
<label for="reviewMessage">
<textarea name="reviews[message]" placeholder="Message" class="input || validate" id="reviewMessage" maxlength="140"></textarea>
</label>
<button type="submit" class="button || btn_icon">
<?= svg('iconPaperPlane', '')?>
<span>Submit Review</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
.single_product_wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:0 -1.5rem}
.single_product_wrapper .single_product{width:-webkit-calc(100% / 2 - 3rem);width:-moz-calc(100% / 2 - 3rem);width:calc(100% / 2 - 3rem);margin:0 1.5rem}
.single_product_wrapper .desc_block h1,.single_product_wrapper .desc_block .h1{font-size:3.2rem;line-height:1.2;font-weight:700;margin:0 0 2rem}
.single_product_wrapper .desc_block .prices_block{font-size:0;margin:0 0 1.5rem}
.single_product_wrapper .desc_block .prices_block .price{display:inline-block;vertical-align:middle;font-size:2.6rem;color:#066978}
.single_product_wrapper .desc_block .prices_block .stars{display:inline-block;vertical-align:middle;max-width:30rem;margin:0 0 0 2rem}
.single_product_wrapper .desc_block .buttons_wrap{font-size:0;margin:0 0 3rem}
.single_product_wrapper .desc_block .buttons_wrap .value_buttons_wrap{margin:0 2rem 0 0}
.single_product_wrapper .review_form textarea.input{margin:0 0 1rem}
.single_product_wrapper .review_form .rating_wrap p{text-align:center;margin:.4rem 0 .5rem}
.single_product_wrapper .product_tabs h3{font-size:2.4rem;color:#09a5be;font-weight:700;margin:0 0 1.2rem}
/* Rating */
.rating{display:block;width:15rem;margin:0 auto}
.rating.validate_radio.validate_error input[type='radio'] + label::before{border:none!important;color:#e57373}
.rating.validate_radio.validate_error input[type='radio']:checked ~ label::before{color:#f1cd06}
.rating input[type='radio'] + label{float:right;position:relative;width:3rem;height:3rem;cursor:pointer;padding-left:0;display:inline-block;margin-right:0;margin-bottom:0;-webkit-border-radius:unset;-moz-border-radius:unset;border-radius:unset}
.rating input[type='radio'] + label:not(:first-of-type){padding-right:.2rem}
.rating input[type='radio'] + label::before{content:"\2605";font-size:2.7rem;color:#ccc;line-height:1;position:static;left:unset;top:unset;right:unset;width:2rem;height:2rem;border:none;background:#fff;-webkit-border-radius:unset;-moz-border-radius:unset;border-radius:unset;-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}
.rating input[type='radio'] + label::after{display:none!important}
.rating input{display:none}
.rating input[type='radio']:checked ~ label::before,.rating:not(:checked) > label:hover::before,.rating:not(:checked) > label:hover ~ label::before{color:#f1cd06;background-color:transparent;border:none}
/* Sliders */
.product_slider{margin:0 0 2rem}
.product_slider.hidden_slider{opacity:0;overflow:hidden;max-height:36rem}
.product_slider .slider_item{display:block;overflow:hidden;padding-top:45%;position:relative}
.product_slider .slider_item img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;font-family:'object-fit: contain;\A '}
.product_slider_nav.hidden_slider{opacity:0;overflow:hidden;max-height:10rem}
.product_slider_nav .slick-current .slider_item{border:.1rem solid #066978}
.product_slider_nav .slider_item{position:relative;cursor:pointer;width:9rem;height:7rem;max-width:90%;margin:0 auto;border:.1rem solid #bababa;overflow:hidden;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;transition:.3s linear}
.product_slider_nav .slider_item img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;padding:.5rem;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;font-family:'object-fit: contain;\A '}
/* Tabs */
.product_tabs_list_wrap{position:relative}
.product_tabs_list_wrap ul{display:block;font-size:0;padding:0 0 1.25rem;margin:0 0 1.5rem;white-space:nowrap;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}
.product_tabs_list_wrap ul::-webkit-scrollbar{width:0;height:0}
.product_tabs_list_wrap ul li{display:inline-block;vertical-align:top;margin:0 2.5rem 0 0;position:relative}
.product_tabs_list_wrap ul li:last-child{margin:0}
.product_tabs_list_wrap ul li::after{content:'';position:absolute;bottom:-1.15rem;left:0;display:block;height:.5rem;width:100%;background:#066978;z-index:2;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;opacity:0;visibility:hidden}
.product_tabs_list_wrap ul li a{font-size:1.8rem;text-transform:uppercase;display:inline-block;vertical-align:top;cursor:pointer}
.product_tabs_list_wrap ul li.active::after{opacity:1;visibility:visible}
.product_tabs_list_wrap ul li.active a{color:#066978}
.product_tabs_list_wrap .nav_line{display:block;position:absolute;bottom:.3rem;left:0;height:.1rem;width:100%;border-top:.1rem solid #ccc}
.product_tabs_content{display:none}
.product_tabs_content.active{display:block}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
.product_tabs_list_wrap ul li a:hover{color:rgba(0,0,0,0.7);color:#066978}
.product_slider_nav .slider_item:hover{border-color:#066978}
}
@media only screen and (max-width: 992px) {
.single_product_wrapper{display:block}
.single_product_wrapper .img_block{margin:0 0 3rem;width:100%}
.single_product_wrapper .desc_block{width:-webkit-calc(100% / 1 - 3rem);width:-moz-calc(100% / 1 - 3rem);width:calc(100% / 1 - 3rem)}
.single_product_wrapper .desc_block h1,.single_product_wrapper .desc_block .h1{font-size:2.6rem}
.single_product_wrapper .desc_block .prices_block .price{font-size:2.2rem}
.single_product_wrapper .desc_block .buttons_wrap{margin:0 0 1.5rem}
}
@media only screen and (max-width: 767px) {
.single_product_wrapper .desc_block h1,.single_product_wrapper .desc_block .h1{font-size:2.4rem}
.single_product_wrapper .desc_block .prices_block .price{font-size:2rem}
.single_product_wrapper .single_product .stars .star:after{font-size:2.4rem;line-height:1}
.product_tabs_list_wrap ul::-webkit-scrollbar-thumb,.product_tabs_list_wrap ul::-webkit-scrollbar-track{background:transparent}
.single_product_wrapper .review_form textarea.input{margin:0 0 1rem}
}
@media only screen and (max-width: 450px) {
.single_product_wrapper .review_form .button{display:block;margin:0 auto}
}
@media only screen and (max-width: 370px) {
.single_product_wrapper .review_form .rating_col{margin-bottom:1rem}
}
@media only screen and (max-width: 350px) {
.product_slider_nav .slider_item{height:5rem}
.single_product_wrapper .review_form .row_f .col_6{width:-webkit-calc(100% / 1 - 3.01rem);width:-moz-calc(100% / 1 - 3.01rem);width:calc(100% / 1 - 3.01rem)}
}
/* Vars */
$main: #09a5be;
$dark: #066978;
$validate: #e57373;
.single_product_wrapper {
display: flex;
margin: 0 -1.5rem;
.single_product {
width: calc(100% / 2 - 3rem);
margin: 0 1.5rem;
}
.desc_block {
h1, .h1 {
font-size: 3.2rem;
line-height: 1.2;
font-weight: 700;
margin: 0 0 2rem;
}
.prices_block {
font-size: 0;
margin: 0 0 1.5rem;
.price {
display: inline-block;
vertical-align: middle;
font-size: 2.6rem;
color: $dark;
}
.stars {
display: inline-block;
vertical-align: middle;
max-width: 30rem;
margin: 0 0 0 2rem;
}
}
.buttons_wrap {
font-size: 0;
margin: 0 0 3rem;
.value_buttons_wrap {
margin: 0 2rem 0 0;
}
}
}
.review_form {
textarea.input {
margin: 0 0 1rem;
}
.rating_wrap {
p {
text-align: center;
margin: 0.4rem 0 0.5rem;
}
}
}
.product_tabs {
h3 {
font-size: 2.4rem;
color: $main;
font-weight: 700;
margin: 0 0 1.2rem;
}
}
}
// Rating
.rating {
display: block;
width: 15rem;
margin: 0 auto;
&.validate_radio.validate_error {
input[type='radio'] + label {
&::before {
border: none !important;
color: $validate;
}
}
input[type='radio']:checked ~ label::before {
color: #f1cd06;
}
}
input[type='radio'] + label {
float: right;
position: relative;
width: 3rem;
height: 3rem;
cursor: pointer;
padding-left: 0;
display: inline-block;
margin-right: 0;
margin-bottom: 0;
border-radius: unset;
&:not(:first-of-type) {
padding-right: .2rem;
}
&::before {
content: "\2605";
font-size: 2.7rem;
color: #ccc;
line-height: 1;
position: static;
left: unset;
top: unset;
right: unset;
width: 2rem;
height: 2rem;
border: none;
background: #fff;
border-radius: unset;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
&::after {
display: none !important;
}
}
input {
display: none;
}
}
.rating input[type='radio']:checked ~ label::before,
.rating:not(:checked) > label:hover::before,
.rating:not(:checked) > label:hover ~ label::before {
color: #f1cd06;
background-color: transparent;
border: none;
}
// Sliders
.product_slider {
margin: 0 0 2rem;
&.hidden_slider {
opacity: 0;
overflow: hidden;
max-height: 36rem;
}
.slider_item {
display: block;
overflow: hidden;
padding-top: 45%;
position: relative;
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 100%;
height: 100%;
object-fit: contain;
font-family: 'object-fit: contain;';
}
}
}
.product_slider_nav {
&.hidden_slider {
opacity: 0;
overflow: hidden;
max-height: 10rem;
}
.slick-current {
.slider_item {
border: .1rem solid $dark;
}
}
.slider_item {
position: relative;
cursor: pointer;
width: 9rem;
height: 7rem;
max-width: 90%;
margin: 0 auto;
border: .1rem solid #bababa;
overflow: hidden;
transition: .3s linear;
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
padding: 0.5rem;
width: 100%;
height: 100%;
object-fit: contain;
font-family: 'object-fit: contain;';
}
}
}
// Tabs
.product_tabs_list_wrap {
position: relative;
ul {
display: block;
font-size: 0;
padding: 0 0 1.25rem;
margin: 0 0 1.5rem;
white-space: nowrap;
overflow-x: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
&::-webkit-scrollbar {
width: 0;
height: 0;
}
li {
display: inline-block;
vertical-align: top;
margin: 0 2.5rem 0 0;
position: relative;
&:last-child {
margin: 0
}
&::after {
content: '';
position: absolute;
bottom: -1.15rem;
left: 0;
display: block;
height: 0.5rem;
width: 100%;
background: $dark;
z-index: 2;
transition: all .3s linear;
opacity: 0;
visibility: hidden;
}
a {
font-size: 1.8rem;
text-transform: uppercase;
display: inline-block;
vertical-align: top;
cursor: pointer;
}
&.active {
&::after {
opacity: 1;
visibility: visible;
}
a {
color: $dark;
}
}
}
}
.nav_line {
display: block;
position: absolute;
bottom: 0.3rem;
left: 0;
height: 0.1rem;
width: 100%;
border-top: .1rem solid #ccc;
}
}
.product_tabs_content {
display: none;
&.active {
display: block;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
.product_tabs_list_wrap ul li a:hover {
color: rgba(0, 0, 0, 0.7);
}
.product_tabs_list_wrap ul li a:hover {
color: $dark;
}
.product_slider_nav .slider_item:hover {
border-color: $dark;
}
}
@media only screen and (max-width: 992px) {
.single_product_wrapper {display: block;}
.single_product_wrapper .img_block {margin: 0 0 3rem;width: 100%}
.single_product_wrapper .desc_block {width: calc(100% / 1 - 3rem);}
.single_product_wrapper .desc_block h1, .single_product_wrapper .desc_block .h1 {font-size: 2.6rem;}
.single_product_wrapper .desc_block .prices_block .price {font-size: 2.2rem;}
.single_product_wrapper .desc_block .buttons_wrap {margin: 0 0 1.5rem;}
}
@media only screen and (max-width: 767px) {
.single_product_wrapper .desc_block h1, .single_product_wrapper .desc_block .h1 {font-size: 2.4rem;}
.single_product_wrapper .desc_block .prices_block .price {font-size: 2rem;}
.single_product_wrapper .single_product .stars .star:after {font-size: 2.4rem;line-height: 1}
.product_tabs_list_wrap ul::-webkit-scrollbar-thumb, .product_tabs_list_wrap ul::-webkit-scrollbar-track {background: transparent;}
.single_product_wrapper .review_form textarea.input {margin: 0 0 1rem;}
}
@media only screen and (max-width: 450px) {
.single_product_wrapper .review_form .button{display: block;margin: 0 auto;}
}
@media only screen and (max-width: 370px) {
.single_product_wrapper .review_form .rating_col {margin-bottom: 1rem;}
}
@media only screen and (max-width: 350px) {
.product_slider_nav .slider_item {height: 5rem;}
.single_product_wrapper .review_form .row_f .col_6 {width: calc(100% / 1 - 3.01rem);}
}
/* Product Slider */
$('.product_slider').slick({
arrows: false,
slidesToShow: 1,
slidesToScroll: 1,
fade: true,
draggable: false,
asNavFor: '.product_slider_nav'
});
$('.product_slider_nav').slick({
arrows: false,
slidesToShow: 6,
slidesToScroll: 1,
infinite: false,
asNavFor: '.product_slider',
dots: false,
focusOnSelect: true,
draggable: false,
responsive: [
{
breakpoint: 1101,
settings: {
slidesToShow: 5,
slidesToScroll: 1
}
},
{
breakpoint: 993,
settings: {
slidesToShow: 7,
slidesToScroll: 1
}
},
{
breakpoint: 601,
settings: {
slidesToShow: 5,
slidesToScroll: 1
}
}
]
});
/* Tabs */
function tabs(tabName, tabContent){
$('.'+tabName).click(function(){
$('.'+tabName).removeClass('active');
$('.'+tabContent).removeClass('active');
$(this).addClass('active');
var tab = $(this).data('tab');
$('#'+tab).addClass('active');
})
}
tabs('product_tab_list_item','product_tabs_content');
var $window = $(window);
if ($window.width() <= 992) {
$('.mobile_product_desc').insertBefore('.img_block').wrap('<div class="desc_block || single_product"></div>');
}