ice-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="csrf-token" content="888SIPotQhOw5H6F3nzJ3pyzqNMW19dQ2q2S1r6Q">
  <title>74LVC2G32GT/S500115 NXP USA Inc.  Gates and Inverters</title>
  <meta name="keywords" content="">
  <meta name="description" content="OR GATE, LVC/LCX/Z SERIES">
  <meta name="generator" content="BeikeShop v1.6.0.4(20250417)">
  <base href="https://www.empoweric.net">
  <link rel="stylesheet" type="text/css" href="https://www.empoweric.net/build/beike/shop/fashion5/css/bootstrap.css">
  <script src="https://www.empoweric.net/vendor/jquery/jquery-3.6.0.min.js"></script>
  <script src="https://www.empoweric.net/vendor/layer/3.5.1/layer.js"></script>
  <script src="https://www.empoweric.net/vendor/lazysizes/lazysizes.min.js"></script>
  <link rel="shortcut icon" href="https://www.empoweric.net/upload/avatar/fETrUwkPykRdfRG2ez2G8dCJuH27g2S7t8KAoJ3d.png">
  <script src="https://www.empoweric.net/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="https://www.empoweric.net/build/beike/shop/fashion5/js/app.js"></script>
  <link rel="stylesheet" type="text/css" href="https://www.empoweric.net/build/beike/shop/fashion5/css/app.css">
      <script src="https://www.empoweric.net/vendor/vue/2.7/vue.js"></script>
  <script src="https://www.empoweric.net/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="https://www.empoweric.net/vendor/zoom/jquery.zoom.min.js"></script>
  <link rel="stylesheet" href="https://www.empoweric.net/vendor/swiper/swiper-bundle.min.css">
      <style>
      .preview-item {
        margin-right: 10px;
        display: inline-block;
        position: relative;
      }

      .preview-item img {
        max-width: 180px;
        max-height: 180px;
      }

      .preview-item video {
        max-width: 148px;
        max-height: 148px;
        object-fit: cover;
      }

      .video-delete-icon {
        position: absolute;
        top: 5px;
        right: 5px;
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff;
        border-radius: 50%;
        padding: 5px;
        cursor: pointer;
        z-index: 10;
        font-size: 16px;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .video-delete-icon:hover {
        background-color: rgba(255, 0, 0, 0.7);
      }

      .video-preview-card {
        width: 148px;
        height: 148px;
        border: 1px solid #c0ccda;
        border-radius: 6px;
        display: inline-flex;
        margin-right: 8px;
        margin-bottom: 8px;
        position: relative;
        box-sizing: border-box;
        overflow: hidden;
        background-color: #fff;
        vertical-align: top;
      }

      .media-container {
        display: flex;
        flex-wrap: wrap;
      }
    </style>
    <link rel="stylesheet" href="https://www.empoweric.net/vendor/element-ui/index.css">
  <style>
    .preview-item {
      margin-right: 10px;
      display: inline-block;
      position: relative;
    }

    .preview-item img {
      max-width: 180px;
      max-height: 180px;
    }

    .preview-item video {
      max-width: 148px;
      max-height: 148px;
      object-fit: cover;
    }

    .video-delete-icon {
      position: absolute;
      top: 5px;
      right: 5px;
      background-color: rgba(0, 0, 0, 0.5);
      color: #fff;
      border-radius: 50%;
      padding: 5px;
      cursor: pointer;
      z-index: 10;
      font-size: 16px;
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .video-delete-icon:hover {
      background-color: rgba(255, 0, 0, 0.7);
    }

    .video-preview-card {
      width: 148px;
      height: 148px;
      border: 1px solid #c0ccda;
      border-radius: 6px;
      display: inline-flex;
      margin-right: 8px;
      margin-bottom: 8px;
      position: relative;
      box-sizing: border-box;
      overflow: hidden;
      background-color: #fff;
      vertical-align: top;
    }

    .media-container {
      display: flex;
      flex-wrap: wrap;
    }
  </style>
  <style scoped>
    .custom-upload .el-upload{
      width:80px; /* 设置上传框的宽度 */
      height: 80px; /* 设置上传框的高度 */
      display: flex;
    }
    .custom-upload .el-upload-list__item{
      width:80px; /* 设置上传框的宽度 */
      height: 80px; /* 设置上传框的高度 */
    }

    .custom-upload .el-icon-plus {
      font-size: 22px; /* 图标大小 */
      line-height: 0px; /* 垂直居中对齐 */
      text-align: center;
      margin-top: 38px;
      margin-left: 29px;
    }
  </style>
</head>
<body class="page-product">
        
     
      <div class="breadcrumb-wrap">
  <div class="container">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="https://www.empoweric.net">Home</a></li>
                                      <li class="breadcrumb-item"><a href="https://www.empoweric.net/categories/100115">Gates and Inverters</a></li>
                                      <li class="breadcrumb-item"><a href="https://www.empoweric.net/products/179829">74LVC2G32GT/S500115 NXP USA Inc.  Gates and Inverters</a></li>
                        </ol>
    </nav>
  </div>
</div>
   
  <div class="container " id="product-app" v-cloak>
         <div class="row mb-md-5 mt-md-0" id="product-top">
      <div class="col-12 col-lg-6 mb-2">
                 <div class="product-image">
                      <div class="left " v-if="images.length">
              <div class="swiper" id="swiper">
                <div class="swiper-wrapper">
                  <div class="swiper-slide" :class="!index ? 'active' : ''" v-for="image, index in images" :key="index">
                    <a href="javascript:;" :data-image="image.preview" :data-zoom-image="image.popup">
                      <img :src="image.thumb" alt="74LVC2G32GT/S500115 NXP USA Inc.  Gates and Inverters" class="img-fluid seo-img">
                    </a>
                  </div>
                </div>
                <div class="swiper-pager">
                  <div class="swiper-button-next new-feature-slideshow-next"></div>
                  <div class="swiper-button-prev new-feature-slideshow-prev"></div>
                </div>
              </div>
            </div>
            <div class="right" id="zoom">
                            <div class="product-img">
<img alt="74LVC2G32GT/S500115 NXP USA Inc.  Gates and Inverters" :src="images.length ? images[0].preview : 'https://www.empoweric.net/image/placeholder.png'" class="img-fluid seo-img">
              </div>
            </div>
                  </div>
               </div>

      <div class="col-12 col-lg-6">
        <div class="peoduct-info product-mb-block">
                     <h1 class="mb-lg-4 mb-2 product-name">74LVC2G32GT/S500115 NXP USA Inc.  Gates and Inverters</h1>
                                            <div class="price-wrap d-flex align-items-end">
              <div class="new-price fs-1 lh-1 fw-bold me-2">{{ product.price_format }}</div>
              <div class="old-price text-muted text-decoration-line-through" v-if="product.price != product.origin_price && product.origin_price !== 0">
                {{ product.origin_price_format }}
              </div>
            </div>
          
           
                     <div class="stock-and-sku mb-lg-4 mb-2">
             
                         <div class="d-lg-flex">
              <span class="title text-muted">Quantity:</span>
              <span :class="product.quantity > 0 ? 'text-success' : 'text-secondary'">
                <template v-if="product.quantity > 0">In Stock</template>
                <template v-else>Out Stock</template>
              </span>
            </div>
             
            
                         <div class="d-lg-flex"></div>
             
                         <div class="d-lg-flex" v-if="product.model">
<span class="title text-muted">Model:</span> {{ product.model }}
            </div>
             
                         <div class="d-lg-flex"></div>
             
                       </div>
                     <div class="variables-wrap mb-md-4" v-if="source.variables.length">
            <div class="variable-group" v-for="variable, variable_index in source.variables" :key="variable_index">
              <p class="mb-2">{{ variable.name }}</p>
              <div class="variable-info">
                <div v-for="value, value_index in variable.values" @click="checkedVariableValue(variable_index, value_index, value)" :key="value_index" data-bs-toggle="tooltip" data-bs-placement="top" :title="value.image ? value.name : ''" :class="[value.selected ? 'selected' : '', value.disabled ? 'disabled' : '', value.image ? 'is-v-image' : '']">
                  <span class="image" v-if="value.image"><img :src="value.image" class="img-fluid" :alt="value.name"></span>
                  <span v-else>{{ value.name }}</span>
                </div>
              </div>
            </div>
          </div>
           
          <div class="product-btns">
                                         <div class="quantity-btns">
                                                  <div class="quantity-wrap">
                  <input type="text" class="form-control" :disabled="!product.quantity" onkeyup="this.value=this.value.replace(/\D/g,'')" v-model="quantity" name="quantity">
                  <div class="right">
                    <i class="bi bi-chevron-up"></i>
                    <i class="bi bi-chevron-down"></i>
                  </div>
                </div>
                                 <div class="d-flex flex-fill">
                   
                                     <button class="btn btn-outline-dark ms-md-3 add-cart fw-bold" :product-id="product.id" :product-price="product.price" :disabled="!product.quantity" @click="addCart(false, this)"><i class="bi bi-cart-fill me-1"></i>Add To Cart
                  </button>
                                                        <button class="btn btn-dark ms-lg-3 btn-buy-now fw-bold" :disabled="!product.quantity" :product-id="product.id" :product-price="product.price" @click="addCart(true, this)"><i class="bi bi-bag-fill me-1"></i>Buy Now
                  </button>
                   
                                   </div>
                               </div>
               
                                               <div class="add-wishlist">
                  <button class="btn btn-link ps-md-0 text-secondary" data-in-wishlist="0" onclick="bk.addWishlist('179829', this)">
                    <i class="bi bi-heart me-1"></i>
                    <span>Add To Favorites</span>
                  </button>
                </div>
                                                     </div>

                   </div>
      </div>
    </div>
     <div class="card mb-3">
  <div class="card-body">
    <input type="hidden" name="product_name" value="74LVC2G32GT/S500115 NXP USA Inc.  Gates and Inverters" id="product_name">
    <input type="hidden" name="product_id" value="179829" id="product_id">
    <input type="hidden" name="product_url" value="" id="product_url">
    <input type="hidden" name="product_sku_id" :value="product.id" id="product_sku_id">

    <h5 class="card-title">Request a quote</h5>
    <p class="card-text">Description of your requirements:</p>
    <div class="mb-3">
      <textarea class="form-control" rows="5" name="message" id="message"></textarea>
    </div>
    <div class="mb-3">
      <label for="emailInput" class="form-label">Email *</label>
      <input type="email" class="form-control" id="emailInput" name="email"
             value="" required>
    </div>
    <button type="button" class="btn btn-primary" onclick="submitQuote()">Send me price</button>
  </div>
</div>

         <div class="product-description product-mb-block ">
      <div class="nav nav-tabs nav-overflow justify-content-start justify-content-md-center border-bottom mb-3">
                 <a class="nav-link fw-bold active fs-5" data-bs-toggle="tab" href="#product-description">
          Product Details
        </a>
                 <a class="nav-link fw-bold fs-5" data-bs-toggle="tab" href="#product-comment">
  Reviews(0)
</a>
      </div>
      <div class="tab-content">
                 <div class="tab-pane fade show active" id="product-description" role="tabpanel">
          <div class="rich-text-editor-content">Mfr: NXP USA Inc.<br> Series: *<br> Package: Bulk<br> Product Status: Active<br> Base Product Number: 74LVC2G32<br><p><a href="https://assets.nexperia.com/documents/data-sheet/74LVC2G32.pdf"><img class="img-fluid" src="/catalog/pdf.png" alt="Datasheet" /></a></p></div>
        </div>
        <div class="tab-pane fade" id="product-attributes" role="tabpanel">
          <table class="table table-bordered attribute-table">
                      </table>
        </div>
        
         <div class="tab-pane fade" id="product-comment" role="tabpanel" v-if="source.init">
    <div v-if="source.add_comment" style="border:1px dashed #F00;margin-bottom: 30px;padding: 20px">
  <el-form label-position="top" ref="addCommentForm" :rules="source.comment_rules" :model="item"
           v-for="(item, index) in source.products" :key="index">
          <el-form-item label="商品ID" prop="product_id" v-if="item.show_product_id">
        <el-input-number v-model="item.product_id" :min="1" :step="1" :precision="0"></el-input-number>
      </el-form-item>
      <el-form-item label="国家/地区代码" prop="product_id" v-if="item.show_product_id">
        <el-input v-model="item.zone"></el-input>
        <el-alert
          type="success"
          description="用于显示对应的旗帜。代码查询：https://flagcdn.com/zh/codes.json">
        </el-alert>
      </el-form-item>
              <el-form-item label="Author" prop="comment_user_name">
        <el-input v-model="item.comment_user_name" :minlength="3" :maxlength="50"
                  show-word-limit></el-input>
      </el-form-item>
        <el-form-item label="Content" prop="content_text">
      <el-input v-model="item.content_text" type="textarea" :minlength="10" :maxlength="350"
                show-word-limit
                :autosize="{minRows:4,maxRows:6}"></el-input>
    </el-form-item>
        <el-form-item label="Score">
      <el-rate v-model="source.comment.score" :max="5"></el-rate>
    </el-form-item>
  </el-form>

  <el-button @click="source.add_comment=false">Cancel</el-button>
  <el-button type="primary" @click="submitComment">Submit</el-button>
</div>


      <div style="width: 100%;text-align: center;margin-bottom: 10px"
         v-if="source.comments.length > 0 && !source.add_comment">
      <el-button type="primary" @click="openAddCommentDialog">Add reviews</el-button>
    </div>
    <el-empty v-if="(!source.comments || source.comments.length == 0) && !source.add_comment"
            description="No comments yet.">
          <el-button type="primary"
                 @click="openAddCommentDialog">Add first reviews</el-button>
      </el-empty>

  <ul class="list-group list-group-flush">

    <li class="list-group-item" v-for="item in source.comments" :key="item.id">
      <div style="display: flex">
        <div style="width: 80px;margin-top: 12px;display: flex;flex-direction: column;line-height: 2.5;">
          <div style="width: 100%;text-align: center">
            <el-avatar :src="item.avatar"></el-avatar>
          </div>
          <div style="width: 100%;text-align: center"><span
              style="color:#666;font-size: 14px">{{ item.user_name }}</span>
            <img :src="item.flag" v-if="source.show_national_flag != 0 && item.flag !=''"/>
          </div>
        </div>
        <div style="margin-left: 35px;width: 100%;line-height: 2.5;display: flex;flex-direction: column;">
          <span style="font-weight: bold;font-size: 14px">{{ item.content }}</span>

          <div style="display: flex;flex-direction: row;">
            <el-image style="width: 180px;height:180px;margin-right: 10px" :src="img" v-for="img in item.imgs"
                      :key="img.id"
                      v-if="item.imgs.length > 0"
                      :preview-src-list="item.imgs">
              <div slot="placeholder" class="image-slot">
                Loading<span class="dot">...</span>
              </div>
            </el-image>
            <div v-for="(item, index) in item.video" :key="'video-'+index" class="video-preview-card"
                 style="width: 180px;height:180px;margin-right: 10px">
              <video controls :src="item">
                您的浏览器不支持视频播放。
              </video>
            </div>
          </div>
          <el-rate v-model="item.score"
                   disabled
                   :max="item.score"
                   style="margin-top: 10px"></el-rate>
          <span style="color: #aaa">{{ item.created_at }}
              <span v-if="item.order_product_name != null"
                    style="margin-left: 10px">{{ item.order_product_name }}</span>
            </span>
        </div>
        <div style="margin-left: 10px;text-align: right" v-if="item.status==2">
            <span v-if="item.status==2"><img style="width: 40px;height: 40px"
                                             src="https://www.empoweric.net/cache/plugin/_l_comment/good-100x100.png"></span>
        </div>
      </div>
    </li>
  </ul>
  <div class="Pagination" v-if="source.comments.length > 0">
    <el-pagination
      @current-change="handleCommentsPageChange"
      :current-page="source.comments_page.page"
      :page-size="source.comments_page.pageSize"
      layout="total, prev, pager, next"
      :total="source.comments_page.total"
    >
    </el-pagination>
  </div>

</div>


      </div>
    </div>
            </div>

  
   <script type="application/ld+json">
    {"@context":"https:\/\/schema.org\/","@type":"Product","name":"74LVC2G32GT\/S500115 NXP USA Inc.  Gates and Inverters","image":["https:\/\/image.111135.xyz\/Photos\/Rochester\/MFG_74LVCV2G66GTX.jpg"],"description":"74LVC2G32GT\/S500115 NXP USA Inc.  Gates and Inverters","sku":"BE00190176","mpn":"74LVC2G32GT\/S500115","offers":{"@type":"Offer","url":"https:\/\/www.empoweric.net\/products\/179829","priceCurrency":"USD","price":"0.08","priceValidUntil":"2055-09-03","itemCondition":"https:\/\/schema.org\/NewCondition","availability":"https:\/\/schema.org\/InStock","hasMerchantReturnPolicy":{"@type":"MerchantReturnPolicy","returnPolicyCategory":"http:\/\/schema.org\/MerchantReturnFiniteReturnWindow","merchantReturnDays":120,"returnMethod":"http:\/\/schema.org\/ReturnByMail","returnFees":"http:\/\/schema.org\/FreeReturn","refundType":"http:\/\/schema.org\/FullRefund"}},"review":{"author":{"@type":"Person","name":"Customer"},"@type":"Review","reviewRating":[]},"aggregateRating":{"@type":"AggregateRating"}}
  </script>

      <footer>
      
      <div class="services-wrap">
      <div class="container-fluid">
        <div class="row align-items-lg-center">
                      <div class="col-lg-3 col-md-6 col-6">
              <div class="service-item my-1">
                <div class="icon"><img src="https://www.empoweric.net/cache/catalog/demo/services-icon/4-80x80.png" class="img-fluid"></div>
                <div class="text">
                  <p class="title">Material world</p>
                  <p class="sub-title">Multi-warehouses direct delivery Extreme delivery </p>
                </div>
              </div>
            </div>
                      <div class="col-lg-3 col-md-6 col-6">
              <div class="service-item my-1">
                <div class="icon"><img src="https://www.empoweric.net/cache/catalog/demo/services-icon/3-80x80.png" class="img-fluid"></div>
                <div class="text">
                  <p class="title">Return all</p>
                  <p class="sub-title">Rest assured shopping return worry</p>
                </div>
              </div>
            </div>
                      <div class="col-lg-3 col-md-6 col-6">
              <div class="service-item my-1">
                <div class="icon"><img src="https://www.empoweric.net/cache/catalog/demo/services-icon/1-80x80.png" class="img-fluid"></div>
                <div class="text">
                  <p class="title">Delicate service</p>
                  <p class="sub-title">Exquisite service and after-sales guarantee</p>
                </div>
              </div>
            </div>
                      <div class="col-lg-3 col-md-6 col-6">
              <div class="service-item my-1">
                <div class="icon"><img src="https://www.empoweric.net/cache/catalog/demo/services-icon/2-80x80.png" class="img-fluid"></div>
                <div class="text">
                  <p class="title">Technical support</p>
                  <p class="sub-title">We offer professional technical support before and after sales.</p>
                </div>
              </div>
            </div>
                  </div>
      </div>
    </div>
     
  <div class="container-fluid">
    <div class="footer-content">
      <div class="row">
        <div class="col-12 col-md-3 me-lg-5">
          <div class="footer-content-left footer-link-wrap">
            <h6 class="text-uppercase intro-title">Company Profile<span class="icon-open"><i class="bi bi-plus-lg"></i></span></h6>
            <div class="intro-wrap">
                              <div class="logo"><a href="https://www.empoweric.net"><img src="https://www.empoweric.net/catalog/fashion_5/empoweric.png" alt="empoweric" class="img-fluid"></a></div>
                            <div class="text tinymce-format-p"></div>
              <div class="social-network">
                              </div>
            </div>
          </div>
        </div>
                                      <div class="col-12 col-md footer-content-link1 footer-link-wrap">
            <h6 class="text-uppercase">About us<span class="icon-open"><i class="bi bi-plus-lg"></i></span></h6>
            <ul class="list-unstyled">
                                              <li class="lh-lg mb-2">
                  <a href="https://www.empoweric.net/pages/21" >
                    Contact
                  </a>
                </li>
                                                            <li class="lh-lg mb-2">
                  <a href="https://www.empoweric.net/pages/12" >
                    Shipping
                  </a>
                </li>
                                                            <li class="lh-lg mb-2">
                  <a href="https://www.empoweric.net/pages/18" >
                    Payment &amp; Billing Terms
                  </a>
                </li>
                                                            <li class="lh-lg mb-2">
                  <a href="https://www.empoweric.net/pages/22" >
                    Warranty
                  </a>
                </li>
                                                            <li class="lh-lg mb-2">
                  <a href="https://www.empoweric.net/pages/20" >
                    Return &amp; Refund
                  </a>
                </li>
                                                            <li class="lh-lg mb-2">
                  <a href="https://www.empoweric.net/pages/23" >
                    Privacy Policy
                  </a>
                </li>
                                        </ul>
          </div>
                                                <div class="col-12 col-md footer-content-link2 footer-link-wrap">
            <h6 class="text-uppercase">Member Center<span class="icon-open"><i class="bi bi-plus-lg"></i></span></h6>
            <ul class="list-unstyled">
                                              <li class="lh-lg mb-2">
                  <a href="https://www.empoweric.net/account" >
                    Account
                  </a>
                </li>
                                                            <li class="lh-lg mb-2">
                  <a href="https://www.empoweric.net/account/orders" >
                    Order
                  </a>
                </li>
                                                            <li class="lh-lg mb-2">
                  <a href="https://www.empoweric.net/account/wishlist" >
                    Wishlist
                  </a>
                </li>
                                        </ul>
          </div>
                                              
                          <div class="col-12 col-md-3 footer-content-contact footer-link-wrap">
          <h6 class="text-uppercase">Contact us<span class="icon-open"><i class="bi bi-plus-lg"></i></span> </h6>
          <ul class="list-unstyled">
                          <li class="lh-lg mb-2"><i class="bi bi-envelope-fill"></i> sales15@beyondtech.biz</li>
                                                  <li class="lh-lg mb-2"><i class="bi bi-geo-alt-fill"></i> Address: 1103, Building T2, Lijin City Center, Shenzhen, Guangdong, China</li>
                      </ul>
        </div>
                        </div>
    </div>
  </div>

     <div class="footer-bottom">
    <div class="container-fluid">
      <div class="d-lg-flex align-items-center">
        <div class="text-center d-lg-flex justify-content-center">
          <!-- 删除版权信息, 请先购买授权 https://beikeshop.com/vip/subscription -->
                    Powered By 
                    <p>empoweric.net &copy; 2025</p>
        </div>
                  <div class="ms-auto right-img py-md-2 text-center">
            <img src="https://www.empoweric.net/catalog/demo/banner/pay_icons.png" class="img-fluid">
          </div>
              </div>
    </div>
  </div>
   
   </footer>
  
  <script>
    const config = {
      isLogin: !!null,
      guestCheckout: !!1,
      loginShowPrice: !!0,
      productImageOriginWidth: 800,
      productImageOriginHeight: 800,
    }

    // 如果页面使用了ElementUI，且当前语言不是中文，则加载对应的语言包
          if (typeof ELEMENT !== 'undefined') {
        const elLocale = 'https://www.empoweric.net/vendor/element-ui/language/en.js';
        document.write("<script src='" + elLocale + "'><\/script>")

        $(function () {
          setTimeout(() => {
            ELEMENT.locale(ELEMENT.lang['en'])
          }, 0);
        })
      }
      </script>

        <script>
      const ytVideoIframe = '';
      $('.open-video').removeClass('d-none');
      $('#product-video').html(ytVideoIframe)

      $(document).on('click', '.open-video', function () {
        $('#product-video iframe').attr({width: '100%', height: '100%'});
        $('#product-video iframe').attr('src', $('#product-video iframe').attr('src') + '&autoplay=1&muted=1');
        $(this).addClass('d-none');
        $('#product-video').fadeIn();
        $('.close-video').removeClass('d-none');
      });

      $(document).on('click', '.close-video', function () {
        closeVideo()
      });

      function closeVideo() {
        $('#product-video').fadeOut();
        $('#product-video').html()
        $('.close-video').addClass('d-none');
        $('.open-video').removeClass('d-none');
      }
    </script>
    <script>
    $(function () {
      let url = window.location.href;
      $("#product_url").val(url);
    })

    function submitQuote(){

      // 获取表单数据
      var formData = {
        product_name: $('#product_name').val(),
        product_id: $('#product_id').val(),
        product_url: $('#product_url').val(),
        product_sku_id: $('#product_sku_id').val(),
        message: $('#message').val(),
        email: $('#emailInput').val(),
        _token: '888SIPotQhOw5H6F3nzJ3pyzqNMW19dQ2q2S1r6Q'
      };

      // 验证邮箱是否为空
      if (!formData.email) {
        layer.error("Email cannot be empty.")
        return;
      }
      $http.post("https://www.empoweric.net/post_ticket/submit_quote", formData).then((res) => {
        console.log(res)
        if (res.code == 0) {
          layer.msg("success");
          setTimeout(function (){
            window.location.reload()
          },1000)
        } else {
          layer.msg(res.msg)
        }
      })
    }
  </script>
  <script>
    $(function () {
      console.log(app);
      app.$set(app.source, "show_national_flag",  0);
      app.$set(app.source, "comments_page", {
        product_id: 179829,
        page: 1,
        // pageSize: 15,
        total: 0,
      });

      app.$set(app.source, "comments", []);
      app.$set(app.source, "init", 1);
      app.openAddCommentDialog = function () {
        console.log("add");
        app.source.comment.id = 0;
        app.source.comment.comment_user_name = ''
        app.source.comment.content_text = '';
        app.source.comment.order_id = 0;
        app.source.comment.order_product_id = 0;
        app.source.comment.imgs = [];
        app.source.comment.videos = [];
        app.source.comment.score = 5;
        app.source.comment.show_product_id = false;


        app.source.add_comment = true;
      };
      app.getComments = function () {
        $http.get('https://www.empoweric.net/l_comment/comments', app.source.comments_page).then((res) => {
          app.source.comments = res.productsComments.data;
          console.log(app.source.comments);
          app.source.comments_page.page = res.productsComments.current_page;
          app.source.comments_page.pageSize = res.productsComments.per_page;
          app.source.comments_page.total = res.productsComments.total;

        })
      };
      app.loginComment = function () {
        layer.open({
          type: 2,
          title: '',
          shadeClose: true,
          scrollbar: false,
          area: ['900px', '600px'],
          skin: 'login-pop-box',
          content: 'login?iframe=true' //iframe的url
        });
      }
      app.handleCommentsPageChange = function (val) {
        app.source.comments_page.page = val;
        app.source.comments_page.offset = (val - 1) * app.source.comments_page.pageSize;
        app.getComments();
      };

      app.getComments();
    });
  </script>

  <script type="text/javascript">
    let zoneCode = "";
    let ipStr = "";
  </script>

    

  <!--https://ipinfo.io/widget/demo/8.8.8.8?dataset=geolocation-->


  <script src="https://www.empoweric.net/vendor/vue/2.7/vue.js"></script>
  <script src="https://www.empoweric.net/vendor/element-ui/index.js"></script>
  <script>
    $(function () {
      app.$set(app.source, "comment", {
        id: 0,
        zone: zoneCode,
        ip: ipStr,
        product_id: 179829,
        comment_user_name: "",
        content_text:  "",
        order_id:0,
        order_product_id:0,
        imgs: [],
        videos: [],
        score: 5,
        show_product_id: false,
      });
      app.$set(app.source, "products", [app.source.comment]);
      app.$set(app.source, "is_order", false);
      app.$set(app.source, "comment_img_limit", parseInt(9));
      app.$set(app.source, "img_max_size", parseInt(""));
      app.$set(app.source, "video_max_size", parseInt(""));
      app.$set(app.source, "comment_icon_lasses", ['icon-rate-face-1', 'icon-rate-face-2', 'icon-rate-face-3']);
      app.$set(app.source, "add_comment", false);
      app.$set(app.source, "headers", {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')});
      app.$set(app.source, "comment_rules", {
        comment_user_name: [
          {required: true, message: 'Please enter the content', trigger: 'blur'},
          {min: 3, max: 50, message: 'Between 3 and 5 characters in length', trigger: 'blur'}
        ],
        content_text: [
          {required: true, message: 'Please enter the content', trigger: 'blur'},
          {min: 10, max: 350, message: 'Between 10 and 350 characters in length', trigger: 'blur'}
        ],
      });

      app.$set(app.source, "comment_imgs", []);


      app.handleRemove = function (file, fileList, item) {
        item.imgs = fileList;
        if (item.imgs.length + item.videos.length < app.source.comment_img_limit) {
          $('.el-upload--picture-card').show();
        }
      };
      app.handleRemoveVideo = function (index, item) {
        item.videos.splice(index, 1);
        $('.el-upload--picture-card').show();
      };
      app.handleSuccess = function (res, file, fileList, item) {
        if (file.raw.type == 'video/mp4') {
          item.videos.push(file);
        } else {
          item.imgs.push(file);
        }


        if (item.imgs.length + item.videos.length >= app.source.comment_img_limit) {
          $('.el-upload--picture-card').hide();
        }

      };

      app.beforeUpload = function (file, item) {

        if (item.imgs.length + item.videos.length >= app.source.comment_img_limit) {
          $('.el-upload--picture-card').hide();
          this.$message.error('Only upload: count');
          return false;
        }
        const fileExtension = file.name.split('.').pop().toLowerCase();
        let isLt2M = file.size / 1024 / 1024;
        if (fileExtension.toLocaleLowerCase() == 'mp4') {
          isLt2M = isLt2M < app.source.video_max_size;
        } else {
          isLt2M = isLt2M < app.source.img_max_size;
        }

        if (!isLt2M) {
          if (fileExtension.toLocaleLowerCase() == 'mp4') {
            this.$message.error('Only: accepts files can be uploaded, with no more than: img_max_size for pictures and no more than: video_max_siz for videos.');
          } else {
            this.$message.error('Only: accepts files can be uploaded, with no more than: img_max_size for pictures.');
          }
        }
        return isLt2M;
      }

      app.submitComment = function () {
        let is_success = false;
        app.$refs['addCommentForm'].forEach(function (form) {
          form.validate((valid) => {
            if (valid) {
              is_success = true;
            } else {
              is_success = false;
            }
          })
        });
        setTimeout(function () {
          console.log(is_success)
          if (is_success) {
            $http.post('https://www.empoweric.net/l_comment/comments', {comments: app.source.products}).then((res) => {
              layer.msg(res.msg);
              if (res.code == 0) {
                app.source.add_comment = false;
                                app.getComments();
                              }
            })
          }
        })
      }
    })
  </script>
  <script>
     
    let swiperMobile = null;
    const isIframe = bk.getQueryString('iframe', false);

    let app = new Vue({
      el: '#product-app',

      data: {
        selectedVariantsIndex: [], // 选中的变量索引
        images: [],
        product: {
          id: 0,
          images: "",
          model: "",
          origin_price: 0,
          origin_price_format: "",
          position: 0,
          price: 0,
          weight: 0,
          price_format: "",
          quantity: 0,
          sku: "",
        },
        quantity: 1,
        source: {
          skus: [{"id":179838,"product_id":179829,"variants":[],"position":0,"images":[],"model":"74LVC2G32GT\/S500115","sku":"BE00190176","price":"0.075","price_format":"$0.08","origin_price":"0","origin_price_format":"$0.00","quantity":9999,"weight":"0.5","is_default":true}],
          weight: "0.5",
          variables: [],
        },
               },

      beforeMount() {
        const skus = JSON.parse(JSON.stringify(this.source.skus));
        const skuDefault = skus.find(e => e.is_default)
        this.selectedVariantsIndex = skuDefault.variants

        // 为 variables 里面每一个 values 的值添加 selected、disabled 字段
        if (this.source.variables.length) {
          this.source.variables.forEach(variable => {
            variable.values.forEach(value => {
              this.$set(value, 'selected', false)
              this.$set(value, 'disabled', false)
            })
          })

          this.checkedVariants()
          this.getSelectedSku(false);
          this.updateSelectedVariantsStatus()
        } else {
          // 如果没有默认的sku，则取第一个sku的第一个变量的第一个值
          this.product = skus[0];
          this.product.weight = this.source.weight;
          this.images = [{"preview":"https:\/\/image.111135.xyz\/Photos\/Rochester\/MFG_74LVCV2G66GTX.jpg","popup":"https:\/\/image.111135.xyz\/Photos\/Rochester\/MFG_74LVCV2G66GTX.jpg","thumb":"https:\/\/image.111135.xyz\/Photos\/Rochester\/MFG_74LVCV2G66GTX.jpg"}];
        }

               },

      methods: {
        checkedVariableValue(variable_index, value_index, value) {
          $('.product-image .swiper .swiper-slide').eq(0).addClass('active').siblings().removeClass('active');
          this.source.variables[variable_index].values.forEach((v, i) => {
            v.selected = i == value_index
          })

          this.updateSelectedVariantsIndex();
          this.getSelectedSku();
          this.updateSelectedVariantsStatus()
          setTimeout(() => { swiper.update()}, 0);
        },

        // 把对应 selectedVariantsIndex 下标选中 variables -> values 的 selected 字段为 true
        checkedVariants() {
          this.source.variables.forEach((variable, index) => {
            variable.values[this.selectedVariantsIndex[index]].selected = true
          })
        },

        getSelectedSku(reload = true) {
          // 通过 selectedVariantsIndex 的值比对 skus 的 variables
          const sku = this.source.skus.find(sku => sku.variants.toString() == this.selectedVariantsIndex.toString())
          this.images =
          [{"preview":"https:\/\/image.111135.xyz\/Photos\/Rochester\/MFG_74LVCV2G66GTX.jpg","popup":"https:\/\/image.111135.xyz\/Photos\/Rochester\/MFG_74LVCV2G66GTX.jpg","thumb":"https:\/\/image.111135.xyz\/Photos\/Rochester\/MFG_74LVCV2G66GTX.jpg"}]
          if (reload) {
            this.images.unshift(...sku.images)
          }

          this.product = sku;

          if (swiperMobile) {
            swiperMobile.slideTo(0, 0, false)
          }

          this.$nextTick(() => {
            $('#zoom img').attr('src', $('#swiper a').attr('data-image'));
            $('#zoom').trigger('zoom.destroy');
            $('#zoom').zoom({url: $('#swiper a').attr('data-zoom-image')});
          })

          closeVideo()
        },

        addCart(isBuyNow = false) {
          bk.addCart({sku_id: this.product.id, quantity: this.quantity, isBuyNow}, null, () => {

            const lang = "null";
            let path = '/' + 'en' + '/checkout';
            //if(lang === "null") {
              path = '/checkout';
            //}

            if (isIframe) {
              let index = parent.layer.getFrameIndex(window.name); //当前iframe层的索引
              parent.bk.getCarts();
              setTimeout(() => {
                parent.layer.close(index);
                if (isBuyNow) {
                  parent.location.href = path;
                } else {
                  parent.$('.btn-right-cart')[0].click()
                }
              }, 400);
            } else {
              if (isBuyNow) {
                location.href = path;
              }
            }
          });
        },

        updateSelectedVariantsIndex() {
          // 获取选中的 variables 内 value的 下标 index 填充到 selectedVariantsIndex 中
          this.source.variables.forEach((variable, index) => {
            variable.values.forEach((value, value_index) => {
              if (value.selected) {
                this.selectedVariantsIndex[index] = value_index
              }
            })
          })
        },

        updateSelectedVariantsStatus() {
          // skus 里面 quantity 不为 0 的 sku.variants
          const skus = this.source.skus.filter(sku => sku.quantity > 0).map(sku => sku.variants);
          this.source.variables.forEach((variable, index) => {
            variable.values.forEach((value, value_index) => {
              const selectedVariantsIndex = this.selectedVariantsIndex.slice(0);

              selectedVariantsIndex[index] = value_index;
              const selectedSku = skus.find(sku => sku.toString() == selectedVariantsIndex.toString());
              if (selectedSku) {
                value.disabled = false;
              } else {
                value.disabled = true;
              }
            })
          });
        },

               },

           });

    $(document).on("mouseover", ".product-image #swiper .swiper-slide a", function () {
      $(this).parent().addClass('active').siblings().removeClass('active');
      $('#zoom').trigger('zoom.destroy');
      $('#zoom img').attr('src', $(this).attr('data-image'));
      $('#zoom').zoom({url: $(this).attr('data-zoom-image')});
      closeVideo()
    });

    var swiper = new Swiper("#swiper", {
      direction: "vertical",
      slidesPerView: 1,
      spaceBetween: 3,
      autoHeight: true,
      mousewheel: true,
      breakpoints: {
        375: {
          slidesPerView: 3,
          spaceBetween: 3,
        },
        480: {
          slidesPerView: 4,
          spaceBetween: 27,
        },
        768: {
          slidesPerView: 6,
          spaceBetween: 3,
        },
      },
      navigation: {
        nextEl: '.new-feature-slideshow-next',
        prevEl: '.new-feature-slideshow-prev',
      },
      observer: true,
      observeParents: true
    });

    var relationsSwiper = new Swiper('.relations-swiper', {
      watchSlidesProgress: true,
      autoHeight: true,
      breakpoints: {
        320: {
          slidesPerView: 2,
          spaceBetween: 10,
        },
        768: {
          slidesPerView: 4,
          spaceBetween: 30,
        },
      },
      spaceBetween: 30,
      // 如果需要前进后退按钮
      navigation: {
        nextEl: '.relations-swiper-next',
        prevEl: '.relations-swiper-prev',
      },

      // 如果需要分页器
      pagination: {
        el: '.relations-pagination',
        clickable: true,
      },
    })

    
    $(document).ready(function () {
      $('#zoom').trigger('zoom.destroy');
      $('#zoom').zoom({url: $('#swiper a').attr('data-zoom-image')});
    });

    const selectedVariantsIndex = app.selectedVariantsIndex;
    const variables = app.source.variables;

    const selectedVariants = variables.map((variable, index) => {
      return variable.values[selectedVariantsIndex[index]]
    });

       </script>
</body>
<!-- BeikeShop v1.6.0.4(20250417) -->
</html>