Aプラン・書籍用買い物かごおすすめ商品の設定方法

• PC
• ガラケ
• スマホ

PC

編集テンプレート
テンプレート管理
・買い物かご画面・レコメンド（Aプラン）
・買い物かご画面・レコメンド（書籍）

設定内容

<div class="round-box content_block">
<div>
<h5>この商品を買った人はこの商品も見ています。</h5>
<ul>
<li>
<div>
<a href="商品ページURL"><img src="商品画像URL(https://img.ymall.jpで始まるものを指定ください)" width="60" height="60"></a>
</div>
<div>
<p><a href="商品ページURL">商品名</a></p>
<p><span>￥商品金額</span></p>
<a href="/shop/cart/cart.aspx?goods=商品コード" class="button s orange block">お買い物かごに入れる</a>
</div>
</li>
<li>
<div>
<a href="商品ページURL"><img src="商品画像URL(https://img.ymall.jpで始まるものを指定ください)" width="60" height="60"></a>
</div>
<div>
<p><a href="商品ページURL">商品名</a></p>
<p><span>￥商品金額</span></p>
<a href="/shop/cart/cart.aspx?goods=商品コード" class="button s orange block">お買い物かごに入れる</a>
</div>
</li>
<li>
<div>
<a href="商品ページURL"><img src="商品画像URL(https://img.ymall.jpで始まるものを指定ください)" width="60" height="60"></a>
</div>
<div>
<p><a href="商品ページURL">商品名</a></p>
<p><span>￥商品金額</span></p>
<a href="/shop/cart/cart.aspx?goods=商品コード" class="button s orange block">お買い物かごに入れる</a>
</div>
</li>
</ul>
</div>
</div>

ガラケ

編集テンプレート
テンプレート管理(モバイル)
・買い物かご画面・レコメンド（Aプラン）
・買い物かご画面・レコメンド（書籍）

設定内容

<div>
<img src="https://img.ymall.jp/image/ymdweb/mb/common/space.gif" alt="" width="1" height="10" /><br />
<hr size="1" color="#d9d9d9" />
<div><font color="#005aaa"><b>●この商品を買った人はこの商品も見ています。</b></font></div>
<br />
<table>
<tr>
<td>
<a href="商品ページURL?__%session%__">
<font size="2">商品名</font>
</a>
</td>
</tr>
</table>
<table>
<tr>
<td>
<a href="商品ページURL?__%session%__">
<font size="2">商品名</font>
</a>
</td>
</tr>
</table>
<table>
<tr>
<td>
<a href="商品ページURL?__%session%__">
<font size="2">商品名</font>
</a>
</td>
</tr>
</table>

</div>

スマホ

編集テンプレート
テンプレート管理(スマートフォン)
・買い物かご画面・レコメンド（Aプラン）
・買い物かご画面・レコメンド（書籍）

設定内容

<div class="recommend">
<h3>この商品を買った人はこの商品も見ています。</h3>
<ul class="item_list_vertical">
<li>
<div class="item_image">
<img src="https://img.ymall.jp/image/ymdweb/sp/cart/common/recommend_ribbon.png" width="51" height="51">
<div class="image"><a href="商品ページURL"><img src="商品画像URL"></a></div>
</div>
<p class="item_name"><a href="商品ページURL">商品名</a></p>
<p class="price"><span>￥商品金額</span></p>
<p><a href="./cart.aspx?goods=商品コード" class="button block s orange">お買い物カゴに入れる</a></p>
</li>
<li>
<div class="item_image">
<img src="https://img.ymall.jp/image/ymdweb/sp/cart/common/recommend_ribbon.png" width="51" height="51">
<div class="image"><a href="商品ページURL"><img src="商品画像URL"></a></div>
</div>
<p class="item_name"><a href="商品ページURL">商品名</a></p>
<p class="price"><span>￥商品金額</span></p>
<p><a href="./cart.aspx?goods=商品コード" class="button block s orange">お買い物カゴに入れる</a></p>
</li>
<li>
<div class="item_image">
<img src="https://img.ymall.jp/image/ymdweb/sp/cart/common/recommend_ribbon.png" width="51" height="51">
<div class="image"><a href="商品ページURL"><img src="商品画像URL"></a></div>
</div>
<p class="item_name"><a href="商品ページURL">商品名</a></p>
<p class="price"><span>￥商品金額</span></p>
<p><a href="./cart.aspx?goods=商品コード" class="button block s orange">お買い物カゴに入れる</a></p>
</li>
</ul>
</div>