728 lines
29 KiB
HTML
728 lines
29 KiB
HTML
<html data-vvvebjs-editor><head><base src="../"><link href="../css/style.bundle.css" rel="stylesheet"><link href="../css/screenshots.css" rel="stylesheet"><style>[data-reveal] {
|
|
opacity: 1;
|
|
transform: translate(0);
|
|
}</style><link href="../css/screenshots.css" rel="stylesheet"></head><body><section title="Products 1" class="products-1" aria-label="products-1">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="section-heading text-center">
|
|
<h2 class="text-center display-6 mb-1 fw-bold">Latest Products</h2>
|
|
<p class="lead text-center text-muted mb-4">Best quality at the lowest price.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container" data-v-component-products="latest" data-v-limit="8" data-v-variant_price="true" data-v-image_size="medium">
|
|
<div class="row">
|
|
|
|
|
|
|
|
<div class="col-md-3" data-aos="fade-up" data-aos-delay="000" data-v-product>
|
|
|
|
<article class="single-product-wrapper">
|
|
<!-- Product Image -->
|
|
<a href="product/product.html" data-v-product-url> </a>
|
|
<div class="product-image">
|
|
<a href="product/product.html" data-v-product-url>
|
|
|
|
<img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
|
|
<img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
|
|
|
|
<!-- Hover Thumb -->
|
|
<img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
|
|
</a>
|
|
|
|
|
|
<!-- Favourite -->
|
|
<div class="product-favourite">
|
|
<a href="product/product.html" class="la la-heart" data-v-vvveb-action="addToWishlist" data-v-product-add_wishlist_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Compare -->
|
|
<div class="product-compare">
|
|
<a href="product/product.html" class="la la-random" data-v-vvveb-action="addToCompare" data-v-product-add_compare_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="badges">
|
|
<span class="badge text-bg-secondary" data-v-if="prod.old_price > 0">Sale</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Product Description -->
|
|
<div class="product-content">
|
|
|
|
<a href="product/product.html" class="text-body" data-v-product-url>
|
|
<span data-v-product-name>Product 8</span>
|
|
</a>
|
|
|
|
<p data-v-if="prod.min_price > 0">
|
|
<span class="text-muted small">From</span>
|
|
<span class="product-price" data-v-product-min_price_tax_formatted>100.0000</span>
|
|
</p>
|
|
|
|
<div data-v-if-not="prod.min_price">
|
|
<p class="product-price old-price" data-v-if="prod.old_price > 0" data-v-product-old_price_tax_formatted>100.0000</p>
|
|
<p class="product-price" data-v-if="prod.price > 0" data-v-product-price_tax_formatted>100.0000</p>
|
|
</div>
|
|
|
|
<!-- Hover Content -->
|
|
<div class="hover-content" data-v-if="prod.price > 0 && !prod.has_variants">
|
|
<!-- Add to Cart -->
|
|
<div class="add-to-cart-btn">
|
|
<input type="hidden" name="product_id" value="" data-v-product-product_id />
|
|
|
|
<a href="#" class="btn btn-secondary btn-sm w-100 disabled" data-v-if="prod.stock_quantity < 1">
|
|
<span class="button-text">
|
|
Out of stock
|
|
</span>
|
|
</a>
|
|
|
|
<a href="" class="btn btn-primary btn-sm w-100" data-v-if="prod.stock_quantity > 0" data-v-product-add_cart_url data-v-vvveb-action="addToCart" data-product_id="1">
|
|
|
|
<span class="loading d-none">
|
|
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"> </span>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
<span class="button-text">
|
|
<i class="la la-lg la-shopping-bag"></i>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-3" data-aos="fade-up" data-aos-delay="100" data-v-product>
|
|
|
|
<article class="single-product-wrapper">
|
|
<!-- Product Image -->
|
|
<a href="product/product.html" data-v-product-url> </a>
|
|
<div class="product-image">
|
|
<a href="product/product.html" data-v-product-url>
|
|
|
|
<img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
|
|
<img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
|
|
|
|
<!-- Hover Thumb -->
|
|
<img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
|
|
</a>
|
|
|
|
|
|
<!-- Favourite -->
|
|
<div class="product-favourite">
|
|
<a href="product/product.html" class="la la-heart" data-v-vvveb-action="addToWishlist" data-v-product-add_wishlist_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Compare -->
|
|
<div class="product-compare">
|
|
<a href="product/product.html" class="la la-random" data-v-vvveb-action="addToCompare" data-v-product-add_compare_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="badges">
|
|
<span class="badge text-bg-secondary" data-v-if="prod.old_price > 0">Sale</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Product Description -->
|
|
<div class="product-content">
|
|
|
|
<a href="product/product.html" class="text-body" data-v-product-url>
|
|
<span data-v-product-name>Product 8</span>
|
|
</a>
|
|
|
|
<p data-v-if="prod.min_price > 0">
|
|
<span class="text-muted small">From</span>
|
|
<span class="product-price" data-v-product-min_price_tax_formatted>100.0000</span>
|
|
</p>
|
|
|
|
<div data-v-if-not="prod.min_price">
|
|
<p class="product-price old-price" data-v-if="prod.old_price > 0" data-v-product-old_price_tax_formatted>100.0000</p>
|
|
<p class="product-price" data-v-if="prod.price > 0" data-v-product-price_tax_formatted>100.0000</p>
|
|
</div>
|
|
|
|
<!-- Hover Content -->
|
|
<div class="hover-content" data-v-if="prod.price > 0 && !prod.has_variants">
|
|
<!-- Add to Cart -->
|
|
<div class="add-to-cart-btn">
|
|
<input type="hidden" name="product_id" value="" data-v-product-product_id />
|
|
|
|
<a href="#" class="btn btn-secondary btn-sm w-100 disabled" data-v-if="prod.stock_quantity < 1">
|
|
<span class="button-text">
|
|
Out of stock
|
|
</span>
|
|
</a>
|
|
|
|
<a href="" class="btn btn-primary btn-sm w-100" data-v-if="prod.stock_quantity > 0" data-v-product-add_cart_url data-v-vvveb-action="addToCart" data-product_id="1">
|
|
|
|
<span class="loading d-none">
|
|
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"> </span>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
<span class="button-text">
|
|
<i class="la la-lg la-shopping-bag"></i>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-3" data-aos="fade-up" data-aos-delay="200" data-v-product>
|
|
|
|
<article class="single-product-wrapper">
|
|
<!-- Product Image -->
|
|
<a href="product/product.html" data-v-product-url> </a>
|
|
<div class="product-image">
|
|
<a href="product/product.html" data-v-product-url>
|
|
|
|
<img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
|
|
<img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
|
|
|
|
<!-- Hover Thumb -->
|
|
<img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
|
|
</a>
|
|
|
|
|
|
<!-- Favourite -->
|
|
<div class="product-favourite">
|
|
<a href="product/product.html" class="la la-heart" data-v-vvveb-action="addToWishlist" data-v-product-add_wishlist_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Compare -->
|
|
<div class="product-compare">
|
|
<a href="product/product.html" class="la la-random" data-v-vvveb-action="addToCompare" data-v-product-add_compare_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="badges">
|
|
<span class="badge text-bg-secondary" data-v-if="prod.old_price > 0">Sale</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Product Description -->
|
|
<div class="product-content">
|
|
|
|
<a href="product/product.html" class="text-body" data-v-product-url>
|
|
<span data-v-product-name>Product 8</span>
|
|
</a>
|
|
|
|
<p data-v-if="prod.min_price > 0">
|
|
<span class="text-muted small">From</span>
|
|
<span class="product-price" data-v-product-min_price_tax_formatted>100.0000</span>
|
|
</p>
|
|
|
|
<div data-v-if-not="prod.min_price">
|
|
<p class="product-price old-price" data-v-if="prod.old_price > 0" data-v-product-old_price_tax_formatted>100.0000</p>
|
|
<p class="product-price" data-v-if="prod.price > 0" data-v-product-price_tax_formatted>100.0000</p>
|
|
</div>
|
|
|
|
<!-- Hover Content -->
|
|
<div class="hover-content" data-v-if="prod.price > 0 && !prod.has_variants">
|
|
<!-- Add to Cart -->
|
|
<div class="add-to-cart-btn">
|
|
<input type="hidden" name="product_id" value="" data-v-product-product_id />
|
|
|
|
<a href="#" class="btn btn-secondary btn-sm w-100 disabled" data-v-if="prod.stock_quantity < 1">
|
|
<span class="button-text">
|
|
Out of stock
|
|
</span>
|
|
</a>
|
|
|
|
<a href="" class="btn btn-primary btn-sm w-100" data-v-if="prod.stock_quantity > 0" data-v-product-add_cart_url data-v-vvveb-action="addToCart" data-product_id="1">
|
|
|
|
<span class="loading d-none">
|
|
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"> </span>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
<span class="button-text">
|
|
<i class="la la-lg la-shopping-bag"></i>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-3" data-aos="fade-up" data-aos-delay="300" data-v-product>
|
|
|
|
<article class="single-product-wrapper">
|
|
<!-- Product Image -->
|
|
<a href="product/product.html" data-v-product-url> </a>
|
|
<div class="product-image">
|
|
<a href="product/product.html" data-v-product-url>
|
|
|
|
<img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
|
|
<img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
|
|
|
|
<!-- Hover Thumb -->
|
|
<img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
|
|
</a>
|
|
|
|
|
|
<!-- Favourite -->
|
|
<div class="product-favourite">
|
|
<a href="product/product.html" class="la la-heart" data-v-vvveb-action="addToWishlist" data-v-product-add_wishlist_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Compare -->
|
|
<div class="product-compare">
|
|
<a href="product/product.html" class="la la-random" data-v-vvveb-action="addToCompare" data-v-product-add_compare_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="badges">
|
|
<span class="badge text-bg-secondary" data-v-if="prod.old_price > 0">Sale</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Product Description -->
|
|
<div class="product-content">
|
|
|
|
<a href="product/product.html" class="text-body" data-v-product-url>
|
|
<span data-v-product-name>Product 8</span>
|
|
</a>
|
|
|
|
<p data-v-if="prod.min_price > 0">
|
|
<span class="text-muted small">From</span>
|
|
<span class="product-price" data-v-product-min_price_tax_formatted>100.0000</span>
|
|
</p>
|
|
|
|
<div data-v-if-not="prod.min_price">
|
|
<p class="product-price old-price" data-v-if="prod.old_price > 0" data-v-product-old_price_tax_formatted>100.0000</p>
|
|
<p class="product-price" data-v-if="prod.price > 0" data-v-product-price_tax_formatted>100.0000</p>
|
|
</div>
|
|
|
|
<!-- Hover Content -->
|
|
<div class="hover-content" data-v-if="prod.price > 0 && !prod.has_variants">
|
|
<!-- Add to Cart -->
|
|
<div class="add-to-cart-btn">
|
|
<input type="hidden" name="product_id" value="" data-v-product-product_id />
|
|
|
|
<a href="#" class="btn btn-secondary btn-sm w-100 disabled" data-v-if="prod.stock_quantity < 1">
|
|
<span class="button-text">
|
|
Out of stock
|
|
</span>
|
|
</a>
|
|
|
|
<a href="" class="btn btn-primary btn-sm w-100" data-v-if="prod.stock_quantity > 0" data-v-product-add_cart_url data-v-vvveb-action="addToCart" data-product_id="1">
|
|
|
|
<span class="loading d-none">
|
|
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"> </span>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
<span class="button-text">
|
|
<i class="la la-lg la-shopping-bag"></i>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-3" data-aos="fade-up" data-aos-delay="400" data-v-product>
|
|
|
|
<article class="single-product-wrapper">
|
|
<!-- Product Image -->
|
|
<a href="product/product.html" data-v-product-url> </a>
|
|
<div class="product-image">
|
|
<a href="product/product.html" data-v-product-url>
|
|
|
|
<img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
|
|
<img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
|
|
|
|
<!-- Hover Thumb -->
|
|
<img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
|
|
</a>
|
|
|
|
|
|
<!-- Favourite -->
|
|
<div class="product-favourite">
|
|
<a href="product/product.html" class="la la-heart" data-v-vvveb-action="addToWishlist" data-v-product-add_wishlist_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Compare -->
|
|
<div class="product-compare">
|
|
<a href="product/product.html" class="la la-random" data-v-vvveb-action="addToCompare" data-v-product-add_compare_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="badges">
|
|
<span class="badge text-bg-secondary" data-v-if="prod.old_price > 0">Sale</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Product Description -->
|
|
<div class="product-content">
|
|
|
|
<a href="product/product.html" class="text-body" data-v-product-url>
|
|
<span data-v-product-name>Product 8</span>
|
|
</a>
|
|
|
|
<p data-v-if="prod.min_price > 0">
|
|
<span class="text-muted small">From</span>
|
|
<span class="product-price" data-v-product-min_price_tax_formatted>100.0000</span>
|
|
</p>
|
|
|
|
<div data-v-if-not="prod.min_price">
|
|
<p class="product-price old-price" data-v-if="prod.old_price > 0" data-v-product-old_price_tax_formatted>100.0000</p>
|
|
<p class="product-price" data-v-if="prod.price > 0" data-v-product-price_tax_formatted>100.0000</p>
|
|
</div>
|
|
|
|
<!-- Hover Content -->
|
|
<div class="hover-content" data-v-if="prod.price > 0 && !prod.has_variants">
|
|
<!-- Add to Cart -->
|
|
<div class="add-to-cart-btn">
|
|
<input type="hidden" name="product_id" value="" data-v-product-product_id />
|
|
|
|
<a href="#" class="btn btn-secondary btn-sm w-100 disabled" data-v-if="prod.stock_quantity < 1">
|
|
<span class="button-text">
|
|
Out of stock
|
|
</span>
|
|
</a>
|
|
|
|
<a href="" class="btn btn-primary btn-sm w-100" data-v-if="prod.stock_quantity > 0" data-v-product-add_cart_url data-v-vvveb-action="addToCart" data-product_id="1">
|
|
|
|
<span class="loading d-none">
|
|
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"> </span>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
<span class="button-text">
|
|
<i class="la la-lg la-shopping-bag"></i>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-3" data-aos="fade-up" data-aos-delay="500" data-v-product>
|
|
|
|
<article class="single-product-wrapper">
|
|
<!-- Product Image -->
|
|
<a href="product/product.html" data-v-product-url> </a>
|
|
<div class="product-image">
|
|
<a href="product/product.html" data-v-product-url>
|
|
|
|
<img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
|
|
<img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
|
|
|
|
<!-- Hover Thumb -->
|
|
<img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
|
|
</a>
|
|
|
|
|
|
<!-- Favourite -->
|
|
<div class="product-favourite">
|
|
<a href="product/product.html" class="la la-heart" data-v-vvveb-action="addToWishlist" data-v-product-add_wishlist_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Compare -->
|
|
<div class="product-compare">
|
|
<a href="product/product.html" class="la la-random" data-v-vvveb-action="addToCompare" data-v-product-add_compare_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="badges">
|
|
<span class="badge text-bg-secondary" data-v-if="prod.old_price > 0">Sale</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Product Description -->
|
|
<div class="product-content">
|
|
|
|
<a href="product/product.html" class="text-body" data-v-product-url>
|
|
<span data-v-product-name>Product 8</span>
|
|
</a>
|
|
|
|
<p data-v-if="prod.min_price > 0">
|
|
<span class="text-muted small">From</span>
|
|
<span class="product-price" data-v-product-min_price_tax_formatted>100.0000</span>
|
|
</p>
|
|
|
|
<div data-v-if-not="prod.min_price">
|
|
<p class="product-price old-price" data-v-if="prod.old_price > 0" data-v-product-old_price_tax_formatted>100.0000</p>
|
|
<p class="product-price" data-v-if="prod.price > 0" data-v-product-price_tax_formatted>100.0000</p>
|
|
</div>
|
|
|
|
<!-- Hover Content -->
|
|
<div class="hover-content" data-v-if="prod.price > 0 && !prod.has_variants">
|
|
<!-- Add to Cart -->
|
|
<div class="add-to-cart-btn">
|
|
<input type="hidden" name="product_id" value="" data-v-product-product_id />
|
|
|
|
<a href="#" class="btn btn-secondary btn-sm w-100 disabled" data-v-if="prod.stock_quantity < 1">
|
|
<span class="button-text">
|
|
Out of stock
|
|
</span>
|
|
</a>
|
|
|
|
<a href="" class="btn btn-primary btn-sm w-100" data-v-if="prod.stock_quantity > 0" data-v-product-add_cart_url data-v-vvveb-action="addToCart" data-product_id="1">
|
|
|
|
<span class="loading d-none">
|
|
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"> </span>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
<span class="button-text">
|
|
<i class="la la-lg la-shopping-bag"></i>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-3" data-aos="fade-up" data-aos-delay="600" data-v-product>
|
|
|
|
<article class="single-product-wrapper">
|
|
<!-- Product Image -->
|
|
<a href="product/product.html" data-v-product-url> </a>
|
|
<div class="product-image">
|
|
<a href="product/product.html" data-v-product-url>
|
|
|
|
<img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
|
|
<img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
|
|
|
|
<!-- Hover Thumb -->
|
|
<img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
|
|
</a>
|
|
|
|
|
|
<!-- Favourite -->
|
|
<div class="product-favourite">
|
|
<a href="product/product.html" class="la la-heart" data-v-vvveb-action="addToWishlist" data-v-product-add_wishlist_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Compare -->
|
|
<div class="product-compare">
|
|
<a href="product/product.html" class="la la-random" data-v-vvveb-action="addToCompare" data-v-product-add_compare_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="badges">
|
|
<span class="badge text-bg-secondary" data-v-if="prod.old_price > 0">Sale</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Product Description -->
|
|
<div class="product-content">
|
|
|
|
<a href="product/product.html" class="text-body" data-v-product-url>
|
|
<span data-v-product-name>Product 8</span>
|
|
</a>
|
|
|
|
<p data-v-if="prod.min_price > 0">
|
|
<span class="text-muted small">From</span>
|
|
<span class="product-price" data-v-product-min_price_tax_formatted>100.0000</span>
|
|
</p>
|
|
|
|
<div data-v-if-not="prod.min_price">
|
|
<p class="product-price old-price" data-v-if="prod.old_price > 0" data-v-product-old_price_tax_formatted>100.0000</p>
|
|
<p class="product-price" data-v-if="prod.price > 0" data-v-product-price_tax_formatted>100.0000</p>
|
|
</div>
|
|
|
|
<!-- Hover Content -->
|
|
<div class="hover-content" data-v-if="prod.price > 0 && !prod.has_variants">
|
|
<!-- Add to Cart -->
|
|
<div class="add-to-cart-btn">
|
|
<input type="hidden" name="product_id" value="" data-v-product-product_id />
|
|
|
|
<a href="#" class="btn btn-secondary btn-sm w-100 disabled" data-v-if="prod.stock_quantity < 1">
|
|
<span class="button-text">
|
|
Out of stock
|
|
</span>
|
|
</a>
|
|
|
|
<a href="" class="btn btn-primary btn-sm w-100" data-v-if="prod.stock_quantity > 0" data-v-product-add_cart_url data-v-vvveb-action="addToCart" data-product_id="1">
|
|
|
|
<span class="loading d-none">
|
|
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"> </span>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
<span class="button-text">
|
|
<i class="la la-lg la-shopping-bag"></i>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-3" data-aos="fade-up" data-aos-delay="700" data-v-product>
|
|
|
|
<article class="single-product-wrapper">
|
|
<!-- Product Image -->
|
|
<a href="product/product.html" data-v-product-url> </a>
|
|
<div class="product-image">
|
|
<a href="product/product.html" data-v-product-url>
|
|
|
|
<img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
|
|
<img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
|
|
|
|
<!-- Hover Thumb -->
|
|
<img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
|
|
</a>
|
|
|
|
|
|
<!-- Favourite -->
|
|
<div class="product-favourite">
|
|
<a href="product/product.html" class="la la-heart" data-v-vvveb-action="addToWishlist" data-v-product-add_wishlist_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Compare -->
|
|
<div class="product-compare">
|
|
<a href="product/product.html" class="la la-random" data-v-vvveb-action="addToCompare" data-v-product-add_compare_url>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="badges">
|
|
<span class="badge text-bg-secondary" data-v-if="prod.old_price > 0">Sale</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Product Description -->
|
|
<div class="product-content">
|
|
|
|
<a href="product/product.html" class="text-body" data-v-product-url>
|
|
<span data-v-product-name>Product 8</span>
|
|
</a>
|
|
|
|
<p data-v-if="prod.min_price > 0">
|
|
<span class="text-muted small">From</span>
|
|
<span class="product-price" data-v-product-min_price_tax_formatted>100.0000</span>
|
|
</p>
|
|
|
|
<div data-v-if-not="prod.min_price">
|
|
<p class="product-price old-price" data-v-if="prod.old_price > 0" data-v-product-old_price_tax_formatted>100.0000</p>
|
|
<p class="product-price" data-v-if="prod.price > 0" data-v-product-price_tax_formatted>100.0000</p>
|
|
</div>
|
|
|
|
<!-- Hover Content -->
|
|
<div class="hover-content" data-v-if="prod.price > 0 && !prod.has_variants">
|
|
<!-- Add to Cart -->
|
|
<div class="add-to-cart-btn">
|
|
<input type="hidden" name="product_id" value="" data-v-product-product_id />
|
|
|
|
<a href="#" class="btn btn-secondary btn-sm w-100 disabled" data-v-if="prod.stock_quantity < 1">
|
|
<span class="button-text">
|
|
Out of stock
|
|
</span>
|
|
</a>
|
|
|
|
<a href="" class="btn btn-primary btn-sm w-100" data-v-if="prod.stock_quantity > 0" data-v-product-add_cart_url data-v-vvveb-action="addToCart" data-product_id="1">
|
|
|
|
<span class="loading d-none">
|
|
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"> </span>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
<span class="button-text">
|
|
<i class="la la-lg la-shopping-bag"></i>
|
|
<span>Add to cart</span>
|
|
</span>
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</section></body></html> |