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