スマートフォンサイトを表示する

  1. TOP
  2. Jimdo逆引きコラム
  3. Jimdoの基本操作
  4. 商品カタログのスタイルを変更

Jimdo逆引きコラム

Jimdoの基本操作

商品カタログのスタイルを変更

執筆:野崎 晃(株式会社デック)

2016年10月28日更新

  • このエントリーをはてなブックマークに追加

閲覧数543views

このコラムをPDF形式でダウンロードする

「商品カタログ」はホームページでネットショップを開設する際に、登録した商品の一覧を表示するための機能です。さまざまなスタイルから商品に合わせて表示形式を変更することができます。

まずはホームページにログインをします。
次に、商品カタログを追加したページを表示します。

商品カタログのコンテンツの上にカーソルを合わせると、コンテンツのまわりに黒い枠が表示されます。
この枠の内側の白いエリアをクリックします。

商品の設定欄が表示されますので、「スタイル」のタブをクリックしてください。

まずは商品カタログの概要を設定します。
表示形式は「並べて表示 / リスト / スライド表示」の3種類から選択できます。

「並べて表示」は商品を横に並べて表示します。
「リスト」は商品を縦に並べて表示します。
「スライド表示」は商品を横に並べて、ボタンをクリックすることで左右にスライドして表示します。

商品の表示は6つのスタイルから選択できます。

商品と商品の間の余白を設定してください。

商品の画像は「画像を正方形に表示 / 画像を元の比率で表示」のどちらかを選択できます。

商品の画像は4段階の大きさで調整できます。
「小さく」と「大きく」の間の白い丸を左右にドラッグして画像の大きさを変更してください。

「タイトル」「価格」のチェックボックスのチェックを外すと、商品名と価格の表示がされません。

設定が完了したら「保存」ボタンをクリックしてください。

執筆者

執筆者の活用術

商品カタログの表示形式は商品の数に合わせて選びましょう。商品数が多い時は「並べて表示」や「リスト」が向いています。「スライド表示」はあまりたくさんの商品を掲載するのは不向きなため、トップページに「新商品」「おすすめ商品」など、タグをつかって商品を絞り込んで表示させると良いでしょう。

  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

野崎 晃(のざき・あきら)

野崎 晃(のざき・あきら)

株式会社デック 代表取締役/JimdoExpert
http://s-deck.jp/
http://jp-m.jimdo.com/

愛知県名古屋市を拠点に活動するWeb制作の会社の代表。
2009年Jimdoに出会い、より多くの人にJimdoの便利さ/楽しさを伝えるべく解説ページ「Jimdoでつくる簡単ホームページ!」を開設。JimdoJapan公式のJimdoCafeを運営するなど、Webサイトを多くの人にもっと身近に感じてもらうべく活動中。

著書に『WebデザイナーのためのJimdoスタイルブック』(共著、マイナビ)。

  • 「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

Jimdo逆引きコラム週間アクセスランキング[期間:2017/6/11~2017/6/17]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!