SHOP-Maker ヘルプ

ヘルプTOPに戻る  

サンプルソース Professinal版

サンプルソース画面
【サンプルソース画面】
 
タブメニュー「 オプション 」→「 サンプルソース 」をクリックします。
[クイックナビゲーション : 「 オプション 」>「 サンプルソース

SHOP-Makerでは、ショップ様の商品紹介ページにHTMLソースを貼り付けて頂くことで、様々な注文方法に対応可能です。

サンプルソースを見る 」を押すと、別ウィンドウでサンプルソースが表示されます。
タグをコピーして商品番号を書き換えてご利用ください。

= SHOP-Makerの作り方 =

注文ボタンの設置方法をご案内しています。サンプルソースをサイトに張り付けて様々なタイプのボタンを設置できます。
ご利用中のプランを選択してください。

※「カスタマイズ」「専用サーバープラン」は標準タイプのものとカートURLが異なりますのでこちらをご参照ください。

HP作成ソフトをご利用されているショップ様へ

HP作成ソフトをご利用の場合、HTML自動修正モード等がオンになっていると、ソースが書き換えられる場合がございますので、HTMLソースモード等を利用して、直接ソースにタグを貼り付けてお試しいただけますようお願い致します。
操作方法につきましてはHP作成、ソフトのマニュアル等でご確認いただけますようお願い致します。

ページトップに戻る△
サンプルソース「商品検索フォーム」(Professional版のみ) Professinal版  

商品検索フォームをつけたい
【商品検索フォームをつけたい】
検索結果画面
【検索結果画面】
 
Professioanl版では、HP内の任意の場所に商品検索用のフォームを取りけることができます。商品名及び商品説明欄で一致した商品が、商品ページ自動生成機能のリスト形式で表示されます。

タブメニュー「 オプション 」→「 サンプルソース 」→「 商品検索フォーム 」をクリックします。
[クイックナビゲーション : オプション サンプルソース 商品検索フォーム ]
フォームは、テキスト入力とプルダウン選択の2種類あります。

設置の方法は簡単です。商品検索フォームを取り付けたい場所に検索フォームのタグを貼り付けてください。
タグは管理画面の下記のページをご参照ください。

ご利用中のプランを選択してください。

※「カスタマイズ」「専用サーバープラン」は標準タイプのものとカートURLが異なりますのでこちらをご参照ください。


検索は商品データベースに登録されている商品名及び商品説明欄の中から検索されます。商品名、商品説明の文言は、検索でヒットしやすいものに工夫されることをおすすめします。

  例) ノートPCMW-001
     ↓
     ノートPCMW-001(NEC)
  この場合、「ノートPC」でも「NEC」でも検索されます。
商品説明は、検索を補助するようなコメントを明記しておかれることをおすすめします。

商品検索は下記の特徴があります。
1.あいまい検索
以下の文字は、どのパターンで書いても共通の文字として扱われます。
  ・全角ひらがな 全角カタカナ 半角カタカナ
  ・半角大文字アルファベット 全角大文字アルファベット
  ・半角小文字アルファベット 全角小文字アルファベット
  ・半角数字 全角数字
  ・半角記号 全角記号 ( |[]¥().*^$! ̄?+−)
例) 「ガーデニング用品」でも「がーでにんぐ用品」でも検索可能
例) 「GARDENING TOOL」でも「gardening tool」 でも検索可能

2.複合キーワード検索
半角スペースもしくは全角スペースで区切ることでAND検索が使用できます。
例) 「ノート パソコン」

検索結果の表示は、商品ページ自動生成機能を利用しています。
商品ページ自動生成の設定がそのまま反映されますので、サムネイル商品画像やクリックしたときに表示される拡大画像、在庫数の表示も利用できます。

ページトップに戻る△
サンプルソース「在庫画像表示」 Professinal版

在庫画像アップロード画面
【在庫画像アップロード画面】
 

在庫画像を設定する

タブメニュー「 オプション 」→「 在庫画像 」をクリックします。
[クイックナビゲーション : オプション 在庫画像 ]

「在庫アリ」、「在庫ナシ」の際に表示させたい画像をそれぞれアップロードします。

在庫画像表示サンプルソース
【在庫画像表示サンプルソース】
デモショップ 商品紹介ページ
【デモショップ 商品紹介ページ】
 

在庫画像を設置する

タブメニュー「 オプション 」→「 サンプルソース 」→「 在庫画像表示 」をクリックします。
[クイックナビゲーション : オプション サンプルソース 在庫画像表示 ]

在庫画像を表示させたい場所に以下の在庫画像表示タグを貼り付けるだけで簡単に設置できます。

※下記ソースの「ショップID」「商品番号」は書き換えてください。

<img src="https://www.shopmaker.jp/zaiko_img/ ショップID / 商品番号 .gif">
ページトップに戻る△

Copyright(C) xrosssell Inc. All rights reserved.