「カゴに入れる」ボタンの設定変更は行えますか？
No:6006
最終更新日: 2024/07/03
レンタルカート
「カゴに入れる」ボタンを画像に変更する方法法は以下をご覧ください。
「カゴに入れる」ボタンを画像に変更することは可能ですか？
3ステップカートご利用の場合の設定
3ステップカートご利用時の設定変更は、商品一覧の右端「カゴ」ボタンをクリックし遷移したページの「3ステップ」タブで行います
商品管理 ＞ 商品左「カゴ」ボタン ＞ 「3ステップ」タブ画面
商品管理 ＞ 商品右「カゴ」ボタン ＞ 「3ステップ」タブ画面各設定を編集し最下部の「更新」ボタンをクリックするとHTMLソース欄に出力されるHTMLソースが更新されます。
各設定について
- 文字コード
- HTMLソースの文字コードを指定する設定です。用意のある文字コードは「Shift-JIS/EUC-JP/UTF-8」です。設置するネットショップの文字コードに合わせてご利用ください。
- ボタンの色
- 表示されるボタン色の設定です。
（ブラウザ標準、白、黒、青、緑、オレンジ、赤、黄、黄２、茶、紫）から選択可能です。ボタン上の文字はボタンの色に合わせて自動で変更となります。 - 「お問い合わせボタン」の表示
- 「カゴに入れるボタン」下部に「商品に関するお問い合わせ」ボタンを配置する設定です。
設定が有効になっている際のカゴソースを貼り付けたショッピングページでは、「商品に関するお問い合わせ」が表示され、そのボタンをクリックすると商品専用の問い合わせフォームが開きます。 - 数量指定
- 「カゴに入れる」ボタン横の数量指定箇所の表示についての設定です。
テキストフォーム・セレクター・無し、から選択します。
セレクターの場合は、選択肢の指定が可能です。
無しの場合は、「カゴに入れる」ボタンクリック時には1個の商品がショッピングカートに追加されます。
※シンクロカゴではテキストフォーム固定でありその他指定を行うことはできません。
ゼロステップカートご利用の場合の設定
ゼロステップカートご利用時の設定変更は、商品一覧の右端「カゴ」ボタンをクリックし遷移したページの「ゼロステップ」タブで行います。
商品管理 ＞ 商品右「カゴ」ボタン ＞ 「ゼロステップ」タブ画面
各設定について
- 文字コード
- HTMLソースの文字コードを指定する設定です。用意のある文字コードは「Shift-JIS/EUC-JP/UTF-8」です。設置するネットショップの文字コードに合わせてご利用ください。
- ボタンの色
- 表示されるボタン色の設定です。
（グレー、白、黒、青、緑、オレンジ、赤、黄、黄２、茶、紫）から選択可能です。ボタン上の文字はボタンの色に合わせて自動で変更となります。 - 「お問い合わせボタン」の表示
- 「カゴに入れるボタン」下部に「商品に関するお問い合わせ」ボタンを配置する設定です。
設定が有効になっている際のカゴソースを貼り付けたショッピングページでは、「商品に関するお問い合わせ」が表示され、そのボタンをクリックすると商品専用の問い合わせフォームが開きます。 - 数量指定
- 「カゴに入れる」ボタン横の数量指定箇所の表示についての設定です。
テキストフォーム・セレクター・無し、から選択します。
セレクターの場合は、選択肢の指定が可能です。
無しの場合は、「カゴに入れる」ボタンクリック時には1個の商品がショッピングカートに追加されます。
サイト作成機能
レスポンシブサイト用の設定
レスポンシブサイト用の設定変更は「サイト作成タブ」 ＞ 左メニュー「レスポンシブ設定」 ＞ デザインパターンの「編集」 ＞ デザインタブ内の「商品詳細」＞ 「カラー設定」にて行います。
- 配色サンプルから選ぶ
- 用意されている配色サンプルから選択することで、おすすめの配色が適用されます。
- 手動で詳細設定を行う
- 「カゴに入れる」ボタン関連の配色を手動で設定することができます。
配色サンプル「Green」を選択した場合は、以下の様な表示になります。
選択した配色内容は、即時反映されます。
PCサイト（パソコン向けショッピングページ）用の設定
PCサイト用の設定変更は「サイト作成タブ」 ＞ 左メニュー「PC設定」 ＞ デザインパターンの「編集」 ＞ テンプレート選択下の「詳細設定（背景色等が変更可能です）」にチェックを入れた画面で行います。
「サイト作成タブ」 ＞ 左メニュー「PC設定」 ＞ デザインパターンの「編集」 ＞ テンプレート選択下の「詳細設定（背景色等が変更可能です）」色を指定して「変更する」ボタンをクリックすることで、色が反映されます。
上記設定の場合は以下の様な表示となります。
サイト作成機能では、スマートフォンサイトの設定変更は用意がございません。
カゴタイプ設定（3ステップカート→ゼロステップカートへの切替）
サイト作成ページで利用するカゴタイプ（3ステップカート/ゼロステップカート）の設定変更は、「サイト作成タブ」＞左メニュー「基本設定」＞「商品設定タブ」＞「カゴタイプ設定」にて行います。
