- 제출된 URL:
- https://merchtees.me/
- 보고서 완료:
링크 · 0개 결과
페이지에서 식별된 외부 링크
JavaScript 변수 · 25개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| __wpcc | object |
| Drift | function |
| html5 | object |
| Modernizr | object |
| uidEvent | number |
콘솔 로그 메시지 · 4개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| error | network |
|
| log | other |
|
| error | network |
|
| error | network |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html class="js sizes websockets customelements history postmessage webworkers picture pointerevents webanimations webgl srcset flexbox cssanimations csscolumns csscolumns-width csscolumns-span csscolumns-fill csscolumns-gap csscolumns-rule csscolumns-rulecolor csscolumns-rulestyle csscolumns-rulewidth csscolumns-breakbefore csscolumns-breakafter csscolumns-breakinside" lang="en"><head>
<meta charset="utf-8">
<title>Welcome to Merchtees</title>
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="Discover our latest products at Merchtees.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Merchtees, products, shop">
<meta property="og:title" content="Welcome to Merchtees">
<meta property="og:type" content="website">
<meta property="og:url" content="http://merchtees.me/">
<meta property="og:image" content="">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="https://merchtees.me/assets/imgs/merchtees/favicon.png">
<!-- Template CSS -->
<link rel="stylesheet" href="https://merchtees.me/assets/css/main.css?v=3.4 ">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/drift-zoom/dist/drift-basic.min.css" rel="stylesheet" type="text/css">
<script src="https://cdn.jsdelivr.net/npm/drift-zoom/dist/Drift.min.js"></script>
</head>
<body style="overflow: visible;"><div class="body-overlay-1"></div>
<header class="header-area header-style-1 header-height-2">
<div class="header-top header-top-ptb-1 d-none d-lg-block">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-3 col-lg-4">
<div class="header-info">
</div>
</div>
<div class="col-xl-6 col-lg-4">
<div class="text-center">
<div id="news-flash" class="d-inline-block" style="overflow: hidden; position: relative; height: 0px;">
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4">
<div class="header-info header-info-right">
<ul>
<li><i class="fi-rs-user"></i><a href="https://merchtees.me/">Log In / Sign Up</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="header-middle header-middle-ptb-1 d-none d-lg-block mb-2">
<div class="container">
<div class="header-wrap">
<div class="logo logo-width-1">
<a href="/"><img src="https://merchtees.me/assets/imgs/merchtees/logo.png" alt="logo" style="width: 300px; height: auto;"></a>
</div>
<div class="header-right">
<div class="search-style-2">
<form action="#">
<input type="text" placeholder="Search for items...">
</form>
</div>
<div class="header-action-right">
<div class="header-action-2">
<!-- <div class="header-action-icon-2">
<a href="#">
<img class="svgInject" alt="Evara"
src="https://merchtees.me/assets/imgs/theme/icons/icon-heart.svg">
<span class="pro-count blue">4</span>
</a>
</div> -->
<div class="header-action-icon-2">
<a class="mini-cart-icon" href="https://merchtees.me/">
<img alt="Evara" src="https://merchtees.me/assets/imgs/theme/icons/icon-cart.svg">
<span class="pro-count blue">2</span>
</a>
<!-- <div class="cart-dropdown-wrap cart-dropdown-hm2">
<ul>
<li>
<div class="shopping-cart-img">
<a href="shop-product-right.html"><img alt="Evara"
src="https://merchtees.me/assets/imgs/shop/thumbnail-3.jpg"></a>
</div>
<div class="shopping-cart-title">
<h4><a href="shop-product-right.html">Daisy Casual Bag</a></h4>
<h4><span>1 × </span>$800.00</h4>
</div>
<div class="shopping-cart-delete">
<a href="#"><i class="fi-rs-cross-small"></i></a>
</div>
</li>
<li>
<div class="shopping-cart-img">
<a href="shop-product-right.html"><img alt="Evara"
src="assets/imgs/shop/thumbnail-2.jpg"></a>
</div>
<div class="shopping-cart-title">
<h4><a href="shop-product-right.html">Corduroy Shirts</a></h4>
<h4><span>1 × </span>$3200.00</h4>
</div>
<div class="shopping-cart-delete">
<a href="#"><i class="fi-rs-cross-small"></i></a>
</div>
</li>
</ul>
<div class="shopping-cart-footer">
<div class="shopping-cart-total">
<h4>Total <span>$4000.00</span></h4>
</div>
<div class="shopping-cart-button">
<a href="shop-cart.html" class="outline">View cart</a>
<a href="shop-checkout.html">Checkout</a>
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-bottom header-bottom-bg-color sticky-bar">
<div class="container">
<div class="header-wrap header-space-between position-relative">
<div class="logo logo-width-1 d-block d-lg-none">
<!-- <a href="index.html">
<h3>merchtees.com</h3>
</a> -->
<a href="/"><img src="https://merchtees.me/assets/imgs/merchtees/logo.png" alt="logo" style="width: 200px; height: auto;"></a>
</div>
<!-- <p class="mobile-promotion">Happy <span class="text-brand">Mother's Day</span>. Big Sale Up to 40% -->
<p></p>
<div class="header-action-right d-block d-lg-none">
<div class="header-action-2">
<!-- <div class="header-action-icon-2">
<a href="shop-wishlist.html">
<img alt="Evara" src="assets/imgs/theme/icons/icon-heart.svg">
<span class="pro-count white">4</span>
</a>
</div> -->
<div class="header-action-icon-2">
<a class="mini-cart-icon" href="shop-cart.html">
<img alt="Evara" src="assets/imgs/theme/icons/icon-cart.svg">
<span class="pro-count white">2</span>
</a>
<div class="cart-dropdown-wrap cart-dropdown-hm2">
<ul>
<li>
<div class="shopping-cart-img">
<a href="shop-product-right.html"><img alt="Evara" src="assets/imgs/shop/thumbnail-3.jpg"></a>
</div>
<div class="shopping-cart-title">
<h4><a href="shop-product-right.html">Plain Striola Shirts</a></h4>
<h3><span>1 × </span>$800.00</h3>
</div>
<div class="shopping-cart-delete">
<a href="#"><i class="fi-rs-cross-small"></i></a>
</div>
</li>
<li>
<div class="shopping-cart-img">
<a href="shop-product-right.html"><img alt="Evara" src="assets/imgs/shop/thumbnail-4.jpg"></a>
</div>
<div class="shopping-cart-title">
<h4><a href="shop-product-right.html">Macbook Pro 2022</a></h4>
<h3><span>1 × </span>$3500.00</h3>
</div>
<div class="shopping-cart-delete">
<a href="#"><i class="fi-rs-cross-small"></i></a>
</div>
</li>
</ul>
<div class="shopping-cart-footer">
<div class="shopping-cart-total">
<h4>Total <span>$383.00</span></h4>
</div>
<div class="shopping-cart-button">
<a href="shop-cart.html">View cart</a>
<a href="shop-checkout.html">Checkout</a>
</div>
</div>
</div>
</div>
<div class="header-action-icon-2 d-block d-lg-none">
<div class="burger-icon burger-icon-white">
<span class="burger-icon-top"></span>
<span class="burger-icon-mid"></span>
<span class="burger-icon-bottom"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<style>
.skeleton .skeleton-image,
.skeleton .skeleton-action,
.skeleton .skeleton-badges,
.skeleton .skeleton-category,
.skeleton .skeleton-title,
.skeleton .skeleton-rating,
.skeleton .skeleton-price,
.skeleton .skeleton-show {
background-color: #e0e0e0;
color: transparent;
}
.skeleton .skeleton-image {
height: 300px;
}
.skeleton .skeleton-category,
.skeleton .skeleton-title,
.skeleton .skeleton-price {
height: 20px;
margin: 5px 0;
}
.skeleton .skeleton-title {
width: 60%;
}
.skeleton .skeleton-rating {
width: 50%;
}
.skeleton .skeleton-price {
width: 30%;
}
</style>
<main class="main">
<section class="home-slider position-relative mb-30">
<div class="container">
<div class="home-slide-cover bg-grey-10 mt-30">
<div class="hero-slider-1 style-4 dot-style-1 dot-style-1-position-1 slick-initialized slick-slider slick-dotted">
<div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 1272px;"><div class="single-hero-slider single-animation-wrap slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="0" role="tabpanel" id="slick-slide00" aria-describedby="slick-slide-control00" style="width: 636px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;">
<div class="container">
<div class="row align-items-center slider-animated-1">
<div class="col-lg-6 col-md-6">
<div class="hero-slider-content-2">
<h4 class="animated">Launch Your Style</h4>
<h3 class="animated fw-900">Be Your Own Trendsetter</h3>
<h2 class="animated fw-900 text-brand">Sell Your Shirts</h2>
<p class="animated">Empower your style, join our marketplace!</p>
<a class="animated btn btn-brush btn-brush-3" href="https://my.merchtees.me/" tabindex="0"> Start
Selling </a>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="single-slider-img single-slider-img-1">
<img class="animated" src="assets/imgs/slider/seller-slider.png" alt="">
</div>
</div>
</div>
</div>
</div><div class="single-hero-slider single-animation-wrap slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide01" aria-describedby="slick-slide-control01" style="width: 636px; position: relative; left: -636px; top: 0px; z-index: 998; opacity: 0;">
<div class="container">
<div class="row align-items-center slider-animated-1">
<div class="col-lg-8 col-md-6">
<div class="hero-slider-content-2">
<h4 class="animated">Find Your Look</h4>
<h3 class="animated fw-900">Discover Your Fashion Passion</h3>
<h2 class="animated fw-900 text-brand">Explore Our Collection</h2>
<p class="animated">Dive into a world of style with our curated shirts!</p>
<a class="animated btn btn-brush btn-brush-1" onclick="smoothScroll('product-tabs')" tabindex="-1"> Explore Now </a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-slider-img single-slider-img-1">
<img class="animated" src="assets/imgs/slider/collection-slider.png" alt="">
</div>
</div>
</div>
</div>
</div></div></div>
<ul class="slick-dots" style="" role="tablist"><li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 2" tabindex="0" aria-selected="true">1</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 2" tabindex="-1">2</button></li></ul></div>
<div class="slider-arrow hero-slider-1-arrow"><span class="slider-btn slider-prev slick-arrow" style=""><i class="fi-rs-angle-left"></i></span><span class="slider-btn slider-next slick-arrow" style=""><i class="fi-rs-angle-right"></i></span></div>
</div>
</div>
</section>
<section id="product-tabs" class="product-tabs section-padding wow fadeIn animated animated animated" style="visibility: hidden; animation-name: none;">
<div class="container">
<div class="tab-header">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="nav-tab-one" data-bs-toggle="tab" data-bs-target="#tab-one" type="button" role="tab" aria-controls="tab-one" aria-selected="true">All Products</button>
</li>
</ul>
</div>
<!--End nav-tabs-->
<div class="tab-content wow fadeIn animated animated animated" id="myTabContent" style="visibility: hidden; animation-name: none;">
<div class="tab-pane fade show active" id="tab-one" role="tabpanel" aria-labelledby="tab-one">
<div class="row product-grid-4">
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=31194yRfhS">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/04fc7fb93f99bf541f61ea785fffcf93_product-image-front.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/59b99c8532185e9ae205dacd7c750e8c_product-image-back.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=31194yRfhS">Product sample 21</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$25</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=iQQCLcIImE">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/84ee62889a3c503ad28cf82bea328da4_product-image-front.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/ac155e21f44fb1c758b11b94ddddd40f_product-image-back.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=iQQCLcIImE">My First Shirt</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$20</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=oRJw7oEfpg">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/a3b9838e1d25324524378b9b37a74b76_product-image-front.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="path/to/default/image.jpg" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=oRJw7oEfpg">Little Lebowski Urban Achievers inspired by the Big Lebowski</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$8</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=SGIyd9GI1W">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/deea0360d463d2ae78746cbfcd7cb682_product-image-front.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/3d4e409726a3a85293ebeb7a97291b7a_product-image-back.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=SGIyd9GI1W">Test Product #3</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=AgLgyyKnAo">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/e4bff357a600bc51403880f556ffb433_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/3d0a895b731372bb8372110556ed36d4_productBackImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=AgLgyyKnAo">Test Product #2</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$12</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=N3hCbvfpG3">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/262f6b04cd81f871c7cc3bfa2def4b3e_product-image-front.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/b15d3ed40710893ed896f329d1b79a44_product-image-back.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=N3hCbvfpG3">Test Product #1</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$12</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=gn4Vl0MIzW">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/9b6fe819caaf19c54d39d8b88cc2ba1a_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/c10dcc088ab7cc48ca6ef6e189d01dca_productBackImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=gn4Vl0MIzW">Kamen Rider 123</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$12</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=VbySlwDQXD">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/af7ca736926c2b37877cf012731faf02_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/2d3f1c8eb6b871b8e4d8d8687d48acca_product-image-back.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=VbySlwDQXD">Kamen Rider</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$5</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=BNzYkARzy9">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/084de20b1258a95f459d5b82c7b3321b_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/cb1b1b37d6532e6c769964576df154a3_productBackImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=BNzYkARzy9">testsetes</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$123</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=fBgxDGfYjh">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/d27feab8bcb38dac0d7f8251c42e2e99_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/eb77c6768c83b7adc4b56412d40f4141_productBackImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=fBgxDGfYjh">Product title 2</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$15</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=Z8kpAHGwHa">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/125ddcdffdfe1ffc8ece5554352a922e_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/86e0ddac2625c6ad41d68b148a00db7f_productBackImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=Z8kpAHGwHa">Product title 1</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$123</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=zyOfBCGSQk">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/64f4c7637c2f6c5e6728fc6261b30203_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/99e913ed82d781bf92b967f50fe81315_productBackImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=zyOfBCGSQk">test 1</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$25</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=MTEvn1trji">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/bb2d6408106c70fe328a5cddbbe40281_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/8b60ccba0a9e2940137c9f8625e4bd48_productBackImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=MTEvn1trji">Pura Vida</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=tUCxEKPCkD">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/8c4390143f18b55e63e18c0a22cef40e_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/d55f99f055d46d88f456cffbf9d07081_productBackImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=tUCxEKPCkD">another cool shirt</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$20</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=l51UDHPOyN">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/6a27a0835df18758512d020ec9ca7314_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/1a624f6c0d9bd64b6baf559db2511fd0_productBackImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=l51UDHPOyN">test generate</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$15</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=uDxUT7k8pK">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/113965851539d2be1c5009f0c6ce13f0_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/55902320b123005e1f5fa04fd56bed4a_productBackImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=uDxUT7k8pK">t shirt good</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$15</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=LaoZV9d2ro">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/40370b95a15738468dce30cd34ab3897_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/c8055c3be94e57ec0c0fc084f18a9624_productBackImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=LaoZV9d2ro">T Shirt Awesome</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$15</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=dhAxTL7ICC">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/03088f4ae95757e8d05bdf4fafaa8e8e_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/2f2eeb9051edd992cbbd17101f4a3de8_productBackImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=dhAxTL7ICC">test image generate two</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$15</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=hWfGfpr6Bv">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/f965a512edd5f443c25bc9f252d4dbcc_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/814e2ba4695c2350a7da9091493f2d49_productBackImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=hWfGfpr6Bv">test image generate</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$15</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=G7NsGTStXA">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/0ed68d7bd77a38a8c114a2204bf659e7_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/ffcd645119ec2017c03f123e08fe81f2_productBackImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=G7NsGTStXA">sample product title test</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$14</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=oC0XeZrYtT">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/ae04de933b87cd160977126c8991a5ae_productFrontImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/5a050d98f4d889507e1451106347b355_productBackImage.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=oC0XeZrYtT">Product title 2</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$10</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=JgHlGCt87y">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/c9dfacfe9a999516f4f1f6b9b1f07bb1_photo.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/395a4711a90465793168882924eb45d0_photo.jpg" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=JgHlGCt87y">Product title 1</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$10</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=dSqidx7yeF">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/6fbeaccd474e1b0ae3bd4cabf5d42f53_photo.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/48dc9072c730d6d44a9a9f7cde94dafa_photo.jpg" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=dSqidx7yeF">a cool d and d shirt to wear</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$11</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=xR3MDy5sM4">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/2cfb94f840df20b74bd98016cd8322fa_photo.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/ca8c49c93aed264f4980ebf68dfbaaa6_photo.jpg" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=xR3MDy5sM4">Skratchernet Basic T-Shirt</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=mrhlaCBePP">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/080d0b78595ae6194d09343437b93424_photo.png" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/da94c2027228a53d707fda6dbc5d2f1c_photo.jpg" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=mrhlaCBePP">Edited Product Title Test</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$112</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href="/product?productId=BGAdb7Ddl1">
<img class="default-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/fea6bfa7dc78f6fc1df364d1fbbe57b5_photo.jpg" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
<img class="hover-img" src="https://parsefiles.back4app.com/10ytkpsZ1Is235ozdRi5a5JW6ZoNfzVjerfe6XEo/6b678b3aef5825fb2c6f4c23fce14bc8_photo.jpg" alt="" loading="lazy" style="height: 300px; width: 100%; object-fit: cover;">
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
<a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href="shop-grid-right.html">Example Category</a>
</div>
<h2><a href="/product?productId=BGAdb7Ddl1">Product title 3</a></h2>
<div class="rating-result" title="90%">
<span><span>90%</span></span>
</div>
<div class="product-price">
<span>$15</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="load-more-area">
<button class="btn btn-primary load-more-btn">Load More Products...</button>
</div>
</div>
</div>
</section>
<script>
document.addEventListener("DOMContentLoaded", function() {
let processing = false;
const loadMoreButton = document.querySelector('.load-more-btn');
function smoothScroll(target) {
var targetElement = document.getElementById(target);
var targetPosition = targetElement.getBoundingClientRect().top + window.scrollY;
window.scrollTo({
top: targetPosition,
behavior: 'smooth'
});
}
function showSkeletonLoader() {
const productGrid = document.querySelector('.product-grid-4');
const skeletonHTML = generateSkeletonHtml(2);
productGrid.insertAdjacentHTML('beforeend', skeletonHTML);
}
function hideSkeletonLoader() {
document.querySelectorAll('.skeleton').forEach(skeleton => skeleton.remove());
}
function loadMoreItems(skip) {
if (processing) return;
processing = true;
showSkeletonLoader();
const currentUrl = new URL(window.location.href);
const params = new URLSearchParams(currentUrl.search);
params.set('skip', skip);
params.set('ajax', 1);
fetch(`${currentUrl.pathname}?${params.toString()}`)
.then(response => response.text())
.then(data => {
hideSkeletonLoader();
const parser = new DOMParser();
const doc = parser.parseFromString(data, 'text/html');
const newItems = doc.querySelectorAll('.product-cart-wrap').length;
if (newItems > 0) {
const productGrid = document.querySelector('.product-grid-4');
clearSkeletonLoaders();
productGrid.insertAdjacentHTML('beforeend', data);
updateProductCount(newItems);
} else {
loadMoreButton.style.display = 'none';
}
processing = false;
})
.catch(error => {
console.error('Error fetching data: ', error);
hideSkeletonLoader();
processing = false;
});
}
function clearSkeletonLoaders() {
document.querySelectorAll('.skeleton-wrap').forEach(skeleton => {
skeleton.parentNode.removeChild(skeleton);
});
}
function generateSkeletonHtml(count) {
let skeletons = '';
for (let i = 0; i < count; i++) {
skeletons += `
<div class="col-lg-3 col-md-4 col-12 col-sm-6 skeleton-wrap">
<div class="product-cart-wrap mb-30 skeleton">
<div class="product-img-action-wrap">
<div class="skeleton-image"></div>
</div>
<div class="product-content-wrap">
<div class="skeleton-category"></div>
<h2 class="skeleton-title"></h2>
<div class="skeleton-rating"></div>
<div class="skeleton-price"></div>
</div>
</div>
</div>`;
}
return skeletons;
}
loadMoreButton.addEventListener('click', function() {
const skipValue = document.querySelectorAll('.product-cart-wrap').length;
loadMoreItems(skipValue);
});
});
</script>
</main>
<footer class="main">
<section class="newsletter p-30 text-white wow fadeIn animated" style="visibility: hidden; animation-name: none;">
</section>
<section class="section-padding footer-mid">
<div class="container pt-15 pb-20">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="widget-about font-md mb-md-5 mb-lg-0">
<div class="logo logo-width-1 wow fadeIn animated" style="visibility: hidden; animation-name: none;">
<a href="/"><img src="https://merchtees.me/assets/imgs/merchtees/logo.png" alt="logo" style="width: 500px; height: auto;"></a>
</div>
</div>
</div>
<div class="col-lg-2 col-md-3">
<h5 class="widget-title wow fadeIn animated" style="visibility: hidden; animation-name: none;">About</h5>
<ul class="footer-list wow fadeIn animated mb-sm-5 mb-md-0" style="visibility: hidden; animation-name: none;">
<li><a href="https://merchtees.me/about-us">About Us</a></li>
<!-- <li><a href="https://merchtees.me/delivery-information">Delivery Information</a></li> -->
<li><a href="https://merchtees.me/privacy-policy">Privacy Policy</a></li>
<li><a href="https://merchtees.me/terms-and-conditions">Terms & Conditions</a></li>
<li><a href="https://merchtees.me/contact-us">Contact Us</a></li>
<li><a href="https://merchtees.me/frequently-asked-questions">Frequently Asked Questions</a></li>
<li><a href="https://merchtees.me/instructional-videos">Instructional Videos</a></li>
<li><a href="https://merchtees.me/artists-and-contributors">Artist & Contributors</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-3">
<h5 class="widget-title wow fadeIn animated" style="visibility: hidden; animation-name: none;">My Account</h5>
<ul class="footer-list wow fadeIn animated" style="visibility: hidden; animation-name: none;">
<li><a href="#">Sign In</a></li>
<li><a href="#">View Cart</a></li>
<li><a href="#">My Wishlist</a></li>
<li><a href="#">Track My Order</a></li>
<li><a href="#">Help</a></li>
<!-- <li><a href="#">Order</a></li> -->
</ul>
</div>
<div class="col-lg-4">
</div>
</div>
</div>
</section>
<div class="container pb-20 wow fadeIn animated" style="visibility: hidden; animation-name: none;">
<div class="row">
<div class="col-12 mb-20">
<div class="footer-bottom"></div>
</div>
<div class="col-lg-6">
<p class="float-md-left font-sm text-muted mb-0">© 2022, <strong class="text-brand">
merchtees.com</strong>
</p>
</div>
<div class="col-lg-6">
</div>
</div>
</div>
</footer>
<!-- Preloader Start -->
<div id="preloader-active" style="display: none;">
<div class="preloader d-flex align-items-center justify-content-center">
<div class="preloader-inner position-relative">
<div class="text-center">
<h5 class="mb-5">Now Loading</h5>
<div class="loader">
<div class="bar bar1"></div>
<div class="bar bar2"></div>
<div class="bar bar3"></div>
</div>
</div>
</div>
</div>
</div>
<!-- Vendor JS -->
<script src="https://merchtees.me/assets/js/vendor/modernizr-3.6.0.min.js"></script>
<script src="https://merchtees.me/assets/js/vendor/jquery-3.6.0.min.js"></script>
<script src="https://merchtees.me/assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
<script src="https://merchtees.me/assets/js/vendor/bootstrap.bundle.min.js"></script>
<script src="https://merchtees.me/assets/js/plugins/slick.js"></script>
<script src="https://merchtees.me/assets/js/plugins/jquery.syotimer.min.js"></script>
<script src="https://merchtees.me/assets/js/plugins/wow.js"></script>
<script src="https://merchtees.me/assets/js/plugins/jquery-ui.js"></script>
<script src="https://merchtees.me/assets/js/plugins/perfect-scrollbar.js"></script>
<script src="https://merchtees.me/assets/js/plugins/magnific-popup.js"></script>
<script src="https://merchtees.me/assets/js/plugins/select2.min.js"></script>
<script src="https://merchtees.me/assets/js/plugins/waypoints.js"></script>
<script src="https://merchtees.me/assets/js/plugins/counterup.js"></script>
<script src="https://merchtees.me/assets/js/plugins/jquery.countdown.min.js"></script>
<script src="https://merchtees.me/assets/js/plugins/images-loaded.js"></script>
<script src="https://merchtees.me/assets/js/plugins/isotope.js"></script>
<script src="https://merchtees.me/assets/js/plugins/scrollup.js"></script>
<script src="https://merchtees.me/assets/js/plugins/jquery.vticker-min.js"></script>
<script src="https://merchtees.me/assets/js/plugins/jquery.theia.sticky.js"></script>
<script src="https://merchtees.me/assets/js/plugins/jquery.elevatezoom.js"></script>
<!-- Template JS -->
<script src="https://merchtees.me/assets/js/main.js?v=3.4"></script><a id="scrollUp" href="#top" style="display: none; position: fixed; z-index: 2147483647;"><i class="fi-rs-arrow-up"></i></a>
<script src="https://merchtees.me/assets/js/shop.js?v=3.4"></script>
</body></html>