Builder

Professional Videos Customers & Experts

“ Test

Test

Cat Fence Barrier

Join over 15,000+ happy pets
How it works

Feature Point

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
Feature Point

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
Learn More
Join over 15,000+ happy pets
How it works

Feature Point

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
Feature Point

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
Learn More
Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quia cum eveniet beatae.
Shop More
test

Poteau de clôture pour chats patio ProtectaPet®
CHF 115
Kit clôture pour chats gazon ProtectaPet®
CHF 917
Poteau de clôture pour chats pour gazon ProtectaPet®
CHF 115
Kit clôture pour chats patio ProtectaPet®
CHF 917
Portillon simple pour patio ProtectaPet®
CHF 860
Portillon simple pour gazon ProtectaPet®
CHF 831
Portillon double pour patio ProtectaPet®
CHF 1,662
Portillon double pour gazon ProtectaPet®
CHF 1,633
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">Professional Videos Customers & 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">Professional Videos Customers & 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-cat-fence-barrier" 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">Cat Fence Barrier</h4>
            </div><div id="image-cat-fence-barrier" 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">Cat Fence Barrier</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-cat-fence-barrier" class="btn active" data-title="cat-fence-barrier" onclick="HowItWorks.click(this)">Cat Fence Barrier</button><button type="button" id="nav-cat-fence-barrier" class="btn" data-title="cat-fence-barrier" onclick="HowItWorks.click(this)">Cat Fence Barrier</button></nav><div id="content-cat-fence-barrier" class="how-it-works__content active"><p>Join over 15,000+ happy pets</p><h3 class="h2">How it works</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-medal" aria-hidden="true"></i>
                                                </div></div>
                                        <div class="how-it-works__point-content">
                                            <h4>Feature Point</h4><div class="how-it-works__point-text"><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed</p></div></div>
                                    </div><div class="how-it-works__point">
                                        <div><div class="how-it-works__icon">
                                                    <i class="fal fa-pencil-ruler" aria-hidden="true"></i>
                                                </div></div>
                                        <div class="how-it-works__point-content">
                                            <h4>Feature Point</h4><div class="how-it-works__point-text"><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed</p></div></div>
                                    </div></div><div class="how-it-works__buttons">
                                <a class="btn btn--green btn--pill" href="/fr-ch/collections/cat-fence-barriers">Learn More</a>
                            </div></div><div id="content-cat-fence-barrier" class="how-it-works__content"><p>Join over 15,000+ happy pets</p><h3 class="h2">How it works</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-medal" aria-hidden="true"></i>
                                                </div></div>
                                        <div class="how-it-works__point-content">
                                            <h4>Feature Point</h4><div class="how-it-works__point-text"><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed</p></div></div>
                                    </div><div class="how-it-works__point">
                                        <div><div class="how-it-works__icon">
                                                    <i class="fal fa-pencil-ruler" aria-hidden="true"></i>
                                                </div></div>
                                        <div class="how-it-works__point-content">
                                            <h4>Feature Point</h4><div class="how-it-works__point-text"><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed</p></div></div>
                                    </div></div><div class="how-it-works__buttons">
                                <a class="btn btn--green btn--pill" href="">Learn More</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-circle"></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-circle"></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-circle"></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-circle"></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-circle"></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-circle"></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-circle"></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-circle"></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-circle"></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-circle"></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-circle"></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-circle"></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__-->