RUSH
<br/>GRACE UNDER PRESSURE<br/><br/><Book Type><br/>Band Score<br/><br/><Publisher><br/>Zen-On Music Company<br/><br/><Content and Songs><br/>We have included a photo of the table of contents, please take a look.<br/><br/><Notes><br/>None<br/><br/><Other Conditions><br/>There may be signs of aging, stains, etc., but the condition is still solid.<br/><br/>~~~Other Information~~~<br/>Shipping Method<br/>1. Packaged in a transparent vinyl bag for waterproofing.<br/>2. Packaged with bubble wrap for drop protection (depending on the size of the shipment, bubble wrap processing may not be possible).<br/>3. We will accommodate other preferred shipping methods as much as possible.<br/><br/>~~~Terminology Explanation~~~<br/>Aging<br/>A change in the quality of a product over time, in the case of books, it refers to<br/>fading, stains, corner damage, cover damage, etc., all collectively referred to here.<br/><br/>Reference Number [240902-A]</p><table border='1'><tbody><tr><th><b>Category</b></th><th>Books > Nonfiction Books > Art Books</th></tr><tr><th><b>Size</b></th><th>N/A</th></tr><tr><th><b>Brand</b></th><th>None</th></tr><tr><th><b>Condition</b></th><th>Good</th></tr></tbody></table> </div>
<div class="product-detail-ex">
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m43959651847_1.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m43959651847_1.jpg" alt="★Sheet music / Rush / RUSH / Grace Under Pressure / Band Score" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m43959651847_2.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m43959651847_2.jpg" alt="★Sheet music / Rush / RUSH / Grace Under Pressure / Band Score" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m43959651847_3.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m43959651847_3.jpg" alt="★Sheet music / Rush / RUSH / Grace Under Pressure / Band Score" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m43959651847_4.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m43959651847_4.jpg" alt="★Sheet music / Rush / RUSH / Grace Under Pressure / Band Score" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m43959651847_5.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m43959651847_5.jpg" alt="★Sheet music / Rush / RUSH / Grace Under Pressure / Band Score" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m43959651847_6.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m43959651847_6.jpg" alt="★Sheet music / Rush / RUSH / Grace Under Pressure / Band Score" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m43959651847_7.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m43959651847_7.jpg" alt="★Sheet music / Rush / RUSH / Grace Under Pressure / Band Score" style="width:100%">
</a>
</p>
</div>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<!-- Section for "Tools & equipment" -->
<!-- Section for "Wanderer" -->
<!-- Section 1: Products from the same leaf category -->
<div class="related-products-section">
<h3 class="related-products-header">Art Books</h3>
<div class="related-products-grid">
<div class="related-product-card">
<a href="https://juss.fun/products/world-art-collection-impressionism-art-books-bundle-of-15-books/36189834/">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m19454781402_1.jpg" alt="World Art Collection: Impressionism - Art Books - Bundle of 15 Books" loading="lazy">
</div>
<h2 class="related-product-title">World Art Collection: Impressionism - Art Books - Bundle of 15 Books</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span>
<span class="count">(39)</span>
</div>
<div class="related-product-price">$64.28</div>
</a>
</div>
<div class="related-product-card">
<a href="https://juss.fun/products/j-bidnizz-ftg-coloring-book-3/5855893/">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m68440554966_1.jpg" alt="J Bidnizz FTG Coloring Book #3" loading="lazy">
</div>
<h2 class="related-product-title">J Bidnizz FTG Coloring Book #3</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span>
<span class="count">(34)</span>
</div>
<div class="related-product-price">$7.06</div>
</a>
</div>
<div class="related-product-card">
<a href="https://juss.fun/products/jujutsu-kaisen-manga-volumes-1-23/17904084/">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m47010147923_1.jpg" alt="Jujutsu Kaisen manga volumes 1-23" loading="lazy">
</div>
<h2 class="related-product-title">Jujutsu Kaisen manga volumes 1-23</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span>
<span class="count">(46)</span>
</div>
<div class="related-product-price">$39.00</div>
</a>
</div>
<div class="related-product-card">
<a href="https://juss.fun/products/lost-in-the-silvery-land-the-beauty-of-miao/16377550/">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m83987886231_1.jpg" alt="Lost in the Silvery Land: the Beauty of Miao" loading="lazy">
</div>
<h2 class="related-product-title">Lost in the Silvery Land: the Beauty of Miao</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span>
<span class="count">(39)</span>
</div>
<div class="related-product-price">$75.00</div>
</a>
</div>
<div class="related-product-card">
<a href="https://juss.fun/products/art-under-attack-histories-of-british-iconoclasm/2572811/">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m38425022964_1.jpg" alt="Art Under Attack: Histories of British Iconoclasm" loading="lazy">
</div>
<h2 class="related-product-title">Art Under Attack: Histories of British Iconoclasm</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span>
<span class="count">(40)</span>
</div>
<div class="related-product-price">$19.80</div>
</a>
</div>
<div class="related-product-card">
<a href="https://juss.fun/products/illustration-related-books-set-of-7/37601075/">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m36385285207_1.jpg" alt="Illustration-related books, set of 7" loading="lazy">
</div>
<h2 class="related-product-title">Illustration-related books, set of 7</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span>
<span class="count">(26)</span>
</div>
<div class="related-product-price">$68.77</div>
</a>
</div> </div>
<div class="see-more-link">
<a href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/">See the same product from Art Books</a>
</div>
</div>
<!-- Section 2: Products from the same parent category -->
<div class="related-products-section">
<h3 class="related-products-header">Cat Beds & Furniture</h3>
<div class="related-products-grid">
<div class="related-product-card">
<a href="https://juss.fun/products/cute-cat-teepee-cave-cat-tent-foldable-indoor-outdoor-with-thick-matpuppy-bed-tentbunny-pet-tent-teepeeportable-dog-house-teepee-tent-cat-beddog-bed-tentpuppy-bunnypet-tent-teepee-o-m/206784569/">
<div class="related-product-image">
<img src="https://cdn.shopify.com/s/files/1/0606/2237/2919/files/61y8ZhKgqfL._AC_SX679.jpg?v=1752456003" alt="Cute Cat Teepee Cave, Cat Tent Foldable Indoor Outdoor with Thick Mat,Puppy Bed Tent,Bunny Pet Tent Teepee,Portable Dog House Teepee Tent, Cat Bed,Dog Bed Tent,Puppy Bunny,Pet Tent Teepee (O, M)" loading="lazy">
</div>
<h2 class="related-product-title">Cute Cat Teepee Cave, Cat Tent Foldable Indoor Outdoor with Thick Mat,Puppy Bed Tent,Bunny Pet Tent Teepee,Portable Dog House Teepee Tent, Cat Bed,Dog Bed Tent,Puppy Bunny,Pet Tent Teepee (O, M)</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span>
<span class="count">(37)</span>
</div>
<div class="related-product-price">$22.32</div>
</a>
</div>
<div class="related-product-card">
<a href="https://juss.fun/products/1-pack-3-calming-blankets-fluffy-premium-fleece-pet-blanket-soft-sherpa-throw-for-dog-puppy-cat-grey-large-41-x31/206784508/">
<div class="related-product-image">
<img src="https://cdn.shopify.com/s/files/1/0606/2237/2919/files/71FYo3wKRML._AC_SX679_c2ef357d-2125-4d56-a531-e2bc6e199590.jpg?v=1752729375" alt="1 Pack 3 Calming Blankets Fluffy Premium Fleece Pet Blanket Soft Sherpa Throw for Dog Puppy Cat Grey Large (41" x31'')" loading="lazy">
</div>
<h2 class="related-product-title">1 Pack 3 Calming Blankets Fluffy Premium Fleece Pet Blanket Soft Sherpa Throw for Dog Puppy Cat Grey Large (41" x31'')</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span>
<span class="count">(28)</span>
</div>
<div class="related-product-price">$27.83</div>
</a>
</div>
<div class="related-product-card">
<a href="https://juss.fun/products/dog-pillowpet-cat-pillowdog-pillows-for-small-dogsdog-neck-pillowsoft-kitten-pillowmachine-washable-dog-u-shaped-pillowjoint-relief-sleeping-improve-for-pets-purplem/206784535/">
<div class="related-product-image">
<img src="https://cdn.shopify.com/s/files/1/0606/2237/2919/files/61LfJz3isAL._AC_SX679.jpg?v=1752708224" alt="Dog Pillow,Pet Cat Pillow,Dog Pillows for Small Dogs,Dog Neck Pillow,Soft Kitten Pillow,Machine Washable Dog U-Shaped Pillow,Joint Relief Sleeping Improve for Pets, Purple,M" loading="lazy">
</div>
<h2 class="related-product-title">Dog Pillow,Pet Cat Pillow,Dog Pillows for Small Dogs,Dog Neck Pillow,Soft Kitten Pillow,Machine Washable Dog U-Shaped Pillow,Joint Relief Sleeping Improve for Pets, Purple,M</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span>
<span class="count">(21)</span>
</div>
<div class="related-product-price">$13.04</div>
</a>
</div>
<div class="related-product-card">
<a href="https://juss.fun/products/dog-stairs-for-high-bed-226-h-small-pet-steps-with-leakproof-cover-high-density-foam-cat-ramp-for-bed-car-or-couch-lightweight-durable-comfort-157x33x226-inch-5-tiers-dark-grey/206784546/">
<div class="related-product-image">
<img src="https://cdn.shopify.com/s/files/1/0606/2237/2919/files/81lBGJ6vKYL._AC_SX679.jpg?v=1752666547" alt="Dog Stairs for High Bed 22.6" H, Small Pet Steps with Leakproof Cover, High Density Foam Cat Ramp for Bed, Car or Couch, Lightweight, Durable, Comfort, 15.7x33x22.6 inch, 5 Tiers, Dark Grey" loading="lazy">
</div>
<h2 class="related-product-title">Dog Stairs for High Bed 22.6" H, Small Pet Steps with Leakproof Cover, High Density Foam Cat Ramp for Bed, Car or Couch, Lightweight, Durable, Comfort, 15.7x33x22.6 inch, 5 Tiers, Dark Grey</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span>
<span class="count">(43)</span>
</div>
<div class="related-product-price">$45.67</div>
</a>
</div>
<div class="related-product-card">
<a href="https://juss.fun/products/gorilla-grip-100-waterproof-dog-blanket-82x82-pet-friendly-throw-essential-for-large-pets-dogs-cats-tear-and-slip-resistant-leakproof-couch-cushion-bed-protector-cover-for-indoor-furniture-navy/206784499/">
<div class="related-product-image">
<img src="https://cdn.shopify.com/s/files/1/0606/2237/2919/files/81cJFvvndML._AC_SX679_49e95a63-e4f0-47e8-9a95-92e66195d68f.jpg?v=1752730353" alt="Gorilla Grip 100% Waterproof Dog Blanket 82x82, Pet Friendly Throw Essential for Large Pets, Dogs, Cats, Tear and Slip Resistant Leakproof Couch Cushion Bed Protector Cover for Indoor Furniture, Navy" loading="lazy">
</div>
<h2 class="related-product-title">Gorilla Grip 100% Waterproof Dog Blanket 82x82, Pet Friendly Throw Essential for Large Pets, Dogs, Cats, Tear and Slip Resistant Leakproof Couch Cushion Bed Protector Cover for Indoor Furniture, Navy</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span>
<span class="count">(27)</span>
</div>
<div class="related-product-price">$23.48</div>
</a>
</div>
<div class="related-product-card">
<a href="https://juss.fun/products/nicrew-cat-heating-pad-temperature-adjustable-heated-cat-bed-with-auto-shut-off-timer-indoor-pet-heated-bed-mat-for-cats-and-dogs-177-x-157-inches/206784522/">
<div class="related-product-image">
<img src="https://cdn.shopify.com/s/files/1/0606/2237/2919/files/61NROqGuY-L._AC_SX679.jpg?v=1752713060" alt="NICREW Cat Heating Pad, Temperature Adjustable Heated Cat Bed with Auto Shut Off Timer, Indoor Pet Heated Bed Mat for Cats and Dogs, 17.7 x 15.7 Inches" loading="lazy">
</div>
<h2 class="related-product-title">NICREW Cat Heating Pad, Temperature Adjustable Heated Cat Bed with Auto Shut Off Timer, Indoor Pet Heated Bed Mat for Cats and Dogs, 17.7 x 15.7 Inches</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span>
<span class="count">(16)</span>
</div>
<div class="related-product-price">$23.48</div>
</a>
</div> </div>
<div class="see-more-link">
<a href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/">See all the same products</a>
</div>
</div>
<!-- Section 3: Products from a random category -->
<!-- Scoped CSS for the related products to avoid conflicts -->
<style>
.related-products-section {
margin-top: 40px;
}
.related-products-header {
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 20px;
}
.related-products-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 16px;
}
@media (max-width: 1200px) {
.related-products-grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 768px) {
.related-products-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 576px) {
.related-products-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.related-product-card {
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 16px;
text-align: center;
transition: box-shadow 0.2s ease-in-out;
}
.related-product-card:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.related-product-card a {
text-decoration: none;
color: #111827;
}
.related-product-image img {
width: 100%;
height: 160px;
object-fit: contain;
margin-bottom: 16px;
}
.related-product-title {
font-size: 1rem;
line-height: 1.4;
font-weight: 400;
height: 2.8em; /* Clamp to 2 lines */
overflow: hidden;
margin-bottom: 10px;
}
.related-product-rating {
font-size: 0.9rem;
display: flex;
justify-content: center;
align-items: center;
}
.related-product-rating .star {
color: #f59e0b;
}
.related-product-rating .count {
color: #6b7280;
margin-left: 8px;
}
.related-product-price {
font-size: 1.125rem;
font-weight: 600;
color: #ef4444;
margin-top: 12px;
}
.see-more-link {
text-align: right;
margin-top: 16px;
}
.see-more-link a {
color: #337ab7;
text-decoration: underline;
}
</style> </div>
</div>
<div class="row"><div class="col-12"><h3 class="h3_header mt-3 mgnB12 border-top pt-4">Correction of product information</h3><p>If you notice any omissions or errors in the product information on this page, please use the correction request form below.</p><a href="https://juss.fun/products/doc-saint-clair/10791444/" class="btn btn-gray btn-icon padT4 padB4 product_edit_btn"><i class="bi bi-pencil-square top3"></i>Correction Request Form</a></div></div>
<!-- Product Reviews Section -->
<div class="row mgnB10 border-top pt-4 mt-5">
<div class="col-md-12">
<h3 class="h3_header mt-3 mgnB12">Product Review</h3>
<!-- Login Requirement -->
<a class="mt-3 mb-3 link_underline d-block" style="margin-bottom: 15px !important;" href="https://juss.fun/products/vintage-slush-metal-ambulance-toy/22940523/">
You must be logged in to post a review
</a>
<!-- Review Summary and Graph -->
<div id="naviplus-review-list-4" style="">
<div class="navi-review-wrapper">
<div class="navi-review-header">
<ul class="navi-review-header-ul">
<li class="navi-review-item">
<div class="navi-review-item-detail">
<div class="navi-review-item-image-title-rate">
<p class="navi-review-average-star">
<span class="navi-review-rate" data-rate="4.1">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png"> </span>
4.1 <span>( <a href="https://juss.fun/products/aerie-barrel-sweatshirt-and-sweatpants-set/37132896/" class="navi-review-search-clear-button">48 items</a> )</span>
</p>
</div>
</div>
</li>
<li class="navi-review-graph">
<div class="navi-review-graph-inner">
<ul class="navi-review-graph-ul">
<li>
<table>
<tbody>
<tr>
<th>
<span class="navi-review-rate" data-rate="5">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
</span>
</th>
<td>
<div class="navi-review-graph-part">
<span class="navi-review-bar" style="width: 65.217391304348%"></span>
</div>
<a href="https://juss.fun/products/tommy-hilfiger-medium-blue-puffer-woman-jacket-coat-jacket-s/8242119/" class="navi-review-number-link">15 items</a>
</td>
</tr>
<tr>
<th>
<span class="navi-review-rate" data-rate="4">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
</span>
</th>
<td>
<div class="navi-review-graph-part">
<span class="navi-review-bar" style="width: 21.739130434783%"></span>
</div>
<a href="https://juss.fun/products/doc-saint-clair/10791444/" class="navi-review-number-link">5 items</a>
</td>
</tr>
<tr>
<th>
<span class="navi-review-rate" data-rate="3">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
</span>
</th>
<td>
<div class="navi-review-graph-part">
<span class="navi-review-bar" style="width: 8.695652173913%"></span>
</div>
<a href="https://juss.fun/products/grey-ugg-boots-bailey-button-triplet-ii-size-6/3764579/" class="navi-review-number-link">2 items</a>
</td>
</tr>
<tr>
<th>
<span class="navi-review-rate" data-rate="2">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
</span>
</th>
<td>
<div class="navi-review-graph-part">
<span class="navi-review-bar" style="width: 4.3478260869565%"></span>
</div>
<a href="https://juss.fun/products/plush-bear-in-bunny-costume-billion-team-limited-easter/7474341/" class="navi-review-number-link">1 items</a>
</td>
</tr>
<tr>
<th>
<span class="navi-review-rate" data-rate="1">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
</span>
</th>
<td>
<div class="navi-review-graph-part">
<span class="navi-review-bar" style="width: 0%"></span>
</div>
<a href="https://juss.fun/products/ge-refrigerator-electronic-control-board-wr55x10996/204209514/" class="navi-review-number-link">0 items</a>
</td>
</tr>
</tbody>
</table>
</li>
</ul>
</div>
</li>
</ul>
</div>
<!-- Sort and Search -->
<div class="navi-review-sort-search">
<table>
<tbody>
<tr>
<th>Sort</th>
<td>
<div class="navi-review-sort">
<div class="navi-review-sort-button-group" data-toggle="buttons">
<button type="button" class="navi-review-sort-button navi-review-sort-button-active disabled">Newest</button>
<button type="button" class="navi-review-sort-button navi-review-link">Highest rating</button>
<button type="button" class="navi-review-sort-button navi-review-link">Usefulness</button>
</div>
</div>
</td>
</tr>
<tr>
<th>keyword</th>
<td>
<div class="navi-review-search">
<form class="navi-review-search-form">
<input type="text" name="text" class="navi-review-search-input">
<button type="submit" class="navi-review-search-button">search</button>
<button type="submit" class="navi-review-search-clear-button">Clear</button>
</form>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="navi-review-no-result">There are currently no product reviews.</p>
</div>
</div>
</div>
</div>
<style>
/* Styles from crawler_view.html for Review Section */
.navi-review-wrapper {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
padding: 0;
width: 100%;
max-width: 990px;
margin: 0 auto;
color: #333;
}
.navi-review-header {
margin-bottom: 10px;
border: 1px solid #ccc;
background: #f8f8f8;
}
.navi-review-header-ul {
display: table;
width: 100%;
margin: 0;
padding: 0;
}
.navi-review-header-ul > li {
display: table-cell;
vertical-align: middle;
padding: 20px;
}
.navi-review-item {
width: 45%;
}
.navi-review-item-detail {
margin: 0;
}
.navi-review-item-image-title-rate {
font-size: 16px;
line-height: 1.5;
}
.navi-review-average-star {
font-size: 20px;
}
.navi-review-rate img {
vertical-align: middle;
width: 18px;
height: 18px;
}
.navi-review-graph {
border-left: 1px solid #ccc;
}
.navi-review-graph-ul {
list-style: none;
padding: 0;
margin: 0;
}
.navi-review-graph-ul table {
width: 100%;
}
.navi-review-graph-ul th {
padding-right: 15px;
text-align: right;
font-weight: normal;
vertical-align: middle;
}
.navi-review-graph-ul td {
display: flex;
align-items: center;
}
.navi-review-graph-part {
background-color: #f0f0f0;
height: 10px;
width: 60%;
flex-shrink: 0;
}
.navi-review-bar {
display: block;
height: 100%;
background-color: #f8c146;
}
a.navi-review-number-link {
color: #004098;
text-decoration: underline;
font-size: 13px;
margin-left: 10px;
white-space: nowrap;
}
.navi-review-sort-search {
border: 1px solid #ccc;
background: #f8f8f8;
padding: 10px;
}
.navi-review-sort-search table {
width: 100%;
}
.navi-review-sort-search th {
font-weight: bold;
text-align: right;
padding-right: 10px;
width: 80px;
}
.navi-review-sort-button-group {
display: inline-block;
}
.navi-review-sort-button {
background: #fff;
border: 1px solid #ccc;
padding: 5px 15px;
margin: 0 2px;
cursor: pointer;
color: #337ab7;
border-radius: 3px;
}
.navi-review-sort-button.disabled {
background: #337ab7;
color: #fff;
border-color: #2e6da4;
}
.navi-review-search-input {
width: 250px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 3px;
}
.navi-review-search-button, .navi-review-search-clear-button {
padding: 5px 15px;
margin-left: 5px;
border: 1px solid #ccc;
background: #fff;
color: #333;
border-radius: 3px;
}
.navi-review-search-button {
background: #337ab7;
color: #fff;
border-color: #2e6da4;
}
.navi-review-no-result {
margin-top: 20px;
padding: 20px;
text-align: center;
border: 1px solid #ddd;
background: #fff;
}
</style>
</div>
</div>
<!-- Quantity Selection Modal -->
<div class="modal fade" id="quantityModal" tabindex="-1" role="dialog" aria-labelledby="quantityModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="quantityModalLabel">Select Quantity</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="form-group">
<label for="modalQuantity">Quantity:</label>
<input type="number" class="form-control" id="modalQuantity" min="1" max="10" value="1">
</div>
<div class="alert alert-info">
<small>Maximum quantity available: <span id="maxQuantity">1</span></small>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" onclick="confirmQuantity()">Confirm</button>
</div>
</div>
</div>
</div>
<!-- Shipping Information Modal -->
<div class="modal fade" id="shippingModal" tabindex="-1" role="dialog" aria-labelledby="shippingModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="shippingModalLabel">Shipping Information</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<h6>Shipping Rates</h6>
<table class="table table-striped">
<thead>
<tr>
<th>Order Amount</th>
<th>Shipping Fee</th>
<th>Handling Fee</th>
</tr>
</thead>
<tbody>
<tr>
<td>Under $99</td>
<td>$12.99</td>
<td>$24.00</td>
</tr>
<tr>
<td>$99 - $499</td>
<td>FREE</td>
<td>$24.00</td>
</tr>
<tr>
<td>$500 and above</td>
<td>FREE</td>
<td>FREE</td>
</tr>
</tbody>
</table>
<h6 class="mt-4">Delivery Time</h6>
<ul>
<li><strong>Standard Shipping:</strong> 5-7 business days</li>
<li><strong>Express Shipping:</strong> 2-3 business days (additional $15)</li>
<li><strong>Overnight Shipping:</strong> Next business day (additional $35)</li>
</ul>
<h6 class="mt-4">Available Regions</h6>
<p>We ship to all 50 US states, Canada, and select international destinations through our partner Neokyo.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Got it</button>
</div>
</div>
</div>
</div>
<!-- Size Guide Modal -->
<div class="modal fade" id="sizeGuideModal" tabindex="-1" role="dialog" aria-labelledby="sizeGuideModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="sizeGuideModalLabel">Product Size Guide</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-6">
<h6>Pool Dimensions</h6>
<table class="table table-bordered">
<tr>
<td>Diameter</td>
<td>12 feet (3.66m)</td>
</tr>
<tr>
<td>Height</td>
<td>30 inches (76cm)</td>
</tr>
<tr>
<td>Water Capacity</td>
<td>1,718 gallons (6,500L)</td>
</tr>
<tr>
<td>Weight (Empty)</td>
<td>42 lbs (19kg)</td>
</tr>
</table>
</div>
<div class="col-md-6">
<h6>Space Requirements</h6>
<ul>
<li>Minimum area: 14 x 14 feet</li>
<li>Level ground required</li>
<li>Clear overhead space: 8 feet</li>
<li>Access to water source</li>
<li>Access to electrical outlet for pump</li>
</ul>
<h6 class="mt-3">Included Components</h6>
<ul>
<li>Metal frame pool</li>
<li>Filter pump (330 GPH)</li>
<li>Pool liner</li>
<li>Setup instructions</li>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Error/Success Message Modal -->
<div class="modal fade" id="messageModal" tabindex="-1" role="dialog" aria-labelledby="messageModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="messageModalLabel">Message</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div id="messageContent">
<!-- Dynamic content will be inserted here -->
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
<!-- Image Zoom Modal -->
<div class="modal fade" id="imageZoomModal" tabindex="-1" role="dialog" aria-labelledby="imageZoomModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="imageZoomModalLabel">Product Image</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-center">
<img id="zoomedImage" src="" alt="Product Image" class="img-fluid">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script>
// Modal functions
function showMessage(title, content, type = 'info') {
document.getElementById('messageModalLabel').textContent = title;
var alertClass = 'alert-info';
if (type === 'success') alertClass = 'alert-success';
if (type === 'error') alertClass = 'alert-danger';
if (type === 'warning') alertClass = 'alert-warning';
document.getElementById('messageContent').innerHTML =
'<div class="alert ' + alertClass + '">' + content + '</div>';
$('#messageModal').modal('show');
}
function confirmQuantity() {
var quantity = document.getElementById('modalQuantity').value;
var mainQuantityInput = document.querySelector('.cart_count');
if (mainQuantityInput) {
mainQuantityInput.value = quantity;
}
$('#quantityModal').modal('hide');
}
function showShippingInfo() {
$('#shippingModal').modal('show');
}
function showSizeGuide() {
$('#sizeGuideModal').modal('show');
}
function showImageZoom(imageSrc) {
document.getElementById('zoomedImage').src = imageSrc;
$('#imageZoomModal').modal('show');
}
function showNeokyoBanner() {
$('#neokyoModal').modal('show');
}
// Auto-show Neokyo banner for international users (simulation)
document.addEventListener('DOMContentLoaded', function() {
// 模拟检测国际用户
setTimeout(function() {
var isInternational = Math.random() > 0.7; // 30% chance to show banner
if (isInternational) {
showNeokyoBanner();
}
}, 3000);
});
</script>
<style>
.modal-content {
border-radius: 8px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.modal-header {
background: #f8f9fa;
border-bottom: 1px solid #dee2e6;
border-radius: 8px 8px 0 0;
}
.modal-title {
font-weight: 600;
color: #333;
}
.modal-body {
padding: 20px;
}
.modal-footer {
background: #f8f9fa;
border-top: 1px solid #dee2e6;
border-radius: 0 0 8px 8px;
}
#zoomedImage {
max-width: 100%;
max-height: 80vh;
object-fit: contain;
}
.table th {
background: #f8f9fa;
font-weight: 600;
}
.alert {
margin-bottom: 0;
}
#modalQuantity {
width: 100px;
display: inline-block;
}
.neokyo-features {
background: #f8f9fa;
padding: 15px;
border-radius: 5px;
margin: 15px 0;
}
.neokyo-features h6 {
color: #007bff;
margin-bottom: 10px;
}
.neokyo-features ul {
margin-bottom: 0;
}
</style> <footer>
<div class="container_suru padB40">
<div class="row">
<div class="col-12 d-flex justify-content-center mgnT16">
<div class="padB12 footer_social_icon" style=" ">
<h4 style="font-size: 17px;" class="text-center mgnT4 mgnB20 text-gray-dark">Official SNS</h4>
<div class="d-flex justify-content-center" style="font-weight: bold;">
<div class="item-social ">
<a class="d-flex flex-column justify-content-center align-items-center" href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer','eventLabel':this.href});">
<img src="https://www.suruga-ya.jp/pics_webp/X_black_radius.png.webp" loading="lazy" width="50px" height="50px"></a>
</div>
<div class="item-social ">
<a class="d-flex flex-column justify-content-center align-items-center" href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/" onclick="gtag('event', 'footer', {'event_category': 'external link','event_label': this.href});">
<img src="https://www.suruga-ya.jp/pics_webp/X_black_radius.png.webp" loading="lazy" width="50px" height="50px"><span style="font-size: 10px; padding-top: 5px; font-family: Arial, 'Noto Sans', sans-serif;">Hobby Updates</span></a>
</div>
<div class="item-social ">
<a class="d-flex flex-column justify-content-center align-items-center" href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer','eventLabel':this.href});">
<img src="https://www.suruga-ya.jp/pics_webp/Instagram_Glyph_Gradient.png.webp" loading="lazy" width="50px" height="50px"></a>
</div>
<div class="item-social ">
<a class="d-flex flex-column justify-content-center align-items-center" href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer','eventLabel':this.href});">
<img src="https://www.suruga-ya.jp/pics_webp/common/pc/social_facebook.svg.webp" loading="lazy" width="50px" height="50px"></a>
</div>
<div class="item-social ">
<a class="d-flex flex-column justify-content-center align-items-center" href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer','eventLabel':this.href});">
<img src="https://www.suruga-ya.jp/pics_webp/common/pc/social_youtube.svg.webp" loading="lazy" width="50px" height="50px"></a>
</div>
<div class="item-social ">
<a class="d-flex flex-column justify-content-center align-items-center" href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer','eventLabel':this.href});">
<img src="https://www.suruga-ya.jp/pics_webp/bluesky-1.svg.webp" loading="lazy" width="50px" height="50px"></a>
</div>
</div>
</div>
</div>
<div class="col-12 nav_footer mgnT32">
<ul class="list-iine d-flex justify-content-center">
<li class="list-inline-item"><a href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Sign In</a></li>
<li class="list-inline-item"><a href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">help</a></li>
<li class="list-inline-item"><a href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">inquiry</a></li>
<li class="list-inline-item"><a href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer_CT','eventLabel':this.href});">Corporate Intelligence</a></li>
<li class="list-inline-item"><a href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer_CT','eventLabel':this.href});">Recruitment Information</a></li>
<li class="list-inline-item"><a href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Product Archives</a></li>
<li class="list-inline-item"><a href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Terms and Policies</a></li>
<li class="list-inline-item"><a href="https://juss.fun/products/sailor-moon-proplica-spiral-heart-moon-rod-japan-2015-opened/22262137/" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer_CT','eventLabel':this.href});">Affiliate (for PC)</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="footer_bottom">
<div class="mx-auto">
<p class="mgnB4"> 2024 juss.fun. All rights reserved.</p>
</div>
</div>
</footer>
<style>
footer {
color: inherit !important;
}
footer a:hover, footer a:focus{
color: #ff0000 !important;
text-decoration: underline;
}
.nav_footer {
border-top: 1px solid #ccc;
padding-top: 20px;
}
.nav_footer ul {
padding-left: 0;
list-style: none;
flex-wrap: wrap;
}
.nav_footer .list-inline-item {
margin-right: 1.5rem;
margin-bottom: 1rem;
}
.footer_bottom {
background: #e6e6e6;
padding: 20px 0;
text-align: center;
}
</style> <!-- jQuery and Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<!-- Lightbox JS -->
<script src="https://cdn.jsdelivr.net/npm/lightbox2@2.11.3/dist/js/lightbox.min.js"></script>
<!-- Additional JS Libraries -->
<script src="//www.suruga-ya.jp/styles/js/lazysizes.min.js"></script>
<!-- Google Analytics and DataLayer -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_MEASUREMENT_ID');
// Custom dataLayer events
function htmlDecode(value) {
return $('<div/>').html(value).text();
}
</script>
<!-- Flash Sale Countdown Timer -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Flash Sale Countdown
if (typeof endtime_campaign !== 'undefined') {
var countDownDate = new Date(endtime_campaign).getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var distance = countDownDate - now;
if (distance > 0) {
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.querySelector('.hours').innerHTML = String(hours).padStart(2, '0');
document.querySelector('.minutes').innerHTML = String(minutes).padStart(2, '0');
document.querySelector('.seconds').innerHTML = String(seconds).padStart(2, '0');
} else {
clearInterval(x);
document.querySelector('.flash_sale').style.display = 'none';
}
}, 1000);
}
});
</script>
<!-- Sidebar Navigation -->
<script>
$(document).ready(function() {
// Sidebar toggle
$('#sidebarCollapse').on('click', function() {
$('#sidebar_menu').toggleClass('active');
$('.overlay').toggleClass('active');
});
// Close sidebar
$('#dismiss, .overlay').on('click', function() {
$('#sidebar_menu').removeClass('active');
$('.overlay').removeClass('active');
});
// Sidebar collapse functionality
$('.dropdown-toggle').on('click', function() {
var target = $(this).data('target');
$(target).collapse('toggle');
// Toggle arrow direction
$(this).toggleClass('collapsed');
});
});
</script>
<!-- Product Image Gallery -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Initialize Swiper for product thumbnails
if (document.querySelector('.zoom_product_thumnail')) {
window.swiperThumbnail = new Swiper('.zoom_product_thumnail', {
slidesPerView: 4,
spaceBetween: 5,
loop: false,
navigation: {
nextEl: '.thumnail-swiper-button-next',
prevEl: '.thumnail-swiper-button-prev',
},
breakpoints: {
320: { slidesPerView: 2, spaceBetween: 5 },
640: { slidesPerView: 3, spaceBetween: 5 },
768: { slidesPerView: 4, spaceBetween: 5 },
}
});
}
// Image click handlers
document.querySelectorAll('.main-pro-lightbox').forEach(function(link) {
link.addEventListener('click', function(e) {
e.preventDefault();
showImageZoom(this.href);
});
});
});
</script>
<!-- Search and Navigation -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Search form enhancement
var searchForm = document.querySelector('.search-form-top');
if (searchForm) {
searchForm.addEventListener('submit', function(e) {
var searchInput = this.querySelector('#txt-search');
var categorySelect = this.querySelector('#cat-search');
// Track search event
dataLayer.push({
'event': 'search',
'eventCategory': 'site search',
'eventAction': 'search',
'eventLabel': searchInput.value,
'searchCategory': categorySelect.value
});
});
}
// Auto-complete simulation
var searchInput = document.querySelector('#txt-search');
if (searchInput) {
searchInput.addEventListener('input', function() {
var query = this.value;
if (query.length >= 3) {
// 这里可以添加AJAX请求获取搜索建议
console.log('Search suggestion for:', query);
}
});
}
});
</script>
<!-- Notification System -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Load notifications
loadNotifications();
// Mark all as read
document.querySelector('.read-all-message')?.addEventListener('click', function() {
markAllNotificationsAsRead();
});
});
function loadNotifications() {
// 模拟加载通知
var notifications = [
{
id: 1,
title: 'Order Shipped',
message: 'Your order #12345 has been shipped!',
time: '2 hours ago',
read: false
},
{
id: 2,
title: 'New Arrivals',
message: 'Check out our latest pool accessories!',
time: '1 day ago',
read: true
}
];
var notificationList = document.querySelector('#messages');
var notificationCount = document.querySelector('.lbl_count');
if (notificationList && notificationCount) {
var unreadCount = notifications.filter(n => !n.read).length;
notificationCount.textContent = unreadCount;
notificationList.innerHTML = notifications.map(notification => `
<li class="notification-item ${notification.read ? 'read' : 'unread'}">
<div class="notification-content">
<h6>${notification.title}</h6>
<p>${notification.message}</p>
<small>${notification.time}</small>
</div>
</li>
`).join('');
}
}
function markAllNotificationsAsRead() {
document.querySelectorAll('.notification-item').forEach(function(item) {
item.classList.remove('unread');
item.classList.add('read');
});
document.querySelector('.lbl_count').textContent = '0';
}
</script>
<!-- Shopping Cart -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Load cart count
updateCartCount();
// Price change handlers
document.querySelectorAll('input[name="grade"]').forEach(function(radio) {
radio.addEventListener('change', function() {
var zaiko = JSON.parse(this.dataset.zaiko);
updatePrice(zaiko);
});
});
});
function updateCartCount() {
// 模拟从服务器获取购物车数量
var cartCount = localStorage.getItem('cartCount') || '0';
document.querySelectorAll('.cart-number').forEach(function(element) {
element.textContent = cartCount;
});
}
function updatePrice(zaiko) {
var priceElement = document.querySelector('.price-buy');
var noteElement = document.querySelector('.product_note');
if (priceElement && zaiko) {
// 更新价格显示
priceElement.textContent = '$' + zaiko.baika + ' (tax included)';
// 更新库存状态
var stockElement = document.querySelector('.tag_product.blue-light span');
if (stockElement) {
stockElement.textContent = 'Number of stocks: ' + zaiko.zaiko;
}
}
}
// Add to cart with animation
function addToCartWithAnimation() {
var cartIcon = document.querySelector('.sidebar_cart');
var productImage = document.querySelector('.main-pro-img');
if (cartIcon && productImage) {
// Create flying image effect
var flyingImage = productImage.cloneNode(true);
flyingImage.style.position = 'fixed';
flyingImage.style.zIndex = '9999';
flyingImage.style.width = '50px';
flyingImage.style.height = '50px';
flyingImage.style.transition = 'all 1s ease-in-out';
document.body.appendChild(flyingImage);
var productRect = productImage.getBoundingClientRect();
var cartRect = cartIcon.getBoundingClientRect();
flyingImage.style.left = productRect.left + 'px';
flyingImage.style.top = productRect.top + 'px';
setTimeout(function() {
flyingImage.style.left = cartRect.left + 'px';
flyingImage.style.top = cartRect.top + 'px';
flyingImage.style.opacity = '0';
flyingImage.style.transform = 'scale(0.1)';
}, 100);
setTimeout(function() {
document.body.removeChild(flyingImage);
// Update cart count
var currentCount = parseInt(localStorage.getItem('cartCount') || '0');
localStorage.setItem('cartCount', currentCount + 1);
updateCartCount();
// Show success message
showMessage('Success', 'Item added to cart successfully!', 'success');
}, 1100);
}
}
</script>
<!-- Tweet Function -->
<script>
// Twitter share functionality
window.pages = {
product_detail: {
tweet: function(title, description, url, productUrl, width, height) {
var tweetText = encodeURIComponent(title + ' ' + productUrl);
var tweetUrl = 'https://twitter.com/intent/tweet?text=' + tweetText;
window.open(tweetUrl, 'twitter-share', 'width=600,height=400');
// Track social share
dataLayer.push({
'event': 'social_share',
'eventCategory': 'social',
'eventAction': 'twitter_share',
'eventLabel': title
});
}
}
};
</script>
<!-- Form Validation and Enhancement -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Form validation
var forms = document.querySelectorAll('form');
forms.forEach(function(form) {
form.addEventListener('submit', function(e) {
if (!validateForm(this)) {
e.preventDefault();
}
});
});
// Input formatting
var numberInputs = document.querySelectorAll('input[type="number"]');
numberInputs.forEach(function(input) {
input.addEventListener('input', function() {
var value = parseInt(this.value);
var min = parseInt(this.getAttribute('min')) || 1;
var max = parseInt(this.getAttribute('max')) || 999;
if (value < min) this.value = min;
if (value > max) this.value = max;
});
});
});
function validateForm(form) {
var isValid = true;
var requiredFields = form.querySelectorAll('[required]');
requiredFields.forEach(function(field) {
if (!field.value.trim()) {
field.classList.add('is-invalid');
isValid = false;
} else {
field.classList.remove('is-invalid');
}
});
return isValid;
}
</script>
<!-- Lazy Loading and Performance -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Lazy load images
if ('IntersectionObserver' in window) {
var imageObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
var img = entry.target;
if (img.dataset.src) {
img.src = img.dataset.src;
img.classList.add('loaded');
observer.unobserve(img);
}
}
});
});
document.querySelectorAll('img[data-src]').forEach(function(img) {
imageObserver.observe(img);
});
}
// Preload critical resources
var criticalImages = [
'https://u-mercari-images.mercdn.net/photos/m43959651847_1.jpg',
'https://www.suruga-ya.jp/pics_webp/common/pc/user_black.svg.webp',
'https://www.suruga-ya.jp/pics_webp/common/pc/cart_black.svg.webp'
].filter(Boolean);
criticalImages.forEach(function(src) {
var link = document.createElement('link');
link.rel = 'preload';
link.as = 'image';
link.href = src;
document.head.appendChild(link);
});
});
</script>
<!-- Error Handling -->
<script>
window.addEventListener('error', function(e) {
console.error('JavaScript Error:', e.error);
// Track errors
if (typeof gtag === 'function') {
gtag('event', 'exception', {
'description': e.error.toString(),
'fatal': false
});
}
});
window.addEventListener('unhandledrejection', function(e) {
console.error('Unhandled Promise Rejection:', e.reason);
});
</script>
<!-- Accessibility Enhancements -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Keyboard navigation
document.addEventListener('keydown', function(e) {
// Escape key closes modals and menus
if (e.key === 'Escape') {
$('.modal').modal('hide');
$('#sidebar_menu').removeClass('active');
$('.overlay').removeClass('active');
}
// Tab navigation improvements
if (e.key === 'Tab') {
var focusableElements = document.querySelectorAll(
'a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select'
);
// Add visual focus indicators
document.addEventListener('focusin', function(e) {
e.target.classList.add('keyboard-focused');
});
document.addEventListener('focusout', function(e) {
e.target.classList.remove('keyboard-focused');
});
}
});
// ARIA labels and descriptions
var buttons = document.querySelectorAll('button:not([aria-label])');
buttons.forEach(function(button) {
if (button.textContent.trim()) {
button.setAttribute('aria-label', button.textContent.trim());
}
});
});
</script>
<!-- Custom Styles for Scripts -->
<style>
.keyboard-focused {
outline: 2px solid #007bff !important;
outline-offset: 2px !important;
}
.notification-item {
padding: 10px;
border-bottom: 1px solid #eee;
transition: background-color 0.3s ease;
}
.notification-item:hover {
background-color: #f8f9fa;
}
.notification-item.unread {
background-color: #e3f2fd;
border-left: 3px solid #2196f3;
}
.notification-item h6 {
margin: 0 0 5px 0;
font-size: 14px;
font-weight: 600;
}
.notification-item p {
margin: 0 0 5px 0;
font-size: 13px;
color: #666;
}
.notification-item small {
color: #999;
font-size: 11px;
}
.is-invalid {
border-color: #dc3545 !important;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}
@keyframes flyToCart {
to {
transform: translateX(100px) translateY(-50px) scale(0.1);
opacity: 0;
}
}
.flying-to-cart {
animation: flyToCart 1s ease-in-out forwards;
}
/* Loading states */
.loading {
position: relative;
pointer-events: none;
}
.loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
border: 2px solid transparent;
border-top: 2px solid #007bff;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* Image loading states */
img[data-src] {
opacity: 0;
transition: opacity 0.3s ease;
}
img[data-src].loaded {
opacity: 1;
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
const hoursElem = document.getElementById('countdown-hours');
const minutesElem = document.getElementById('countdown-minutes');
const secondsElem = document.getElementById('countdown-seconds');
if (hoursElem && minutesElem && secondsElem) {
let totalSeconds =
parseInt(hoursElem.textContent, 10) * 3600 +
parseInt(minutesElem.textContent, 10) * 60 +
parseInt(secondsElem.textContent, 10);
if (totalSeconds > 0) {
const countdownInterval = setInterval(function() {
if (totalSeconds <= 0) {
clearInterval(countdownInterval);
hoursElem.textContent = '00';
minutesElem.textContent = '00';
secondsElem.textContent = '00';
return;
}
totalSeconds--;
let hours = Math.floor(totalSeconds / 3600);
let minutes = Math.floor((totalSeconds % 3600) / 60);
let seconds = totalSeconds % 60;
hoursElem.textContent = String(hours).padStart(2, '0');
minutesElem.textContent = String(minutes).padStart(2, '0');
secondsElem.textContent = String(seconds).padStart(2, '0');
}, 1000);
}
}
// --- Dynamic Price Update Logic ---
const priceDisplayPanel = document.querySelector('.selected_price .price-buy');
const priceLabelPanel = document.querySelector('.selected_price');
const priceRadios = document.querySelectorAll('input[name="grade"]');
const priceDifferenceDisplay = document.querySelector('.product_note.mgnB0 p');
// Store original values for price difference calculation
const newPriceValue = parseFloat(``);
const usedPriceValue = parseFloat(`23.48`);
function updatePrice(event) {
const selectedRadio = event.target;
const priceLabel = selectedRadio.getAttribute('data-price-label');
const priceValue = selectedRadio.getAttribute('data-price-value');
if (priceDisplayPanel && priceLabelPanel) {
priceDisplayPanel.textContent = `${priceValue} (tax included)`;
// Update the "New" or "Used" label text
priceLabelPanel.firstChild.nodeValue = `${priceLabel} `;
}
// Update the "cheaper than" message
if (priceDifferenceDisplay) {
let difference = 0;
if (priceLabel === 'Used') {
difference = newPriceValue - usedPriceValue;
}
// You can add logic for other labels if needed.
// If 'New' is selected, the message should probably be hidden.
if (difference > 0) {
priceDifferenceDisplay.textContent = `$${difference.toFixed(2)} cheaper than the new price!!`;
priceDifferenceDisplay.parentElement.style.display = 'block';
} else {
priceDifferenceDisplay.parentElement.style.display = 'none';
}
}
}
priceRadios.forEach(radio => radio.addEventListener('change', updatePrice));
// Set initial state for the "cheaper than" message
const initialSelectedRadio = document.querySelector('input[name="grade"]:checked');
if (initialSelectedRadio && initialSelectedRadio.getAttribute('data-price-label') !== 'Used') {
if(priceDifferenceDisplay) {
priceDifferenceDisplay.parentElement.style.display = 'none';
}
}
});
</script>
</div>
</body>
</html>
4.1 (48 items)
Limited Time Sale