商品 | 基本機能

商品

ジンドゥーでは好きな位置に商品単位で掲載することができます。

<div id="cc-m-xxxxxxxxxx" class="j-module n j-product ">
  <div id="cc-m-product-xxxxxxxxxx" itemscope="" itemtype="http://schema.org/Product">
    <div class="hproduct">
      <div class="cc-shop-product-size-2">
        <div class="cc-shop-product-img">
          <div class="cc-shop-product-img-confines">
            <a id="cc-product-superzoom-xxxxxxxxxx" href="https://画像のURLパス(自動挿入)" class="cc-product-superzoom cc-no-clickable-arrow sz-thumb" rel="lightbox" data-href="https://画像のURLパス(自動挿入)" data-width="320" data-height="320"><span><img class="cc-shop-product-main-image photo" srcset="https://画像のURLパス(自動挿入) 158w,https://画像のURLパス(自動挿入) 316w,https://画像のURLパス(自動挿入) 375w,https://画像のURLパス(自動挿入) 750w" sizes="(max-width: 480px) 100vw, 158px" src="https://画像のURLパス(自動挿入)" alt="商品名" itemprop="image"><span class="sz-lens"></span></span></a>
          </div>
          <ul class="cc-shop-product-alternatives"> </ul>
        </div>
        <div class="cc-shop-product-desc" id="product-desc-xxxxxxxxxx">
          <h4 class="fn" itemprop="name">商品名</h4>
          <div id="cc-shop-product-desc-text-xxxxxxxxxx" class="description" itemprop="description"> </div>
          <div id="cc-shop-product-short-desc-text-xxxxxxxxxxx" class="cc-shop-product-short-desc"> </div>
          <div class="product-price cc-shop-product-price" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
            <div style="display:none;" class="cc-shop-product-price-item cc-shop-product-price-old"> <del class="cc-shop-old-price-value">
                     </del> <sup style="display: none;" class="cc-shop-old-price-info">
                    </sup> </div>
            <p class="cc-shop-product-price-item cc-shop-product-price-current cc-shop-price cc-shop-price-value" itemprop="price" content="0"> ¥0 </p>
            <meta itemprop="priceCurrency" content="JPY">
            <meta itemprop="availability" content="InStock"> <span itemprop="inventoryLevel" itemscope="" itemtype="http://schema.org/QuantitativeValue">
        <meta itemprop="value" content="Infinity">
    </span>
            <meta itemprop="url" content="https://hack-technique.jimdofree.com//app/module/webproduct/goto/m/m322123b2617c0267"> </div>
          <div class="cc-product-infolink j-product__info__link">
            <p class="cc-product-tax-and-shipping-info"> 商品価格 / <a rel="nofollow" href="/j/shop/info/m/?productId=m322123b2617c0267" class="cc-no-clickable-arrow"> 送料別途 </a> </p>
            <p class="j-product__info__free-shipping-countries hide"> 次の地域は送料無料: <span class="cc-product-free-shipping-countries-prefix">
                            </span> <span class="cc-product-free-shipping-countries-suffix-wrapper hide">
                <span class="cc-product-free-shipping-countries-suffix">
                                                        </span> <a href="javascript:;" class="cc-product-free-shipping-countries-toggle-button" data-action="toggleFreeShippingCountries">
                    <span class="cc-product-free-shipping-countries-toggle-button-more">全ての地域を表示</span>
                    <span class="cc-product-free-shipping-countries-toggle-button-less">詳細を閉じる</span>
                </a> </span>
            </p>
          </div>
          <ul class="cc-shop-product-availability j-product-details">
            <li class="cc-shop-product-pool j-product-pool j-product-pool-status-1 cc-shop-product-pool-variant-1"> 在庫あり </li>
            <li class="cc-product-delivery-time-info j-product-delivery-time cc-delivery-time-variant-1 j-product-delivery-time-status-1"> お届け日数:1~3日<sup>1</sup> </li>
          </ul> <button class="cc-shop-addtocard cc-no-clickable-arrow" data-action="addToCart">
    <span class="cc-shop-addtocard-text">
      カートに追加    </span>
</button>
          <div class="sz-stage" style="width: 498px; height: 258px;"><img src="https://image.jimcdn.com/app/cms/image/transf/none/path/s5e705a20a1aee6c4/image/i0b82404882d0ff91/version/1634898070/image.png"></div>
        </div>
        <!-- end of div.cc-shop-product-desc -->
      </div>
      <!-- end of div.cc-shop-product-size-2 -->
    </div>
    <!-- end of div.hproduct -->
  </div>
  <!-- end of div#cc-m-product-xxxxxxxx -->
</div>

商品名

商品ブロック設置サンプルです

¥0

  • 在庫あり
  • お届け日数:1~3日1