Builder

Professionele video's Klanten en experts

“ Test

Test

Kattennetten

Sluit je aan bij meer dan 15.000+ gelukkige huisdieren
Hoe het werkt

Functiepunt

Lorem ipsum dolor sit amet, consetetur sadipscing eltr, sed
Functiepunt

Lorem ipsum dolor sit amet, consetetur sadipscing eltr, sed
Kom meer te weten
Sluit je aan bij meer dan 15.000+ gelukkige huisdieren
Hoe het werkt

Functiepunt

Lorem ipsum dolor sit amet, consetetur sadipscing eltr, sed
Functiepunt

Lorem ipsum dolor sit amet, consetetur sadipscing eltr, sed
Kom meer te weten
Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quia cum eveniet beatae.
Shop More
test

ProtectaPet® Katten Omheining Paal voor Terras
€123
ProtectaPet® Katten Omheining Gazon Kit
€981
ProtectaPet® Katten Omheining Paal voor Gazon
€123
ProtectaPet® Katten Omheining Terras Kit
€981
ProtectaPet® Katten Omheining Enkele Poort voor Terras
€920
ProtectaPet® Katten Omheining Enkele Poort voor gazon
€889
ProtectaPet® Katten Omheining Dubbele Poort voor Terras
€1.778
ProtectaPet® Katten Omheining Dubbele Poort voor gazon
€1.747
Copy the below html into the intended page's content. Ensure you select the 'pcb-content' template for the content to display correctly
<!--__BEGIN_CONTENT_BUILDER_CONTENT__-->
<!--__BEGIN_CONTENT_BUILDER_BLOCKS__-->
<div class="video-slider">
    <div class="video-slider__wrap">
        <div class="video-slider__items scrolling-products__products"><div class="pcb-video video-slider__item" data-player-overlay="VideoPlayerOverlay-8059c9a6-4f6a-4de8-8597-ff49198f4b3b-1"> 
                        <img src="//protectapet.com/cdn/shop/files/Hannah-Smith_4730e750-5111-4901-a965-d4bdf8564fd3_2600x.jpg?v=1644419330" alt="Cat Proof Garden Review"  /> 
                        
                        <div class="pcb-video__inner">
                            <svg xmlns="http://www.w3.org/2000/svg" width="39.653" height="45.39" viewBox="0 0 39.653 45.39"><path d="M112,90.685v33.888a2.459,2.459,0,0,0,3.623,2.356l28.968-17.338a2.343,2.343,0,0,0,0-3.924L115.623,88.329A2.459,2.459,0,0,0,112,90.685Z" transform="translate(-109 -84.935)" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="6"/></svg>
                        </div></div>
                 
                    <div class="video-player-overlay" id="VideoPlayerOverlay-8059c9a6-4f6a-4de8-8597-ff49198f4b3b-1" data-player-id="YTPlayer-8059c9a6-4f6a-4de8-8597-ff49198f4b3b-1" data-video-id="fYx-IIDjzFs">
                        <div class="video-player-overlay__popup-wrap">
                            <button class="video-player-overlay__popup-close"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
    <path d="M8,6.609,14.609,0,16,1.391,9.391,8,16,14.609,14.609,16,8,9.391,1.391,16,0,14.609,6.609,8,0,1.391,1.391,0Z" fill="currentColor"/>
</svg></button>
                            <div class="video-player-overlay__video-wrap">
                                <div id="YTPlayer-8059c9a6-4f6a-4de8-8597-ff49198f4b3b-1"></div>
                            </div>
                        </div>
                    </div><div class="pcb-video video-slider__item" data-player-overlay="VideoPlayerOverlay-8059c9a6-4f6a-4de8-8597-ff49198f4b3b-2"> 
                        <img src="//protectapet.com/cdn/shop/files/bob1_7f80476e-9e71-4705-80fc-dcf5c9930661_2600x.jpg?v=1644418577" alt="Cat Proof Garden Review"  /> 
                        
                        <div class="pcb-video__inner">
                            <svg xmlns="http://www.w3.org/2000/svg" width="39.653" height="45.39" viewBox="0 0 39.653 45.39"><path d="M112,90.685v33.888a2.459,2.459,0,0,0,3.623,2.356l28.968-17.338a2.343,2.343,0,0,0,0-3.924L115.623,88.329A2.459,2.459,0,0,0,112,90.685Z" transform="translate(-109 -84.935)" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="6"/></svg>
                        </div></div>
                 
                    <div class="video-player-overlay" id="VideoPlayerOverlay-8059c9a6-4f6a-4de8-8597-ff49198f4b3b-2" data-player-id="YTPlayer-8059c9a6-4f6a-4de8-8597-ff49198f4b3b-2" data-video-id="fYx-IIDjzFs">
                        <div class="video-player-overlay__popup-wrap">
                            <button class="video-player-overlay__popup-close"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
    <path d="M8,6.609,14.609,0,16,1.391,9.391,8,16,14.609,14.609,16,8,9.391,1.391,16,0,14.609,6.609,8,0,1.391,1.391,0Z" fill="currentColor"/>
</svg></button>
                            <div class="video-player-overlay__video-wrap">
                                <div id="YTPlayer-8059c9a6-4f6a-4de8-8597-ff49198f4b3b-2"></div>
                            </div>
                        </div>
                    </div></div><h2 class="video-slider__title container">Professionele video's Klanten en experts</h2></div>
</div>

<div class="video-slider">
    <div class="video-slider__wrap">
        <div class="video-slider__items scrolling-products__products"></div><h2 class="video-slider__title container">Professionele video's Klanten en experts</h2></div>
</div>

<div class="experts-say">
    <div class="experts-say__wrap container container--narrow"><div class="experts-say__items scrolling-products__products"><div class="experts-say__item"><div class="experts-say__item-content">
                                <div class="experts-say__item-title"><h3><span class="experts-say__quotemark">“</span> Test </h3><h4>Test </h3></div><div class="experts-say__item-text">
                                        <p> Test</p>
                                    </div></div>
                        </div></div>
            <div class="slider-nav" data-slider-nav="true"></div><div class="experts-say__snail"><svg xmlns="http://www.w3.org/2000/svg" width="179.556" height="112.658" viewBox="0 0 179.556 112.658">
    <path id="Path_1561" data-name="Path 1561" d="M2.378,36.805c2.822-.56,3.382,3.811,5.288,5.092a57.949,57.949,0,0,0,7.761,5.237c11.711,6,21.748,14.467,30.222,17.057.473-4.517,2.909-6.1,5.921-7.179,0,0-.291-34.092-2.08-45.926C48.879,6.932,46.268-3.345,52.3,1.092c2.117,3.542.371,3.28-.335,7.565s-.407,13.093,2.582,36.179c.48,3.8.727,8.488,2.364,11.383A5.4,5.4,0,0,1,57.76,57.8c4.786.909,4.568-2.117,8-3.775,3.921-1.884,2.669,4.735-1.084,4.015a18.439,18.439,0,0,0-3.811,3.266c4.277,8.728,10.016,19.719,22.847,19.064,0,0,5.819-25.72,24.658-33.168,18.41-7.317,32.484-4.99,46.551,8.525C165.454,65.8,171.345,94.18,158.4,102.457c7.681,1.091,22.243,7.95,21.094,10.183-4.139.24-28.418-1.767-41.256-1.658-14.038.1-28.571-.662-42.34-.327-4.662.131-16.446-1.418-16.446-1.418l-1.92-1.84C59.949,94.114,51.825,80.345,45.722,69.508c0,0-30.244-17.871-38.994-26.527h0C4.131,41.817-3.979,38.034,2.378,36.805Z" transform="translate(0 -0.002)" fill="currentColor"/>
</svg>
</div>
    </div>
</div>
<div class="item-scroller-w-text">
    <div class="item-scroller-w-text__wrap"><div class="item-scroller-w-text__items scrolling-products__products"></div>
    </div>
</div>

<!-- BEGIN pcb.fluid_image -->
<div class="pcb_fluid_image">
    <img src="//protectapet.com/cdn/shop/files/Untitled_design_98_2600x.jpg?v=1644937064" alt=""  /> 
</div>
<!-- END pcb.fluid_image -->
<!-- BEGIN pcb.how_it_works -->
<div class="how-it-works">
    <div class="how-it-works__wrap container">
        <div class="how-it-works__column">
            <div class="how-it-works__butterfly"><svg xmlns="http://www.w3.org/2000/svg" width="124.036" height="112.628" viewBox="0 0 124.036 112.628">
    <path d="M36.867-.013c3.528.282,7.878,4.135,12.7,13.8C56.77,29.319,59.674,56.079,55,73.563a9.964,9.964,0,0,1,1.816-1.1h0c1.369-2.8,2.424-5.758,3.914-8.5.32-.491.607-1.1,1.192-1.319a.5.5,0,0,1,.353.066,1.413,1.413,0,0,1,.414,1.281c-.552.337-.48-.591-.707-.867-.425.237-.668.806-.939,1.231-1.292,2.429-2.286,5-3.462,7.486a14.573,14.573,0,0,1,7.1-5.134,8.877,8.877,0,0,1,2.208-.287c0-.3.127-.977.585-.552.442.16.767.939.072.933a10.738,10.738,0,0,0-4.24.834,15.451,15.451,0,0,0-6.1,5.283c.254.674-.155,1.816-1.021,3.246,19.82-11.362,72.615-33.887,67.5-20.609-4.08,5.04-14.26,11.24-24.292,18.147-6.134,4.223-12.322,9.678-16.745,12.466C71.488,93.2,68.684,102.31,56.577,108.642c-7.608,3.98-13.94,4.577-16.739,3.456-4.8-4.461.552-15.326,6.106-24.187-6.625,6.36-13.725,11.875-14.288,10.241-.591-1.717,5.14-8.088,11.323-14.061-.32.226-.64.469-.966.729-8.4,6.813-25.5,10.269-32.876,4.141C-6.78,74.518,1.1,58.663,10.147,48.074c2.556-2.992,5.736-.282,8.916-2.854-.69-1.734-3.462-5.72-1.844-8.336,4.417-7.144,8.988-16.01,11.042-26.2C29.536,4.531,32.611-.338,36.867-.013Z" transform="translate(0.001 0.028)" fill="currentColor" fill-rule="evenodd"/>
</svg></div><div id="image-kattennetten" class="how-it-works__image active">
                <img src="//protectapet.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_2600x.gif" alt=""  /> 
                <h4 class="how-it-works__badge">Kattennetten</h4>
            </div><div id="image-kattennetten" class="how-it-works__image">
                <img src="//protectapet.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_2600x.gif" alt=""  /> 
                <h4 class="how-it-works__badge">Kattennetten</h4>
            </div><div id="image-" class="how-it-works__image">
                <img src="//protectapet.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_2600x.gif" alt=""  /> 
                <h4 class="how-it-works__badge"></h4>
            </div></div>
        <div class="how-it-works__column">
                <nav><button type="button" id="nav-kattennetten" class="btn active" data-title="kattennetten" onclick="HowItWorks.click(this)">Kattennetten</button><button type="button" id="nav-kattennetten" class="btn" data-title="kattennetten" onclick="HowItWorks.click(this)">Kattennetten</button></nav><div id="content-kattennetten" class="how-it-works__content active"><p>Sluit je aan bij meer dan 15.000+ gelukkige huisdieren</p><h3 class="h2">Hoe het werkt</h3><div class="how-it-works__text">
                                
                            </div><div class="how-it-works__points"><div class="how-it-works__point">
                                        <div><div class="how-it-works__icon">
                                                    <i class="fal fa-medaille" aria-hidden="true"></i>
                                                </div></div>
                                        <div class="how-it-works__point-content">
                                            <h4>Functiepunt</h4><div class="how-it-works__point-text"><p>Lorem ipsum dolor sit amet, consetetur sadipscing eltr, sed</p></div></div>
                                    </div><div class="how-it-works__point">
                                        <div><div class="how-it-works__icon">
                                                    <i class="fal fa-potlood-liniaal" aria-hidden="true"></i>
                                                </div></div>
                                        <div class="how-it-works__point-content">
                                            <h4>Functiepunt</h4><div class="how-it-works__point-text"><p>Lorem ipsum dolor sit amet, consetetur sadipscing eltr, sed</p></div></div>
                                    </div></div><div class="how-it-works__buttons">
                                <a class="btn btn--green btn--pill" href="/nl-fr/collections/cat-fence-barriers">Kom meer te weten</a>
                            </div></div><div id="content-kattennetten" class="how-it-works__content"><p>Sluit je aan bij meer dan 15.000+ gelukkige huisdieren</p><h3 class="h2">Hoe het werkt</h3><div class="how-it-works__text">
                                
                            </div><div class="how-it-works__points"><div class="how-it-works__point">
                                        <div><div class="how-it-works__icon">
                                                    <i class="fal fa-medaille" aria-hidden="true"></i>
                                                </div></div>
                                        <div class="how-it-works__point-content">
                                            <h4>Functiepunt</h4><div class="how-it-works__point-text"><p>Lorem ipsum dolor sit amet, consetetur sadipscing eltr, sed</p></div></div>
                                    </div><div class="how-it-works__point">
                                        <div><div class="how-it-works__icon">
                                                    <i class="fal fa-potlood-liniaal" aria-hidden="true"></i>
                                                </div></div>
                                        <div class="how-it-works__point-content">
                                            <h4>Functiepunt</h4><div class="how-it-works__point-text"><p>Lorem ipsum dolor sit amet, consetetur sadipscing eltr, sed</p></div></div>
                                    </div></div><div class="how-it-works__buttons">
                                <a class="btn btn--green btn--pill" href="">Kom meer te weten</a>
                            </div></div></div>
    </div>
</div>
<!-- END pcb.how_it_works -->
<!-- Begin snippet: product-cb.features.liquid --><div id="" class="product-features  ">
    <div class="product-features__wrap container">
        <div class="product-features__content">

            <div class="product-features__title"></div></div>

        <div class="product-features__list-wrap"><div class="product-features__item-list">
                
<div class="product-features__item-section"><div class="product-features__item">
        <div class="product-features__item-icon"><i class="fal fa-check-cirkel"></i></div>
        <div class="product-features__item-text"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quia cum eveniet beatae.</p> </div>
    </div>
<div class="product-features__item">
        <div class="product-features__item-icon"><i class="fal fa-check-cirkel"></i></div>
        <div class="product-features__item-text"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quia cum eveniet beatae.</p> </div>
    </div>
<div class="product-features__item">
        <div class="product-features__item-icon"><i class="fal fa-check-cirkel"></i></div>
        <div class="product-features__item-text"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quia cum eveniet beatae.</p> </div>
    </div>
<div class="product-features__item">
        <div class="product-features__item-icon"><i class="fal fa-check-cirkel"></i></div>
        <div class="product-features__item-text"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quia cum eveniet beatae.</p> </div>
    </div>
</div>
            <button class="link" onclick="this.parentNode.classList.add('product-features__item-section--active')">
                View more<svg xmlns="http://www.w3.org/2000/svg" width="8.82" height="8.523" viewBox="0 0 8.82 8.523">
    <g id="arrow-back" transform="translate(-110.586 107.523) rotate(-90)">
      <path id="Path_1611" data-name="Path 1611" d="M103,117.992l-3-3,3-3" fill="none" stroke="#243858" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
      <line id="Line_250" data-name="Line 250" x2="5.979" transform="translate(100.544 114.99)" fill="none" stroke="#243858" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
    </g>
</svg>  </button>
            <div class="product-features__item-section"><div class="product-features__item">
        <div class="product-features__item-icon"><i class="fal fa-check-cirkel"></i></div>
        <div class="product-features__item-text"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quia cum eveniet beatae.</p> </div>
    </div>
<div class="product-features__item">
        <div class="product-features__item-icon"><i class="fal fa-check-cirkel"></i></div>
        <div class="product-features__item-text"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quia cum eveniet beatae.</p> </div>
    </div>
<div class="product-features__item">
        <div class="product-features__item-icon"><i class="fal fa-check-cirkel"></i></div>
        <div class="product-features__item-text"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quia cum eveniet beatae.</p> </div>
    </div>
<div class="product-features__item">
        <div class="product-features__item-icon"><i class="fal fa-check-cirkel"></i></div>
        <div class="product-features__item-text"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quia cum eveniet beatae.</p> </div>
    </div>
<div class="product-features__item">
        <div class="product-features__item-icon"><i class="fal fa-check-cirkel"></i></div>
        <div class="product-features__item-text"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quia cum eveniet beatae.</p> </div>
    </div>
<div class="product-features__item">
        <div class="product-features__item-icon"><i class="fal fa-check-cirkel"></i></div>
        <div class="product-features__item-text"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quia cum eveniet beatae.</p> </div>
    </div>
<div class="product-features__item">
        <div class="product-features__item-icon"><i class="fal fa-check-cirkel"></i></div>
        <div class="product-features__item-text"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quia cum eveniet beatae.</p> </div>
    </div>
<div class="product-features__item">
        <div class="product-features__item-icon"><i class="fal fa-check-cirkel"></i></div>
        <div class="product-features__item-text"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quia cum eveniet beatae.</p> </div>
    </div></div>
            </div>
        </div>
    </div>
</div>
<!-- End snippet: product-cb.features.liquid -->
            <!--__BEGIN_STANDARD_GALLERY__-->
<div class="container pcb_gallery-block">
    <div class="gallery" data-tag="">
        <div class="gallery__info"></div>
        <div class="flickr-gallery standard-gallery" data-slider-id="GallerySliderOverlay-">
            <div class="flickr-gallery__image-list">
                
<div class="flickr-gallery__image-item" data-image-index="0">
                    <img src="//protectapet.com/cdn/shop/files/Untitled_design_27_250x.png?v=1657030787" alt="test" />
                </div>
                







            </div>
        </div>
        <div class="gallery-slider-overlay" id="GallerySliderOverlay-">
            <div class="curtain"></div>
            <button class="flickr-gallery__close" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
    <path d="M8,6.609,14.609,0,16,1.391,9.391,8,16,14.609,14.609,16,8,9.391,1.391,16,0,14.609,6.609,8,0,1.391,1.391,0Z" fill="currentColor"/>
</svg></button>
            <button class="gallery-slider-nav-btn" data-direction="previous"></button>
            <div class="slides">
                
<div class="slide" data-image-index="0">
                    <span data-title="test">
                        <img src="//protectapet.com/cdn/shop/files/Untitled_design_27_1200x.png?v=1657030787" alt="test" />
                    </span>
                </div>
                
<div class="slide" data-image-index="1">
                    <span data-title="">
                        <img src="//protectapet.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_1200x.gif" alt="" />
                    </span>
                </div>
                
<div class="slide" data-image-index="2">
                    <span data-title="">
                        <img src="//protectapet.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_1200x.gif" alt="" />
                    </span>
                </div>
                
<div class="slide" data-image-index="3">
                    <span data-title="">
                        <img src="//protectapet.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_1200x.gif" alt="" />
                    </span>
                </div>
                
<div class="slide" data-image-index="4">
                    <span data-title="">
                        <img src="//protectapet.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_1200x.gif" alt="" />
                    </span>
                </div>
                
<div class="slide" data-image-index="5">
                    <span data-title="">
                        <img src="//protectapet.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_1200x.gif" alt="" />
                    </span>
                </div>
                
<div class="slide" data-image-index="6">
                    <span data-title="">
                        <img src="//protectapet.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_1200x.gif" alt="" />
                    </span>
                </div>
                
<div class="slide" data-image-index="7">
                    <span data-title="">
                        <img src="//protectapet.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_1200x.gif" alt="" />
                    </span>
                </div>
                
            </div>
            <button class="gallery-slider-nav-btn" data-direction="next"></button>
        </div>
    </div>
</div>
<!--__END_STANDARD_GALLERY__-->
<div class="product-recommendation-slider">
    <div class="product-recommendation-slider__wrap">
        <div class="product-recommendation-slider__head">
            <p>Shop More</p><h2 class="h3">test</h2></div>
        <!--__BEGIN_COLLECTION_HANDLE__cat-enclosures__END_COLLECTION_HANDLE__-->
        [recommended-products-slider]
    </div>
</div>


<!--__END_CONTENT_BUILDER_BLOCKS__-->
<!--__END_CONTENT_BUILDER_CONTENT__-->