Font
- カラー
Grid / Margin / Align
- マージンの設定
Uses
- 応用
  - テキスト入力フォーム+ボタン
  - 商品数量設定ボタン
Help
- タイプ
  - 文章
  - リスト
  - 数字
  - ダッシュ
- 応用
  - テキストスタイルとの組み合わせ
Tab
Button
Layer
Tooltip
- タイプ
PrdInfo
- タイプ
  - デフォルト
Table
Paginate
- タイプ
Fold
- タイプ
Form

Uses

商品数量設定ボタンに関する機能の説明と使用例です。

応用

テキスト入力フォーム+ボタン

テキスト入力フォーム(inputボックス)とボタンを横並びで表示する場合に使用できます。

<div class="ec-base-field">
    {$form.search}
    <button class="btnStrong" onclick="{$action_search}">検索</button>
</div>

商品数量設定ボタン

商品の数量を変更する際に使用できるボタンです。

<div class="quantity">
    <span>
        <img class="QuantityDown" alt="down" src="//img.echosting.cafe24.com/skin/mobile_ko_KR/order/ico_quantity_down.jpg" width="33" height="29" onclick="{$out_shortcut}" />
        {$form.quantity}
        <img class="QuantityUp" alt="up" src="//img.echosting.cafe24.com/skin/mobile_ko_KR/order/ico_quantity_up.jpg" width="33" height="29" onclick="{$add_shortcut}" />
     </span>
</div>

Cafe24 Smart design Support

Uses

応用

テキスト入力フォーム+ボタン

商品数量設定ボタン