Skip to content
Fulcrum Elements v1
GitHub

Recommended Products Carousel

Include a recommended products carousel

<fulcrum-element-carousel class="recommended-products-carousel" style="margin-bottom: 4rem;" page-nav wrap-around page-dots cloak>
   <div class="demo-slide"><a href="https://www.backcountry.com/the-north-face-wawona-4-tent-4-person-3-season" class="fulcrum-recommended-item">
       <figure class="fulcrum-recommended-item-image">
         <img src="https://fulcrumsaas-prd.nyc3.digitaloceanspaces.com/108/xvgyvzfhslbo2/tent-a2072fda-4f42-4fad-9859-b7e592399140.avif" alt="" />
       </figure>
       <div class="fulcrum-recommended-item-details">
         <span class="fulcrum-recommended-item-brand">The North Face</span>
         <span class="fulcrum-recommended-item-product-name">Wawona 4 Tent: 4-Person 3-Season</span>
       </div>
       <span class="fulcrum-recommended-item-price">$299.96</span>
     </a></div>

   <div class="demo-slide"><a href="https://www.backcountry.com/mountain-hardwear-bridger-tent-4-person-3-season" class="fulcrum-recommended-item">
       <figure class="fulcrum-recommended-item-image">
         <img src="https://fulcrumsaas-prd.nyc3.digitaloceanspaces.com/108/xvgyvzfhslbo2/bridger-tent-0192e72a-def6-4085-90ea-c66f920a9666.avif" alt="" />
       </figure>
       <div class="fulcrum-recommended-item-details">
         <span class="fulcrum-recommended-item-brand">Mountain Hardwear</span>
         <span class="fulcrum-recommended-item-product-name">Bridger Tent: 4-Person 3-Season</span>
       </div>
       <span class="fulcrum-recommended-item-price">$351.00</span>
     </a></div>

   <div class="demo-slide">
     <a href="https://www.backcountry.com/marmot-thor-3-person-4-season-tent" class="fulcrum-recommended-item">
       <figure class="fulcrum-recommended-item-image">
         <img src="https://fulcrumsaas-prd.nyc3.digitaloceanspaces.com/108/xvgyvzfhslbo2/marmot-tent-f2c86c39-ce30-4e13-b907-3f1ba2eaa8a7.avif" alt="" />
       </figure>
       <div class="fulcrum-recommended-item-details">
         <span class="fulcrum-recommended-item-brand">Marmot</span>
         <span class="fulcrum-recommended-item-product-name">Thor Tent: 3-Person 4-Season</span>
       </div>
       <span class="fulcrum-recommended-item-price">$494.42</span>
     </a>
   </div>

   <div class="demo-slide">
     <a href="https://www.backcountry.com/mountain-hardwear-meridian-tent-3-person-3-season" class="fulcrum-recommended-item">
       <figure class="fulcrum-recommended-item-image">
         <img src="https://fulcrumsaas-prd.nyc3.digitaloceanspaces.com/108/xvgyvzfhslbo2/meridian-tent-5781aa2a-36d8-4beb-af8b-480af60ca2c0.avif" alt="" />
       </figure>
       <div class="fulcrum-recommended-item-details">
         <span class="fulcrum-recommended-item-brand">Mountain Hardwear</span>
         <span class="fulcrum-recommended-item-product-name">Meridian Tent: 3-Person 3-Season</span>
       </div>
       <span class="fulcrum-recommended-item-price">$194.99</span>
     </a>
   </div>

   <div class="demo-slide">
     <a href="https://www.backcountry.com/marmot-tungsten-ul-tent-3-person-3-season" class="fulcrum-recommended-item">
       <figure class="fulcrum-recommended-item-image">
         <img src="https://fulcrumsaas-prd.nyc3.digitaloceanspaces.com/108/xvgyvzfhslbo2/tungsten-tent-7de48ca1-7410-46e9-943b-5f351356bff5.avif" alt="" />
       </figure>
       <div class="fulcrum-recommended-item-details">
         <span class="fulcrum-recommended-item-brand">Marmot</span>
         <span class="fulcrum-recommended-item-product-name">Tungsten UL Tent: 3-Person 3-Season</span>
       </div>
       <span class="fulcrum-recommended-item-price">$342.99</span>
     </a>
   </div>

   <div class="demo-slide">
     <a href="https://www.backcountry.com/stoic-driftwood-3-tent-3-person-3-season?skid=SICZ2DQ-CHEPEA" class="fulcrum-recommended-item">
       <figure class="fulcrum-recommended-item-image">
         <img src="https://fulcrumsaas-prd.nyc3.digitaloceanspaces.com/108/xvgyvzfhslbo2/driftwood-d942b273-26f4-40a6-862d-35de19ff3369.avif" alt="" />
       </figure>
       <div class="fulcrum-recommended-item-details">
         <span class="fulcrum-recommended-item-brand">Stoic</span>
         <span class="fulcrum-recommended-item-product-name">Driftwood 3 Tent: 3-person 3-season</span>
       </div>
       <span class="fulcrum-recommended-item-price">$83.60</span>
     </a>
   </div>

   <div class="demo-slide">
     <a href="https://www.backcountry.com/the-north-face-trail-lite-tent-3-person-4-season" class="fulcrum-recommended-item">
       <figure class="fulcrum-recommended-item-image">
         <img src="https://fulcrumsaas-prd.nyc3.digitaloceanspaces.com/108/xvgyvzfhslbo2/the-north-face-trail-lite-0dc1b5dd-c0f2-4c0b-84ef-a56c2f80a174.avif" alt="" />
       </figure>
       <div class="fulcrum-recommended-item-details">
         <span class="fulcrum-recommended-item-brand">The North Face</span>
         <span class="fulcrum-recommended-item-product-name">Trail Lite Tent: 3-Person 4-Season</span>
       </div>
       <span class="fulcrum-recommended-item-price">$245.00</span>
     </a>
   </div>

   <div class="demo-slide">
     <a href="https://www.backcountry.com/klymit-crosscanyon-tent-4-person-3-season" class="fulcrum-recommended-item">
       <figure class="fulcrum-recommended-item-image">
         <img src="https://fulcrumsaas-prd.nyc3.digitaloceanspaces.com/108/xvgyvzfhslbo2/crosscanyon-d0615314-b6a6-4a52-92ba-40f5e0b58f17.avif" alt="" />
       </figure>
       <div class="fulcrum-recommended-item-details">
         <span class="fulcrum-recommended-item-brand">Klymit</span>
         <span class="fulcrum-recommended-item-product-name">Cross Canyon Tent: 4-Person 3-Season</span>
       </div>
       <span class="fulcrum-recommended-item-price">$269.95</span>
     </a>
   </div>

 </fulcrum-element-carousel>