商品
ジンドゥーでは好きな位置に商品単位で掲載することができます。
<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>