Product Element

List products anywhere in a beautiful style. Choose between Slider, Rows, Grid and Masonry Style. Select products from a custom category or sort by sales, featured items or latest. You can also select custom products.

Simple Sale Slider

<div class="row large-columns-4 medium-columns-3 small-columns-2 row-small slider row-slider slider-nav-reveal slider-nav-push"  data-flickity-options='{&quot;imagesLoaded&quot;: true, &quot;groupCells&quot;: &quot;100%&quot;, &quot;dragThreshold&quot; : 5, &quot;cellAlign&quot;: &quot;left&quot;,&quot;wrapAround&quot;: true,&quot;prevNextButtons&quot;: true,&quot;percentPosition&quot;: true,&quot;pageDots&quot;: false, &quot;rightToLeft&quot;: false, &quot;autoPlay&quot; : false}' >

Featured Products Slider

<div class="row large-columns-4 medium-columns-3 small-columns-2 row-small slider row-slider slider-nav-reveal slider-nav-push"  data-flickity-options='{&quot;imagesLoaded&quot;: true, &quot;groupCells&quot;: &quot;100%&quot;, &quot;dragThreshold&quot; : 5, &quot;cellAlign&quot;: &quot;left&quot;,&quot;wrapAround&quot;: true,&quot;prevNextButtons&quot;: true,&quot;percentPosition&quot;: true,&quot;pageDots&quot;: false, &quot;rightToLeft&quot;: false, &quot;autoPlay&quot; : false}' >

<div class="row large-columns-4 medium-columns-3 small-columns-2 row-small slider row-slider slider-nav-reveal slider-nav-push"  data-flickity-options='{&quot;imagesLoaded&quot;: true, &quot;groupCells&quot;: &quot;100%&quot;, &quot;dragThreshold&quot; : 5, &quot;cellAlign&quot;: &quot;left&quot;,&quot;wrapAround&quot;: true,&quot;prevNextButtons&quot;: true,&quot;percentPosition&quot;: true,&quot;pageDots&quot;: false, &quot;rightToLeft&quot;: false, &quot;autoPlay&quot; : false}' >


     <div class="product-small col has-hover product type-product post-186132 status-publish first instock product_cat-uncategorized has-post-thumbnail taxable shipping-taxable purchasable product-type-variable has-default-attributes">
<div class="col-inner">

<div class="product-small box ">
    <div class="box-image">
        <div class="image-fade_in_back">
            <a href="https://spazzytees.com/product/fibonacci-unisex-heavy-cotton-t-shirt-golden-ratio-science-ferrari/" aria-label="Fibonacci | Unisex | Heavy Cotton | T-Shirt | Golden Ratio | Science | Ferrari">
                <img width="247" height="247" src="https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/6922813297253838523_2048.jpeg?fit=247%2C247&ssl=1" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Fibonacci | Unisex | Heavy Cotton | T-Shirt | Golden Ratio | Science | Ferrari" decoding="async" srcset="https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/6922813297253838523_2048.jpeg?w=2048&ssl=1 2048w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/6922813297253838523_2048.jpeg?resize=400%2C400&ssl=1 400w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/6922813297253838523_2048.jpeg?resize=800%2C800&ssl=1 800w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/6922813297253838523_2048.jpeg?resize=280%2C280&ssl=1 280w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/6922813297253838523_2048.jpeg?resize=768%2C768&ssl=1 768w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/6922813297253838523_2048.jpeg?resize=1536%2C1536&ssl=1 1536w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/6922813297253838523_2048.jpeg?resize=1320%2C1320&ssl=1 1320w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/6922813297253838523_2048.jpeg?resize=247%2C247&ssl=1 247w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/6922813297253838523_2048.jpeg?resize=510%2C510&ssl=1 510w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/6922813297253838523_2048.jpeg?resize=100%2C100&ssl=1 100w" sizes="(max-width: 247px) 100vw, 247px" /><img width="247" height="247" src="https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/13481245871853723558_2048.jpeg?fit=247%2C247&ssl=1" class="show-on-hover absolute fill hide-for-small back-image" alt="" decoding="async" srcset="https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/13481245871853723558_2048.jpeg?w=2048&ssl=1 2048w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/13481245871853723558_2048.jpeg?resize=400%2C400&ssl=1 400w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/13481245871853723558_2048.jpeg?resize=800%2C800&ssl=1 800w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/13481245871853723558_2048.jpeg?resize=280%2C280&ssl=1 280w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/13481245871853723558_2048.jpeg?resize=768%2C768&ssl=1 768w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/13481245871853723558_2048.jpeg?resize=1536%2C1536&ssl=1 1536w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/13481245871853723558_2048.jpeg?resize=1320%2C1320&ssl=1 1320w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/13481245871853723558_2048.jpeg?resize=247%2C247&ssl=1 247w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/13481245871853723558_2048.jpeg?resize=510%2C510&ssl=1 510w, https://i0.wp.com/spazzytees.com/wp-content/uploads/2025/06/13481245871853723558_2048.jpeg?resize=100%2C100&ssl=1 100w" sizes="(max-width: 247px) 100vw, 247px" />                </a>
        </div>
        <div class="image-tools is-small top right show-on-hover">
                    <div class="wishlist-icon">
        <button class="wishlist-button button is-outline circle icon" aria-label="Wishlist">
            <i class="icon-heart" ></i>         </button>
        <div class="wishlist-popup dark">

        </div>
    </div>
                </div>
        <div class="image-tools is-small hide-for-small bottom left show-on-hover">
                        </div>
        <div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
              <a class="quick-view" data-prod="186132" href="#quick-view">Quick View</a>            </div>
                </div>

    <div class="box-text box-text-products">
        <div class="title-wrapper">     <p class="category uppercase is-smaller no-text-overflow product-cat op-7">
        Uncategorized       </p>
<p class="name product-title woocommerce-loop-product__title"><a href="https://spazzytees.com/product/fibonacci-unisex-heavy-cotton-t-shirt-golden-ratio-science-ferrari/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Fibonacci | Unisex | Heavy Cotton | T-Shirt | Golden Ratio | Science | Ferrari</a></p></div><div class="price-wrapper">
<span class="price"><span class="woocommerce-Price-amount amount" aria-hidden="true"><bdi><span class="woocommerce-Price-currencySymbol">&#36;</span>19.99</bdi></span> <span aria-hidden="true">&ndash;</span> <span class="woocommerce-Price-amount amount" aria-hidden="true"><bdi><span class="woocommerce-Price-currencySymbol">&#36;</span>25.99</bdi></span><span class="screen-reader-text">Price range: &#36;19.99 through &#36;25.99</span></span>