1. TOP
  2. makeshopの使い方を解説

ソリューションmakeshopの使い方を解説

makeshopの使い方を解説

弊社は基本的にフルスクラッチでECの全ての機能を作ることができます。

ただ、正直、、、、

ECパッケージ使った方が楽ですよね

というクライアントさんも数多くいらっしゃいます。

ECFORCE ECCUBE shopify makeshop base colorme etc….

どのようなECパッケージでもカスタマイズ可能です。
その中で比較的予算がない方、特別なカスタマイズはなくてもいいのでECサイトの基本的な機能があればいいという方はmakeshopもおすすめです。

makeshopはアカウントを作り、
WPのようにテーマを選ぶとその全コードをカスタマイズすることができます。

テンプレートを選ぶと、
各ページ種別のページごとにHTMLとCSSとJSを登録できるところがあります。

ページ種別がない新規ページも

フリーページ編集からURLとHTMLを登録することが可能です。

またモジュールというページでは、コンポーネント単位で登録することもできます。

それぞれのモジュールはHTML等を登録できるのと、

このように、呼び出す時の変数も用意してくれているので、

そうなると「makeshopはどのような変数が使えるのだ」ということになります。

全ページ共通のmakeshopの変数は

システムタグ
$makeshop.headheadタグ内に必ず記載
$makeshop.body_topbody開始タグ直後に必ず記載
$makeshop.body_bottombody終了タグ直前に必ず記載
ページ情報
$page.typeページタイプ
$page.idページID
$page.titleページタイトル
$page.descriptionページdescription
$page.canonical_urlcanonicalURL
$page.cssCSSファイルURL
$page.javascriptJavaScriptファイルURL
ショップ情報
$shop.nameショップ名
$shop.logo_urlショップロゴ画像URL
$shop.favicon_urlファビコン画像URL
$shop.mainvisualメインビジュアル（トップページイメージ）
$shop.commentショップコメント（トップページデザイン）
$shop.addressショップ住所
$shop.telお問い合わせ先電話番号
$shop.copyrightショップコピーライト
$shop.is_point_enabledポイント利用可能なショップかどうか（真偽値）
$shop.is_mail_magazine_enabledメールマガジン利用可能なショップかどうか（真偽値）
$shop.is_member_entry_enabled会員登録画面を表示するかどうか（真偽値）
$url.mail_magazineメールマガジン会員登録用URL
$paid.is_enabledPaid決済を利用中かどうか（真偽値）
$paid.entry_urlPaid会員登録URL
バナー
$shop.banner.has_itemバナー画像が登録されているか（真偽値）
$shop.banner.list[i].image_urlバナー画像URL
$shop.banner.list[i].urlバナーリンク先URL
$shop.banner.list[i].targetバナーリンクターゲット属性
ページリンク
$url.topショップトップページURL
$url.newsお知らせ一覧URL
$url.guide利用案内URL
$url.company会社概要URL
$url.contract特定商取引法URL
$url.policyプライバシーポリシーURL
$url.supportお問い合わせURL
$url.loginログインURL
$url.member_entry会員登録URL
$url.mypageマイページURL
$url.order_history購入履歴URL（非会員の場合も同じ）
$url.member_edit会員情報変更URL
$url.pointポイント照会URL
$url.logoutログアウトURL
$url.catalogカタログURL
$url.cart買い物カゴURL
$url.favoriteお気に入りURL
会員情報
$member.is_logged_inログインしているかどうか（真偽値）
$member.name会員氏名
$member.id会員ID
$member.point所有ポイント
$member.group_name会員グループ名
$member.group_id会員グループID
商品一覧系
$new_item新商品
$new_item.has_item新商品が登録されているかどうか（真偽値）
$recommend_itemおすすめ商品
$recommend_item.has_itemおすすめ商品が登録されているかどうか（真偽値）
$special_itemスペシャル商品
$special_item.has_itemスペシャル商品が登録されているかどうか（真偽値）
$ranking_itemランキング
$ranking_item.has_itemランキング商品が登録されているかどうか（真偽値）
$recently_item最近チェックした商品
$recently_item.has_item最近チェックした商品が登録されているかどうか（真偽値）
商品一覧系のタグは「○○item」のあとに「.list[i]」をつけて使用してください。
例） $new_item.list[i].num
.list[i].num番号
.list[i].name商品名
.list[i].price販売価格
.list[i].price_excluded_tax税抜き価格
.list[i].tax税
.list[i].tax_rate消費税率
.list[i].is_reduced_tax_rate軽減税率対象商品かどうか
.list[i].fixed_price定価
.list[i].original_price通常価格
.list[i].original_price_excluded_tax税抜き通常価格
.list[i].original_tax通常価格の税
.list[i].url商品URL
.list[i].image_S商品縮小画像URL
.list[i].image_M商品普通画像URL
.list[i].image_L商品画像URL
.list[i].is_stock_display在庫表示可かどうか（真偽値）
.list[i].is_stock_unlimited在庫無制限かどうか（真偽値）
.list[i].is_soldout売り切れかどうか（真偽値）
.list[i].is_small_stock在庫が指定された数以下かどうか（真偽値）
.list[i].stock_quantity在庫数
.list[i].is_saleセール商品かどうか（真偽値）
.list[i].sale_rate割引率
.list[i].has_reviewレビューが投稿されているかどうか（真偽値）
.list[i].review.star_htmlレビュー評価（星）
.list[i].review.average平均レビュー点数
.list[i].review.total_countレビュー投稿数
.list[i].review.urlレビュー一覧URL
.list[i].original_code独自商品コード
.list[i].system_codeシステム商品コード
.list[i].point獲得ポイント
.list[i].is_member_price会員割引商品かどうか
.list[i].base_category.nameカテゴリー名
.list[i].base_category.urlカテゴリーURL
.list[i].base_category.codeカテゴリー識別コード
.list[i].description商品説明文
.list[i].manufacturer製造元
.list[i].origin_country原産地
.list[i].special_display商品別特殊表示
.list[i].is_reservation_sale予約販売商品かどうか（真偽値）
.list[i].reservation_sale_note備考
.list[i].has_release_date発売日が設定されているかどうか（真偽値）
.list[i].release_date.year発売日時（年）
.list[i].release_date.month発売日時（月）
.list[i].release_date.day発売日時（日）
.list[i].release_date_note発売日備考
.list[i].has_optionオプションが設定されているかどうか（真偽値）
.list[i].cart_entry_urlかごに入れるURL
.list[i].icon.has_itemアイコンが設定されているかどうか
.list[i].icon.list[j].image_urlアイコン画像URL
新着レビュー一覧
$review_item.is_enabledレビュー機能が有効かどうか（真偽値）
$review_item.has_itemレビューが投稿されているかどうか（真偽値）
$review_item.list[i].reviewer_name投稿者名
$review_item.list[i].star_htmlレビュー評価（星）
$review_item.list[i].scoreレビュー点数
$review_item.list[i].contentレビュー内容
$review_item.list[i].name商品名
$review_item.list[i].url商品URL
$review_item.list[i].image_S商品縮小画像URL
$review_item.list[i].image_M商品普通画像URL
$review_item.list[i].image_L商品画像URL
$review_item.list[i].base_category.nameカテゴリー名
$review_item.list[i].base_category.urlカテゴリーURL
$review_item.list[i].date.year投稿日時（年）
$review_item.list[i].date.month投稿日時（月）
$review_item.list[i].date.day投稿日時（日）
$review_item.list[i].date.hour投稿日時（時）
$review_item.list[i].date.minute投稿日時（分）
お知らせ一覧
$latest_news.has_itemお知らせが登録されているかどうか（真偽値）
$latest_news.list[i].titleお知らせタイトル
$latest_news.list[i].urlお知らせ詳細URL
$latest_news.list[i].contentお知らせ内容
$latest_news.list[i].date.year投稿日時（年）
$latest_news.list[i].date.month投稿日時（月）
$latest_news.list[i].date.day投稿日時（日）
$latest_news.list[i].date.hour投稿日時（時）
$latest_news.list[i].date.minute投稿日時（分）
カテゴリー一覧
$category_menu.has_itemカテゴリーが登録されているかどうか（真偽値）
$category_menu.list[i].nameカテゴリー名
$category_menu.list[i].urlカテゴリーURL
$category_menu.list[i].codeカテゴリー識別コード
$category_menu.list[i].child_category.has_itemサブカテゴリーを持っているかどうか（真偽値）
$category_menu.list[i].child_category.list[j].nameサブカテゴリー名
$category_menu.list[i].child_category.list[j].urlサブカテゴリーURL
$category_menu.list[i].child_category.list[j].codeサブカテゴリー識別コード
商品検索
$search_form.keyword_idキーワードフォーム用データID
$search_form.category_idカテゴリー選択フォーム用データID
$search_form.category_list[i].nameカテゴリ名
$search_form.category_list[i].codeカテゴリ識別コード
$search_form.price_low_id価格帯（低）フォーム用データID
$search_form.price_high_id価格帯（高）フォーム用データID
$search_form.original_code_id独自商品コードフォーム用データID
$search_form.search_url商品検索用URL
買い物かご
$cart.has_item買い物かごに商品があるかどうか（真偽値）
$cart.list[i].numかご内番号
$cart.list[i].name商品名
$cart.list[i].price商品単価
$cart.list[i].price_excluded_tax税抜き商品単価
$cart.list[i].total_price商品合計価格
$cart.list[i].total_price_excluded_tax税抜き商品合計価格
$cart.list[i].tax_rate消費税率
$cart.list[i].is_reduced_tax_rate軽減税率対象商品かどうか
$cart.list[i].tax税単価
$cart.list[i].total_tax税合計
$cart.list[i].total_point獲得ポイント
$cart.list[i].url商品URL
$cart.list[i].image_S商品縮小画像URL
$cart.list[i].image_M商品普通画像URL
$cart.list[i].image_L商品画像URL
$cart.list[i].special_display商品特殊表示
$cart.list[i].quantity数量
$cart.list[i].quantity_id数量入力フォーム用データID
$cart.list[i].quantity_url数量変更URL
$cart.list[i].remove_url商品削除URL
$cart.list[i].is_subscription定期購入商品かどうか（真偽値）
$cart.list[i].selected_option.has_itemオプションが選択されているかどうか（真偽値）
$cart.list[i].selected_option.image_Sオプション縮小画像URL
$cart.list[i].selected_option.image_Lオプション画像URL
$cart.list[i].system_codeシステム商品コード
$cart.list[i].is_bulkまとめ買い割引商品かどうか（真偽値）
$cart.list[i].bulk_nameまとめ買い割引の名前
$cart.list[i].bulk_urlまとめ買い割引ページのURL
$cart.list[i].name_print.has_item名入れ項目があるかどうか（真偽値）
$cart.list[i].name_print.list名入れ項目の配列
$cart.list[i].name_print.list[j].title名入れタイトル
$cart.list[i].name_print.list[j].name名入れ入力値
$cart.list[i].selected_option.list[j].titleオプション名
$cart.list[i].selected_option.list[j].option_nameオプション項目名
$cart.total_quantity商品の合計数
$cart.total_price合計金額
$cart.total_price_excluded_tax税抜き合計金額
$cart.total_tax税合計
$cart.total_point合計獲得ポイント
$cart.order_url決済画面URL
$cart.is_free_shipping_enabled「あと○円で送料無料」設定が有効かどうか（真偽値）
$cart.free_shipping_price「あと○円」の金額
$cart.free_shipping_message「あと○円で送料無料」設定の案内文
まとめ買い割引商品がある場合
$cart.bulk.has_itemまとめ買い割引の割引対象があるかどうか（真偽値）
$cart.bulk.list[i].nameまとめ買い割引の名前
$cart.bulk.list[i].total_priceまとめ買い割引の割引対象の小計
$cart.bulk.list[i].discount_priceまとめ買い割引の割引対象の割引額
$cart.bulk.list[i].item.has_itemまとめ買い割引の割引対象の商品があるかどうか（真偽値）
$cart.bulk.list[i].item.list[j].nameまとめ買い割引の割引対象の商品名
$cart.bulk.list[i].item.list[j].special_displayまとめ買い割引の割引対象の商品別特殊表示
$cart.bulk.list[i].item.list[j].urlまとめ買い割引の割引対象の商品URL
$cart.bulk.list[i].item.list[j].image_Sまとめ買い割引の割引対象の商品縮小画像URL
$cart.bulk.list[i].item.list[j].image_Mまとめ買い割引の割引対象の商品普通画像URL
$cart.bulk.list[i].item.list[j].image_Lまとめ買い割引の割引対象の商品画像URL
$cart.bulk.list[i].item.list[j].quantityまとめ買い割引の割引対象の商品数量
$cart.bulk.list[i].item.list[j].selected_optionまとめ買い割引の割引対象の商品のオプション情報
（$cart.list[i].selected_optionと同じデータ）
$cart.bulk.list[i].item.list[j].selected_option.image_Sまとめ買い割引の割引対象のオプション縮小画像URL
$cart.bulk.list[i].item.list[j].selected_option.image_Lまとめ買い割引の割引対象のオプション画像URL
Amzon Payボタン
$amazonpay.is_enabledAmazon Pay利用中かどうか（真偽値）
$amazonpay.button_htmlAmazon Payボタン
カレンダー
今月のカレンダー
$calendar1.year今月の年
$calendar1.month今月の月
$calendar1.html今月のカレンダーテーブル
$calendar1.date_list[i].color特定日の背景カラー設定値
$calendar1.date_list[i].day_list特定日一覧
$calendar1.date_list[i].description特定日の説明文
来月のカレンダー
$calendar2.year来月の年
$calendar2.month来月の月
$calendar2.html来月のカレンダーテーブル
$calendar2.date_list[i].color特定日の背景カラー設定値
$calendar2.date_list[i].day_list特定日一覧
$calendar2.date_list[i].description特定日の説明文
まとめ買い割引一覧
$bulk_menu.has_itemまとめ買い割引ページがあるかどうか（真偽値）
$bulk_menu.list[i].nameまとめ買い割引名
$bulk_menu.list[i].urlまとめ買い割引ページURL
ContentType設定
<{insert name=”content_type” type=”css”}>css
<{insert name=”content_type” type=”javascript”}>javascript
<{insert name=”content_type” type=”xml”}>xml
<{insert name=”content_type” type=”json”}>json

こちらになります。

実装例を書いてみましょう

<!doctype html>
<html lang="ja" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title><{$page.title}></title>
    <meta name="description" content="<{$page.description}>">
    <link rel="canonical" href="<{$page.canonical_url}>">
    <meta property="og:type" content="website">
    <meta property="og:title" content="<{$page.title}>">
    <meta property="og:description" content="<{$page.description}>">
    <meta property="og:site_name" content="<{$shop.name}>">
    <meta name="twitter:card" content="summary_large_image">
    <link rel="shortcut icon" type="image/ico" href="<{$shop.favicon_url}>">
    <link href="<{$page.css}>" rel="stylesheet">
    <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
    <{$makeshop.head}>
</head>

<body>
<{$makeshop.body_top}>

    <!-- Header with logo -->
    <header class="header">
        <h1 class="header-logo">
            <a href="<{$url.top}>">
                <{if $shop.logo_url}>
                    <img src="<{$shop.logo_url}>" alt="<{$shop.name}>">
                <{else}>
                    <{$shop.name}>
                <{/if}>
            </a>
        </h1>
    </header>

    <div class="contents">

        <!-- Main Visual -->
        <section class="main-visual">
            <{$shop.mainvisual}>
        </section>

        <!-- Shop Comment -->
        <{if $shop.comment}>
            <section class="shop-comment">
                <p><{$shop.comment}></p>
            </section>
        <{/if}>

        <!-- New Items -->
        <{if $new_item.has_item}>
        <section class="main-section">
            <h2>New Items</h2>
            <ul>
                <{section name=i loop=$new_item.list max=5}>
                <li>
                    <a href="<{$new_item.list[i].url}>">
                        <img src="<{$new_item.list[i].image_S}>" alt="<{$new_item.list[i].name}>">
                        <p><{$new_item.list[i].name}></p>
                        <p>Price: <{$new_item.list[i].price}></p>
                    </a>
                </li>
                <{/section}>
            </ul>
        </section>
        <{/if}>

        <!-- Recommended Items -->
        <{if $recommend_item.has_item}>
        <section class="main-section">
            <h2>Recommended Items</h2>
            <ul>
                <{section name=i loop=$recommend_item.list max=5}>
                <li>
                    <a href="<{$recommend_item.list[i].url}>">
                        <img src="<{$recommend_item.list[i].image_S}>" alt="<{$recommend_item.list[i].name}>">
                        <p><{$recommend_item.list[i].name}></p>
                    </a>
                </li>
                <{/section}>
            </ul>
        </section>
        <{/if}>

        <!-- Special Items -->
        <{if $special_item.has_item}>
        <section class="main-section">
            <h2>Special Items</h2>
            <ul>
                <{section name=i loop=$special_item.list max=5}>
                <li>
                    <a href="<{$special_item.list[i].url}>">
                        <img src="<{$special_item.list[i].image_S}>" alt="<{$special_item.list[i].name}>">
                        <p><{$special_item.list[i].name}></p>
                    </a>
                </li>
                <{/section}>
            </ul>
        </section>
        <{/if}>

        <!-- Ranking -->
        <{if $ranking_item.has_item}>
        <section class="main-section">
            <h2>Ranking Items</h2>
            <ul>
                <{section name=i loop=$ranking_item.list max=5}>
                <li>
                    <a href="<{$ranking_item.list[i].url}>">
                        <img src="<{$ranking_item.list[i].image_S}>" alt="<{$ranking_item.list[i].name}>">
                        <p><{$ranking_item.list[i].name}></p>
                    </a>
                </li>
                <{/section}>
            </ul>
        </section>
        <{/if}>

        <!-- News Section -->
        <{if $latest_news.has_item}>
        <section class="main-section">
            <h2>Latest News</h2>
            <ul>
                <{section name=i loop=$latest_news.list max=5}>
                <li>
                    <a href="<{$latest_news.list[i].url}>">
                        <p><{$latest_news.list[i].title}></p>
                        <p><{$latest_news.list[i].content|cut_html:50}></p>
                    </a>
                </li>
                <{/section}>
            </ul>
        </section>
        <{/if}>

        <!-- Reviews -->
        <{if $review_item.has_item}>
        <section class="main-section">
            <h2>Latest Reviews</h2>
            <ul>
                <{section name=i loop=$review_item.list max=5}>
                <li>
                    <a href="<{$review_item.list[i].url}>">
                        <img src="<{$review_item.list[i].image_S}>" alt="<{$review_item.list[i].name}>">
                        <p><{$review_item.list[i].name}></p>
                        <p>Score: <{$review_item.list[i].score}></p>
                        <div class="review-star"><{$review_item.list[i].star_html}></div>
                    </a>
                </li>
                <{/section}>
            </ul>
        </section>
        <{/if}>

        <!-- Category Menu -->
        <{if $category_menu.has_item}>
        <section class="category-menu">
            <h2>Categories</h2>
            <ul>
                <{section name=i loop=$category_menu.list max=5}>
                <li>
                    <a href="<{$category_menu.list[i].url}>">
                        <{$category_menu.list[i].name}>
                    </a>
                </li>
                <{/section}>
            </ul>
        </section>
        <{/if}>

        <!-- Recently Viewed Items -->
        <{if $recently_item.has_item}>
        <section class="main-section">
            <h2>Recently Viewed Items</h2>
            <ul>
                <{section name=i loop=$recently_item.list max=5}>
                <li>
                    <a href="<{$recently_item.list[i].url}>">
                        <img src="<{$recently_item.list[i].image_S}>" alt="<{$recently_item.list[i].name}>">
                        <p><{$recently_item.list[i].name}></p>
                    </a>
                </li>
                <{/section}>
            </ul>
        </section>
        <{/if}>
        
        <!-- Footer -->
        <footer class="footer">
            <p>&copy; <{$shop.copyright}></p>
        </footer>
        
    </div>

    <!-- Scripts -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="<{$page.javascript}>"></script>
    <{$makeshop.body_bottom}>

</body>
</html>

こんな感じで使います。

makeshopのカテゴリーページで使える変数

カテゴリー情報
$category.nameカテゴリー名
$category.codeカテゴリー識別コード
$category.image_urlカテゴリー画像URL
$category.total_count総商品数
$category.display_count表示商品数
パンくず
$category.breadcrumb_list.list[i].nameページ名
$category.breadcrumb_list.list[i].urlページURL
$category.breadcrumb_list.list[i].is_current現在地かどうか（真偽値）
並び替え
$category.sort_recommend_url並び替えURL（おすすめ順）
$category.sort_new_url並び替えURL（新着順）
$category.sort_high_price_url並び替えURL（価格が高い順）
$category.sort_low_price_url並び替えURL（価格が低い順）
$category.is_sort_recommend_selectedおすすめ順かどうか（真偽値）
$category.is_sort_new_selected新着順かどうか（真偽値）
$category.sort_name_url並び替えURL（商品名順）
$category.is_sort_name_selected商品名順かどうか
$category.sort_manufacturer_url並び替えURL（製造元順）
$category.sort_manufacturer_selected製造元順かどうか
$category.is_sort_high_price_selected高価格順かどうか（真偽値）
$category.is_sort_low_price_selected低価格順かどうか（真偽値）
商品一覧
$category.item.has_item商品が登録されているかどうか（真偽値）
$category.item.list[i].num番号
$category.item.list[i].name商品名
$category.item.list[i].price販売価格
$category.item.list[i].price_excluded_tax税抜き価格
$category.item.list[i].tax税
$category.item.list[i].tax_rate消費税率
$category.item.list[i].is_reduced_tax_rate軽減税率対象商品かどうか
$category.item.list[i].fixed_price定価
$category.item.list[i].original_price通常価格
$category.item.list[i].original_price_excluded_tax税抜き通常価格
$category.item.list[i].original_tax通常価格の税
$category.item.list[i].url商品URL
$category.item.list[i].image_S商品縮小画像URL
$category.item.list[i].image_M商品普通画像URL
$category.item.list[i].image_L商品画像URL
$category.item.list[i].is_stock_display在庫表示可かどうか（真偽値）
$category.item.list[i].is_stock_unlimited在庫無制限かどうか（真偽値）
$category.item.list[i].is_soldout売り切れかどうか（真偽値）
$category.item.list[i].is_small_stock在庫が指定された数以下かどうか（真偽値）
$category.item.list[i].stock_quantity在庫数
$category.item.list[i].is_saleセール商品かどうか（真偽値）
$category.item.list[i].sale_rate割引率
$category.item.list[i].has_reviewレビューが投稿されているかどうか（真偽値）
$category.item.list[i].review.star_htmlレビュー評価（星）
$category.item.list[i].review.average平均レビュー点数
$category.item.list[i].review.total_countレビュー投稿数
$category.item.list[i].review.urlレビュー一覧URL
$category.item.list[i].child_category.has_itemサブカテゴリーを持っているかどうか（真偽値）
$category.item.list[i].original_code独自商品コード
$category.item.list[i].system_codeシステム商品コード
$category.item.list[i].point獲得ポイント
$category.item.list[i].is_member_price会員割引商品かどうか（真偽値）
$category.item.list[i].base_category.nameカテゴリー名
$category.item.list[i].base_category.urlカテゴリーURL
$category.item.list[i].base_category.codeカテゴリー識別コード
$category.item.list[i].description商品説明文
$category.item.list[i].category_description商品カテゴリーページ用の商品説明文
$category.item.list[i].manufacturer製造元
$category.item.list[i].origin_country原産地
$category.item.list[i].special_display商品別特殊表示
$category.item.list[i].is_reservation_sale予約販売商品かどうか（真偽値）
$category.item.list[i].reservation_sale_note備考
$category.item.list[i].has_release_date発売日が設定されているかどうか（真偽値）
$category.item.list[i].is_released発売済みかどうか（真偽値）
$category.item.list[i].release_date.year発売日時（年）
※予約販売商品のみ表示されます
$category.item.list[i].release_date.month発売日時（月）
※予約販売商品のみ表示されます
$category.item.list[i].release_date.day発売日時（日）
※予約販売商品のみ表示されます
$category.item.list[i].release_date_note発売日備考
※予約販売商品のみ表示されます
$category.item.list[i].has_optionオプションが設定されているかどうか（真偽値）
$category.item.list[i].is_favoriteお気に入りに追加済みかどうか（真偽値）
$category.item.list[i].favorite_entry_urlお気に入りに追加URL
$category.item.list[i].favorite_remove_urlお気に入りから削除URL
$category.item.list[i].cart_entry_urlかごに入れるURL
$category.item.list[i].icon.has_itemアイコンが設定されているかどうか
$category.item.list[i].icon.list[j].image_urlアイコン画像URL
カテゴリーおすすめ商品
$category.recommend_item.has_itemカテゴリーおすすめ商品があるかどうか（真偽値）
$category.recommend_item.list[i].num番号
$category.recommend_item.list[i].name商品名
$category.recommend_item.list[i].price販売価格
$category.recommend_item.list[i].price_excluded_tax税抜き価格
$category.recommend_item.list[i].tax税
$category.recommend_item.list[i].fixed_price定価
$category.recommend_item.list[i].original_price通常価格
$category.recommend_item.list[i].url商品URL
$category.recommend_item.list[i].image_S商品縮小画像URL
$category.recommend_item.list[i].image_M商品普通画像URL
$category.recommend_item.list[i].image_L商品画像URL
$category.recommend_item.list[i].is_stock_display在庫表示可かどうか（真偽値）
$category.recommend_item.list[i].is_stock_unlimited在庫無制限かどうか（真偽値）
$category.recommend_item.list[i].is_soldout売り切れかどうか（真偽値）
$category.recommend_item.list[i].is_small_stock在庫が指定された数以下かどうか（真偽値）
$category.recommend_item.list[i].stock_quantity在庫数
$category.recommend_item.list[i].is_saleセール商品かどうか（真偽値）
$category.recommend_item.list[i].sale_rate割引率
$category.recommend_item.list[i].has_reviewレビューが投稿されているかどうか（真偽値）
$category.recommend_item.list[i].review.star_htmlレビュー評価（星）
$category.recommend_item.list[i].review.average平均レビュー点数
$category.recommend_item.list[i].review.total_countレビュー投稿数
$category.recommend_item.list[i].review.urlレビュー一覧URL
$category.recommend_item.list[i].child_category.has_itemサブカテゴリーを持っているかどうか（真偽値）
$category.recommend_item.list[i].original_code独自商品コード
$category.recommend_item.list[i].system_codeシステム商品コード
$category.recommend_item.list[i].point獲得ポイント
$category.recommend_item.list[i].is_member_price会員割引商品かどうか（真偽値）
$category.recommend_item.list[i].base_category.nameカテゴリー名
$category.recommend_item.list[i].base_category.urlカテゴリーURL
$category.recommend_item.list[i].base_category.codeカテゴリー識別コード
$category.recommend_item.list[i].description商品説明文
$category.recommend_item.list[i].category_description商品カテゴリーページ用の商品説明文
$category.recommend_item.list[i].manufacturer製造元
$category.recommend_item.list[i].origin_country原産地
$category.recommend_item.list[i].special_display商品別特殊表示
$category.recommend_item.list[i].is_reservation_sale予約販売商品かどうか（真偽値）
$category.recommend_item.list[i].reservation_sale_note備考
$category.recommend_item.list[i].has_release_date発売日が設定されているかどうか（真偽値）
$category.recommend_item.list[i].is_released発売済みかどうか（真偽値）
$category.recommend_item.list[i].release_date.year発売日時（年）
※予約販売商品のみ表示されます
$category.recommend_item.list[i].release_date.month発売日時（月）
※予約販売商品のみ表示されます
$category.recommend_item.list[i].release_date.day発売日時（日）
※予約販売商品のみ表示されます
$category.recommend_item.list[i].release_date_note発売日備考
※予約販売商品のみ表示されます
$category.recommend_item.list[i].has_optionオプションが設定されているかどうか（真偽値）
$category.recommend_item.list[i].is_favoriteお気に入りに追加済みかどうか（真偽値）
$category.recommend_item.list[i].favorite_entry_urlお気に入りに追加URL
$category.recommend_item.list[i].favorite_remove_urlお気に入りから削除URL
$category.recommend_item.list[i].icon.has_itemアイコンが設定されているかどうか
$category.recommend_item.list[i].icon.list[j].image_urlアイコン画像URL
サブカテゴリー一覧
$category.child_category.has_itemサブカテゴリーがあるかどうか（真偽値）
$category.child_category.list[i].nameサブカテゴリー名
$category.child_category.list[i].urlサブカテゴリーURL
$category.child_category.list[i].item_countサブカテゴリーの総商品数
ページャー
$category.pager.has_itemページャーがあるかどうか（真偽値）
$category.pager.is_first表示中のページが最初のページかどうか（真偽値）
$category.pager.is_first_display最初のページ番号が表示されているかどうか（真偽値）
$category.pager.first_url最初のページURL
$category.pager.prev_url前のページURL
$category.pager.is_last表示中のページが最後のページかどうか（真偽値）
$category.pager.is_last_display最後のページ番号が表示されているかどうか（真偽値）
$category.pager.last_url最後のページURL
$category.pager.last_number最終ページ数
$category.pager.next_url次のページURL
$category.pager.list[i].numberページ番号
$category.pager.list[i].urlページURL
$category.pager.list[i].is_current_page表示中のページかどうか（真偽値）
まとめ買い割引情報
$bulk.nameまとめ買い割引名
$bulk.display_count_from一覧に表示する開始商品数
$bulk.display_count_to一覧に表示する終了商品数
$bulk.display_count表示商品数
$bulk.total_count総商品数
$bulk.is_set_discountセット割引かどうか（真偽値）
$bulk.group1_nameセット割引のグループAの名前
$bulk.group1_urlセット割引のグループAのURL
$bulk.is_group1_currentセット割引のグループAが表示されているかどうか（真偽値）
$bulk.group2_nameセット割引のグループBの名前
$bulk.group2_urlセット割引のグループBのURL
$bulk.is_group2_currentセット割引のグループBが表示されているかどうか（真偽値）
まとめ買い割引一覧
$bulk.item.list[i].num連番
$bulk.item.list[i].name商品名
$bulk.item.list[i].price商品価格
$bulk.item.list[i].price_excluded_tax税抜き価格
$bulk.item.list[i].tax税
$bulk.item.list[i].tax_rate消費税率
$bulk.item.list[i].is_reduced_tax_rate軽減税率かどうか（真偽値）
$bulk.item.list[i].original_price通常価格（税込）
$bulk.item.list[i].original_price_excluded_tax通常価格（税抜）
$bulk.item.list[i].original_tax通常価格の税
$bulk.item.list[i].fixed_price定価
$bulk.item.list[i].url商品詳細画面URL
$bulk.item.list[i].image_S商品縮小画像URL
$bulk.item.list[i].image_M商品普通画像URL
$bulk.item.list[i].image_L商品画像URL
$bulk.item.list[i].is_stock_display在庫表示可かどうか（真偽値）
$bulk.item.list[i].is_stock_unlimited在庫無制限商品かどうか（真偽値）
$bulk.item.list[i].is_soldout売り切れかどうか（真偽値）
$bulk.item.list[i].is_small_stock在庫が指定された数以下かどうか（真偽値）
$bulk.item.list[i].stock_quantity在庫数
$bulk.item.list[i].is_saleセール商品かどうか（真偽値）
$bulk.item.list[i].sale_rateセール割引率
$bulk.item.list[i].has_reiviewレビューが投稿されているかどうか（真偽値）
$bulk.item.list[i].review.star_htmlレビュー評価（星）
$bulk.item.list[i].review.average平均レビュー点数
$bulk.item.list[i].review.total_countレビュー投稿数
$bulk.item.list[i].review.urlレビュー一覧URL
$bulk.item.list[i].icon.has_itemアイコンが設定されているかどうか
$bulk.item.list[i].icon.list[j].image_urlアイコン画像URL
$bulk.item.list[i].original_code独自商品コード
$bulk.item.list[i].system_codeシステム商品コード
$bulk.item.list[i].point獲得ポイント
$bulk.item.list[i].is_member_price会員割引商品かどうか（真偽値）
$bulk.item.list[i].base_category.nameカテゴリー名
$bulk.item.list[i].base_category.urlカテゴリーURL
$bulk.item.list[i].base_category.codeカテゴリー識別コード
$bulk.item.list[i].description商品説明文（PC）
$bulk.item.list[i].category_description商品カテゴリーページ用の商品説明文
$bulk.item.list[i].has_optionオプションが設定されているかどうか（真偽値）
$bulk.item.list[i].manufacturer製造元
$bulk.item.list[i].origin_country原産地
$bulk.item.list[i].special_display商品別特殊表示
$bulk.item.list[i].is_reservation_sale予約販売商品かどうか（真偽値）
$bulk.item.list[i].reservation_sale_note予約販売商品の備考
$bulk.item.list[i].has_release_date発売日が設定されているかどうか（真偽値）
$bulk.item.list[i].item.is_released発売済みかどうか（真偽値）
$bulk.item.list[i].release_date.year発売日時（年）※予約販売商品のみ表示されます
$bulk.item.list[i].release_date.month発売日時（月）※予約販売商品のみ表示されます
$bulk.item.list[i].release_date.day発売日時（日）※予約販売商品のみ表示されます
$bulk.item.list[i].release_date_note発売日備考　※予約販売商品のみ表示されます
$bulk.item.list[i].is_favoriteお気に入りに追加済みかどうか（真偽値）
$bulk.item.list[i].favorite_entry_urlお気に入りに追加URL
$bulk.item.list[i].favorite_remove_urlお気に入りから削除URL
$bulk.item.list[i].cart_entry_urlかごに入れるURL
並び替え（まとめ買い）
$bulk.sort_recommend_url並び替えURL（おすすめ順）
$bulk.sort_new_url並び替えURL（新着順）
$bulk.sort_high_price_url並び替えURL（価格が高い順）
$bulk.sort_low_price_url並び替えURL（価格が低い順）
$bulk.is_sort_recommend_selectedおすすめ順かどうか（真偽値）
$bulk.is_sort_new_selected新着順かどうか（真偽値）
$bulk.sort_name_url並び替えURL（商品名順）
$bulk.is_sort_name_selected商品名順かどうか
$bulk.sort_manufacturer_url並び替えURL（製造元順）
$bulk.is_sort_manufacturer_selected製造元順かどうか
$bulk.is_sort_high_price_selected高価格順かどうか（真偽値）
$bulk.is_sort_low_price_selected低価格順かどうか（真偽値）
ページャー（まとめ買い割引）
$bulk.pager.is_first表示中のページが最初のページかどうか（真偽値）
$bulk.pager.is_first_display最初のページ番号が表示されているかどうか（真偽値）
$bulk.pager.first_url最初のページURL
$bulk.pager.prev_url前のページURL
$bulk.pager.is_last表示中のページが最後のページかどうか（真偽値）
$bulk.pager.is_last_display最後のページ番号が表示されているかどうか（真偽値）
$bulk.pager.last_url最後のページURL
$bulk.pager.last_number最終ページ数
$bulk.pager.next_url次のページURL
$bulk.pager.list[i].numberページ番号
$bulk.pager.list[i].urlページURL
$bulk.pager.list[i].is_current_page表示中のページかどうか（真偽値）

実装例を書いてみましょう。

<!doctype html>
<html lang="ja" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title><{$page.title}></title>
    <meta name="description" content="<{$page.description}>">
    <link rel="canonical" href="<{$page.canonical_url}>">
    <meta property="og:type" content="website">
    <meta property="og:title" content="<{$page.title}>">
    <meta property="og:description" content="<{$page.description}>">
    <meta property="og:site_name" content="<{$shop.name}>">
    <meta name="twitter:card" content="summary_large_image">
    <link rel="shortcut icon" type="image/ico" href="<{$shop.favicon_url}>">
    <link href="<{$page.css}>" rel="stylesheet">
    <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
    <{$makeshop.head}>
</head>

<body>
<{$makeshop.body_top}>

    <!-- Header with logo -->
    <header class="header">
        <h1 class="header-logo">
            <a href="<{$url.top}>">
                <{if $shop.logo_url}>
                    <img src="<{$shop.logo_url}>" alt="<{$shop.name}>">
                <{else}>
                    <{$shop.name}>
                <{/if}>
            </a>
        </h1>
    </header>

    <!-- Breadcrumbs -->
    <nav class="breadcrumbs">
        <{if $category.breadcrumb_list.has_item}>
        <ul>
            <{section name=i loop=$category.breadcrumb_list.list}>
            <li>
                <{if $category.breadcrumb_list.list[i].is_current}>
                    <span><{$category.breadcrumb_list.list[i].name}></span>
                <{else}>
                    <a href="<{$category.breadcrumb_list.list[i].url}>"><{$category.breadcrumb_list.list[i].name}></a>
                <{/if}>
            </li>
            <{/section}>
        </ul>
        <{/if}>
    </nav>

    <!-- Category Information -->
    <section class="category-info">
        <h2>Category: <{$category.name}></h2>
        <p>Total Items: <{$category.total_count}> | Displayed Items: <{$category.display_count}></p>
        <{if $category.image_url}>
            <img src="<{$category.image_url}>" alt="<{$category.name}>">
        <{/if}>
    </section>

    <!-- Sorting Options -->
    <section class="sorting-options">
        <ul>
            <li><a href="<{$category.sort_recommend_url}>">おすすめ順</a></li>
            <li><a href="<{$category.sort_new_url}>">新着順</a></li>
            <li><a href="<{$category.sort_high_price_url}>">価格が高い順</a></li>
            <li><a href="<{$category.sort_low_price_url}>">価格が低い順</a></li>
            <li><a href="<{$category.sort_name_url}>">商品名順</a></li>
            <li><a href="<{$category.sort_manufacturer_url}>">製造元順</a></li>
        </ul>
    </section>

    <!-- Category Items List -->
    <{if $category.item.has_item}>
    <section class="category-items">
        <ul>
            <{section name=i loop=$category.item.list}>
            <li>
                <a href="<{$category.item.list[i].url}>">
                    <img src="<{$category.item.list[i].image_S}>" alt="<{$category.item.list[i].name}>">
                    <p><{$category.item.list[i].name}></p>
                    <p>Price: <{$category.item.list[i].price}></p>
                    <{if $category.item.list[i].is_sale}>
                        <span>Sale: <{$category.item.list[i].sale_rate}>% OFF</span>
                    <{/if}>
                    <{if $category.item.list[i].has_review}>
                        <div class="review"><{$category.item.list[i].review.star_html}></div>
                    <{/if}>
                </a>
            </li>
            <{/section}>
        </ul>
    </section>
    <{/if}>

    <!-- Category Recommended Items -->
    <{if $category.recommend_item.has_item}>
    <section class="category-recommend-items">
        <h2>Recommended Items</h2>
        <ul>
            <{section name=i loop=$category.recommend_item.list}>
            <li>
                <a href="<{$category.recommend_item.list[i].url}>">
                    <img src="<{$category.recommend_item.list[i].image_S}>" alt="<{$category.recommend_item.list[i].name}>">
                    <p><{$category.recommend_item.list[i].name}></p>
                    <p>Price: <{$category.recommend_item.list[i].price}></p>
                </a>
            </li>
            <{/section}>
        </ul>
    </section>
    <{/if}>

    <!-- Subcategories -->
    <{if $category.child_category.has_item}>
    <section class="child-categories">
        <h2>Subcategories</h2>
        <ul>
            <{section name=i loop=$category.child_category.list}>
            <li><a href="<{$category.child_category.list[i].url}>"><{$category.child_category.list[i].name}></a> (<{$category.child_category.list[i].item_count}> items)</li>
            <{/section}>
        </ul>
    </section>
    <{/if}>

    <!-- Bulk Discount Items -->
    <{if $bulk.item.has_item}>
    <section class="bulk-discount-items">
        <h2>Bulk Discount Items</h2>
        <ul>
            <{section name=i loop=$bulk.item.list}>
            <li>
                <a href="<{$bulk.item.list[i].url}>">
                    <img src="<{$bulk.item.list[i].image_S}>" alt="<{$bulk.item.list[i].name}>">
                    <p><{$bulk.item.list[i].name}></p>
                    <p>Price: <{$bulk.item.list[i].price}></p>
                    <{if $bulk.item.list[i].is_sale}>
                        <span>Sale: <{$bulk.item.list[i].sale_rate}>% OFF</span>
                    <{/if}>
                </a>
            </li>
            <{/section}>
        </ul>
    </section>
    <{/if}>

    <!-- Pagination -->
    <{if $category.pager.has_item}>
    <section class="pagination">
        <ul>
            <{if $category.pager.is_first_display}>
                <li><a href="<{$category.pager.first_url}>">First</a></li>
            <{/if}>
            <li><a href="<{$category.pager.prev_url}>">Previous</a></li>
            <{section name=i loop=$category.pager.list}>
                <li><a href="<{$category.pager.list[i].url}>"><{$category.pager.list[i].number}></a></li>
            <{/section}>
            <li><a href="<{$category.pager.next_url}>">Next</a></li>
            <{if $category.pager.is_last_display}>
                <li><a href="<{$category.pager.last_url}>">Last</a></li>
            <{/if}>
        </ul>
    </section>
    <{/if}>

    <!-- Footer -->
    <footer class="footer">
        <p>&copy; <{$shop.copyright}></p>
    </footer>

    <!-- Scripts -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="<{$page.javascript}>"></script>
    <{$makeshop.body_bottom}>

</body>
</html>

makeshopで商品検索ページで使える変数

検索情報
$search.keyword検索したキーワード
$search.category.name検索したカテゴリー名
$search.category.code検索したカテゴリー識別コード
$search.price_low検索した価格帯（低）
$search.price_high検索した価格帯（高）
$search.total_count総商品数
$search.display_count表示商品数
$search.original_code検索した独自商品コード
$search.display_count_fromページ内最小表示商品数
$search.display_count_toページ内最大表示商品数
パンくず
$search.breadcrumb_list.list[i].nameページ名
$search.breadcrumb_list.list[i].urlページURL
$search.breadcrumb_list.list[i].is_current現在地かどうか（真偽値）
並び替え
$search.sort_recommend_url並び替えURL（おすすめ順）
$search.sort_new_url並び替えURL（新着順）
$search.sort_high_price_url並び替えURL（価格が高い順）
$search.sort_low_price_url並び替えURL（価格が低い順）
$search.is_sort_recommend_selectedおすすめ順かどうか（真偽値）
$search.is_sort_new_selected新着順かどうか（真偽値）
$search.sort_name_url並び替えURL（商品名順）
$search.is_sort_name_selected商品名順かどうか
$search.sort_manufacturer_url並び替えURL（製造元順）
$search.is_sort_manufacturer_selected並び順が製造元順かどうか
$search.is_sort_high_price_selected高価格順かどうか（真偽値）
$search.is_sort_low_price_selected低価格順かどうか（真偽値）
検索結果一覧
$search.item.has_item検索結果にあてはまる商品があるかどうか（真偽値）
$search.item.list[i].num番号
$search.item.list[i].name商品名
$search.item.list[i].price販売価格
$search.item.list[i].price_excluded_tax税抜き価格
$search.item.list[i].tax税
$search.item.list[i].tax_rate消費税率
$search.item.list[i].is_reduced_tax_rate軽減税率対象商品かどうか
$search.item.list[i].fixed_price定価
$search.item.list[i].original_price通常価格
$search.item.list[i].original_price_excluded_tax税抜き通常価格
$search.item.list[i].original_tax通常価格の税
$search.item.list[i].url商品URL
$search.item.list[i].image_S商品縮小画像URL
$search.item.list[i].image_M商品普通画像URL
$search.item.list[i].image_L商品画像URL
$search.item.list[i].is_stock_display在庫表示可かどうか（真偽値）
$search.item.list[i].is_stock_unlimited在庫無制限かどうか（真偽値）
$search.item.list[i].is_soldout売り切れかどうか（真偽値）
$search.item.list[i].is_small_stock在庫が指定された数以下かどうか（真偽値）
$search.item.list[i].stock_quantity在庫数
$search.item.list[i].is_saleセール商品かどうか（真偽値）
$search.item.list[i].sale_rate割引率
$search.item.list[i].has_reviewレビューが投稿されているかどうか（真偽値）
$search.item.list[i].review.star_htmlレビュー評価（星）
$search.item.list[i].review.average平均レビュー点数
$search.item.list[i].review.total_countレビュー投稿数
$search.item.list[i].review.urlレビュー一覧URL
$search.item.list[i].child_category.has_itemサブカテゴリーを持っているかどうか（真偽値）
$search.item.list[i].original_code独自商品コード
$search.item.list[i].system_codeシステム商品コード
$search.item.list[i].point獲得ポイント
$search.item.list[i].is_member_price会員割引商品かどうか（真偽値）
$search.item.list[i].base_category.nameカテゴリー名
$search.item.list[i].base_category.urlカテゴリーURL
$search.item.list[i].base_category.codeカテゴリー識別コード
$search.item.list[i].description商品説明文
$search.item.list[i].manufacturer製造元
$search.item.list[i].origin_country原産地
$search.item.list[i].special_display商品別特殊表示
$search.item.list[i].is_reservation_sale予約販売商品かどうか（真偽値）
$search.item.list[i].reservation_sale_note備考
$search.item.list[i].has_release_date発売日が設定されているかどうか（真偽値）
$search.item.item.is_released発売済みかどうか（真偽値）
$search.item.list[i].release_date.year発売日時（年）
$search.item.list[i].release_date.month発売日時（月）
$search.item.list[i].release_date.day発売日時（日）
$search.item.list[i].release_date_note発売日備考
$search.item.list[i].has_optionオプションが設定されているかどうか（真偽値）
$search.item.list[i].is_favoriteお気に入りに追加済みかどうか（真偽値）
$search.item.list[i].favorite_entry_urlお気に入りに追加URL
$search.item.list[i].favorite_remove_urlお気に入りから削除URL
$search.item.list[i].cart_entry_urlかごに入れるURL
$search.item.list[i].icon.has_itemアイコンが設定されているかどうか
$search.item.list[i].icon.list[j].image_urlアイコン画像URL
ページャー
$search.pager.is_first表示中のページが最初のページかどうか（真偽値）
$search.pager.is_first_display最初のページ番号が表示されているかどうか（真偽値）
$search.pager.first_url最初のページURL
$search.pager.prev_url前のページURL
$search.pager.is_last表示中のページが最後のページかどうか（真偽値）
$search.pager.is_last_display最後のページ番号が表示されているかどうか（真偽値）
$search.pager.last_url最後のページURL
$search.pager.last_number最終ページ数
$search.pager.next_url次のページURL
$search.pager.list[i].numberページ番号
$search.pager.list[i].urlページURL
$search.pager.list[i].is_current_page表示中のページかどうか（真偽値）

これらを実際に使ったコードです

<!doctype html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>検索結果: <{$search.keyword}></title>
</head>

<body>

    <!-- Breadcrumbs -->
    <nav class="breadcrumbs">
        <{if $search.breadcrumb_list.has_item}>
        <ul>
            <{section name=i loop=$search.breadcrumb_list.list}>
            <li>
                <{if $search.breadcrumb_list.list[i].is_current}>
                    <span><{$search.breadcrumb_list.list[i].name}></span>
                <{else}>
                    <a href="<{$search.breadcrumb_list.list[i].url}>"><{$search.breadcrumb_list.list[i].name}></a>
                <{/if}>
            </li>
            <{/section}>
        </ul>
        <{/if}>
    </nav>

    <!-- Search Information -->
    <section class="search-info">
        <h1>検索結果: <{$search.keyword}></h1>
        <p>カテゴリー: <{$search.category.name}></p>
        <p>価格帯: <{$search.price_low}> - <{$search.price_high}></p>
        <p>総商品数: <{$search.total_count}> | 表示商品数: <{$search.display_count_from}> - <{$search.display_count_to}></p>
    </section>

    <!-- Sorting Options -->
    <section class="sorting-options">
        <h2>並び替え</h2>
        <ul>
            <li><a href="<{$search.sort_recommend_url}>" <{if $search.is_sort_recommend_selected}>class="selected"<{/if}>おすすめ順</a></li>
            <li><a href="<{$search.sort_new_url}>" <{if $search.is_sort_new_selected}>class="selected"<{/if}>新着順</a></li>
            <li><a href="<{$search.sort_high_price_url}>" <{if $search.is_sort_high_price_selected}>class="selected"<{/if}>価格が高い順</a></li>
            <li><a href="<{$search.sort_low_price_url}>" <{if $search.is_sort_low_price_selected}>class="selected"<{/if}>価格が低い順</a></li>
            <li><a href="<{$search.sort_name_url}>" <{if $search.is_sort_name_selected}>class="selected"<{/if}>商品名順</a></li>
            <li><a href="<{$search.sort_manufacturer_url}>" <{if $search.is_sort_manufacturer_selected}>class="selected"<{/if}>製造元順</a></li>
        </ul>
    </section>

    <!-- Search Results List -->
    <{if $search.item.has_item}>
    <section class="search-results">
        <h2>検索結果一覧</h2>
        <ul>
            <{section name=i loop=$search.item.list}>
            <li>
                <a href="<{$search.item.list[i].url}>">
                    <img src="<{$search.item.list[i].image_S}>" alt="<{$search.item.list[i].name}>">
                    <p><{$search.item.list[i].name}></p>
                    <p>価格: <{$search.item.list[i].price}></p>
                    <{if $search.item.list[i].is_sale}>
                        <span>セール: <{$search.item.list[i].sale_rate}>% OFF</span>
                    <{/if}>
                    <{if $search.item.list[i].has_review}>
                        <div class="review"><{$search.item.list[i].review.star_html}></div>
                    <{/if}>
                </a>
            </li>
            <{/section}>
        </ul>
    </section>
    <{else}>
    <section class="no-results">
        <p>検索結果が見つかりませんでした。</p>
    </section>
    <{/if}>

    <!-- Pagination -->
    <{if $search.pager.is_first_display || $search.pager.is_last_display}>
    <section class="pagination">
        <ul>
            <{if !$search.pager.is_first}>
                <li><a href="<{$search.pager.first_url}>">最初へ</a></li>
                <li><a href="<{$search.pager.prev_url}>">前へ</a></li>
            <{/if}>

            <{section name=i loop=$search.pager.list}>
                <li>
                    <{if $search.pager.list[i].is_current_page}>
                        <span><{$search.pager.list[i].number}></span>
                    <{else}>
                        <a href="<{$search.pager.list[i].url}>"><{$search.pager.list[i].number}></a>
                    <{/if}>
                </li>
            <{/section}>

            <{if !$search.pager.is_last}>
                <li><a href="<{$search.pager.next_url}>">次へ</a></li>
                <li><a href="<{$search.pager.last_url}>">最後へ</a></li>
            <{/if}>
        </ul>
    </section>
    <{/if}>

</body>
</html>

パンくずリスト：検索結果のパンくずリストを表示します。
検索情報：検索キーワードやカテゴリー、価格帯、総商品数、表示商品数などの検索条件を表示します。
並び替えオプション：おすすめ順、新着順、価格順、商品名順、製造元順の並び替えリンクを提供します。
検索結果一覧：検索結果の一覧を表示します。商品名、価格、セール情報、レビュー評価が表示されます。
ページネーション：検索結果のページネーションを実装しています。

だいぶどうやればいいかわかってきたと思います。

makeshopで使える商品詳細ページの変数

パンくず
$item.breadcrumb_list_group.has_itemパンくずリストが複数あるかどうか（真偽値）
$item.breadcrumb_list_group.list[i].list[j].nameページ名
$item.breadcrumb_list_group.list[i].list[j].urlページURL
$item.breadcrumb_list_group.list[i].is_base_categoryパンくずリストが基本カテゴリーかどうか
商品情報
$item.name商品名
$item.url商品URL
$item.base_category.nameカテゴリー名
$item.base_category.urlカテゴリーURL
$item.base_category.codeカテゴリー識別コード
$item.original_code独自商品コード※初期設定は非表示
$item.system_codeシステム商品コード
$item.point_html獲得ポイント
$item.point獲得ポイント（値のみ・金額連動なし）
$item.description商品説明
$item.description2商品説明2
$item.description3商品説明3
$item.description4商品説明4
$item.manufacturer製造元
$item.origin_country原産地
$item.special_display商品別特殊表示
$item.quantity_id数量入力フォーム用データID
$item.is_sell_start販売開始日時が設定されているかどうか（真偽値）
$item.sell_start.year販売開始日時（年）
$item.sell_start.month販売開始日時（月）
$item.sell_start.day販売開始日時（日）
$item.sell_start.hour販売開始日時（時）
$item.sell_start.minute販売開始日時（分）
$item.is_sell_end販売終了日時が設定されているかどうか（真偽値）
$item.sell_end.year販売終了日時（年）
$item.sell_end.month販売終了日時（月）
$item.sell_end.day販売終了日時（日）
$item.sell_end.hour販売終了日時（時）
$item.sell_end.minute販売終了日時（分）
$item.is_within_sell_period販売期間中かどうか（真偽値）
$item.order_quantity_min最小注文限度
$item.order_quantity_max最大注文限度
$item.contact_url商品に対するお問い合わせURL
$item.icon.has_itemアイコンが設定されているかどうか（真偽値）
$item.icon.list[i].image_urlアイコン画像URL
価格
$item.price_html販売価格
$item.price販売価格（値のみ・金額連動なし）
$item.original_price通常価格
$item.original_price_excluded_tax税抜き通常価格
$item.original_tax通常価格の税
$item.fixed_price定価
$item.fixed_price_name定価名
$item.price_excluded_tax_html税抜き価格
$item.price_excluded_tax税抜き価格（値のみ・金額連動なし）
$item.tax_html税
$item.tax税（値のみ・金額連動なし）
$item.tax_rate消費税率
$item.is_reduced_tax_rate軽減税率対象商品かどうか
$item.is_member_price会員専用価格かどうか（真偽値）
商品画像
$item.image_S商品縮小画像URL
$item.image_M商品普通画像URL
$item.image_L商品画像URL
複数商品画像
$item.multi_image.has_item複数商品画像が登録されているか（真偽値）
$item.multi_image.list[i].image_S商品縮小画像URL
$item.multi_image.list[i].image_L商品画像URL
追加商品画像
$item.add_image.has_item追加商品画像が登録されているか（真偽値）
$item.add_image.list[i].image_url追加商品画像URL
$item.add_image.list[i].description追加商品画像説明文
セール
$item.is_saleセール商品かどうか（真偽値）
$item.sale_rate割引率
$item.has_sale_periodセール期間が設定されているかどうか（真偽値）
$item.sale_start.yearセール開始日時（年）
$item.sale_start.monthセール開始日時（月）
$item.sale_start.dayセール開始日時（日）
$item.sale_start.hourセール開始日時（時）
$item.sale_start.minuteセール開始日時（分）
$item.sale_end.yearセール終了日時（年）
$item.sale_end.monthセール終了日時（月）
$item.sale_end.dayセール終了日時（日）
$item.sale_end.hourセール終了日時（時）
$item.sale_end.minuteセール終了日時（分）
オプション
$item.has_optionオプションが設定されているかどうか（真偽値）
$item.option_htmlオプション・オプショングループ
送料
$item.is_delivery_price_display送料が設定されているかどうか（真偽値）
$item.delivery_price送料
$item.is_delivery_price_message_display配送料の表示タイプに固定のテキストがあるかどうか（真偽値）
$item.delivery_price_message配送料の表示タイプの固定のテキスト
$item.is_member_delivery_price_display会員グループ別送料があるかどうか（真偽値）
$item.member_delivery_price会員グループ別送料
在庫
$item.is_stock_display在庫表示可かどうか（真偽値）
$item.is_stock_unlimited在庫無制限かどうか（真偽値）
$item.is_soldout売り切れかどうか（真偽値）
$item.is_small_stock在庫が指定された数以下かどうか（真偽値）
$item.small_stock_quantity指定された在庫数
$item.stock_quantity在庫数
$item.is_restock_enabled再入荷お知らせが利用可能な商品かどうか（真偽値）
$item.restock_url再入荷お知らせURL
かごに入れる
$item.cart_entry_urlかごに入れるURL
お気に入りに追加
$item.is_favoriteお気に入りに追加済みかどうか（真偽値）
$item.favorite_entry_urlお気に入りに追加URL
$item.favorite_remove_urlお気に入りから削除URL
レビュー
$item.review.is_enabledレビュー機能が有効かどうか（真偽値）
$item.review.has_itemレビューが投稿されているかどうか（真偽値）
$item.review.star_htmlレビュー評価（星）
$item.review.average平均レビュー点数
$item.review.total_countレビュー投稿数
$item.review.list_urlレビュー一覧URL
$item.review.post_urlレビュー投稿URL
$item.review.list[i].reviewer_name投稿者名
$item.review.list[i].star_htmlレビュー評価（星）
$item.review.list[i].scoreレビュー点数
$item.review.list[i].contentレビュー内容
$item.review.list[i].date.year投稿日時（年）
$item.review.list[i].date.month投稿日時（月）
$item.review.list[i].date.day投稿日時（日）
$item.review.list[i].date.hour投稿日時（時）
$item.review.list[i].date.minute投稿日時（分）
SNSシェア
$item.sns.twitterTwitterボタン
$item.sns.facebookFacebookボタン
$item.sns.lineLINEボタン
定期購入
$item.cart_entry_subscription_url定期購入商品をカゴに入れるURL
$item.is_subscription定期購入商品かどうか（通常商品と定期購入商品含む）（真偽値）
$item.is_subscription_only定期購入商品かどうか（定期購入商品のみ）（真偽値）
$item.subscription_price_html定期購入商品の販売価格
$item.subscription_price定期購入商品の販売価格（値のみ・金額連動なし）
$item.subscription_price_excluded_tax_html定期購入商品の税抜き販売価格
$item.subscription_price_excluded_tax定期購入商品の税抜き販売価格（値のみ・金額連動なし）
$item.subscription_tax_html定期購入商品の税
$item.subscription_tax定期購入商品の税（値のみ・金額連動なし）
$item.subscription_point_html定期購入商品のポイント
$item.subscription_point定期購入商品のポイント（値のみ・金額連動なし）
$item.subscription_message定期購入商品のお届けサイクル案内文
$item.subscription_discount.has_item定期購入商品が回数割引設定されているかどうか（真偽値）
$item.subscription_discount.list[i].times回数
$item.subscription_discount.list[i].price税込価格
$item.subscription_discount.list[i].price_excluded_tax税抜き価格
$item.subscription_discount.list[i].tax税
$item.subscription_gift.has_item定期購入商品が景品設定されているかどうか（真偽値）
$item.subscription_gift.list[i].times回数
$item.subscription_gift.list[i].name景品名
$item.subscription_gift.list[i].image_url画像URL
$item.subscription_gift.list[i].description詳細情報
商品一覧系
$item.group.name商品グループ名
$item.group.has_item商品グループが登録されているかどうか（真偽値）
$item.group商品グループ
商品一覧系のタグは「$item.group」のあとに「.list[i]」をつけて使用してください。
例） item.group.list[i].num
.list[i].num番号
.list[i].name商品名
.list[i].price販売価格
.list[i].price_excluded_tax税抜き価格
.list[i].tax税
.list[i].fixed_price定価
.list[i].original_price通常価格
.list[i].cart_entry_urlかごに入れるURL
.list[i].url商品URL
.list[i].image_S商品縮小画像URL
.list[i].image_M商品普通画像URL
.list[i].image_L商品画像URL
.list[i].is_stock_display在庫表示可かどうか（真偽値）
.list[i].is_stock_unlimited在庫無制限かどうか（真偽値）
.list[i].is_soldout売り切れかどうか（真偽値）
.list[i].is_small_stock在庫が指定された数以下かどうか（真偽値）
.list[i].stock_quantity在庫数
.list[i].is_saleセール商品かどうか（真偽値）
.list[i].sale_rate割引率
.list[i].has_reviewレビューが投稿されているかどうか（真偽値）
.list[i].review.star_htmlレビュー評価（星）
.list[i].review.average平均レビュー点数
.list[i].review.total_countレビュー投稿数
.list[i].review.urlレビュー一覧URL
.list[i].child_category.has_itemサブカテゴリーを持っているかどうか（真偽値）
.list[i].original_code独自商品コード
.list[i].system_codeシステム商品コード
.list[i].point獲得ポイント
.list[i].base_category.nameカテゴリー名
.list[i].base_category.urlカテゴリーURL
.list[i].base_category.codeカテゴリー識別コード
.list[i].description商品説明文
.list[i].manufacturer製造元
.list[i].origin_country原産地
.list[i].special_display商品別特殊表示
.list[i].is_reservation_sale予約販売商品かどうか（真偽値）
.list[i].reservation_sale_note予約商品備考
list[i].has_release_date発売日が設定されているかどうか（真偽値）
list[i].is_released発売済みかどうか（真偽値）
.list[i].release_date.year発売日時（年）
.list[i].release_date.month発売日時（月）
.list[i].release_date.day発売日時（日）
.list[i].release_date_note発売日備考・お届け目安
.list[i].has_optionオプションが設定されているかどうか（真偽値）
.list[i].icon.has_itemアイコンが設定されているかどうか
.list[i].icon.list[j].image_urlアイコン画像URL
予約販売
$item.is_reservation_sale予約販売商品かどうか（真偽値）
$item.reservation_sale_note予約商品備考
$item.has_release_date発売日が設定されているかどうか（真偽値）
$item.is_released発売済みかどうか（真偽値）
$item.release_date.year発売日時（年）
$item.release_date.month発売日時（月）
$item.release_date.day発売日時（日）
$item.release_date_note発売日備考・お届け目安
SKU
$item.is_option_skuSKUごとに表示するかどうか（真偽値）
$item.option_sku.option1_labelオプション1
$item.option_sku.option2_labelオプション2
$item.option_sku.has_option2オプション2があるかどうか（真偽値）
$item.option_sku.has_itemSKUリストが要素を持つかどうか（真偽値）
$item.option_sku.list[i].name1オプション1の項目名
$item.option_sku.list[i].name2オプション2の項目名
$item.option_sku.list[i].image_Sオプション縮小画像URL
$item.option_sku.list[i].image_Lオプション画像URL
$item.option_sku.list[i].original_codeオプション独自コード
$item.option_sku.list[i].price販売価格
$item.option_sku.list[i].price_excluded_tax税抜き販売価格
$item.option_sku.list[i].tax税
$item.option_sku.list[i].pointポイント
$item.option_sku.list[i].subscription_price販売価格（定期購入商品）
$item.option_sku.list[i].subscription_price_excluded_tax税抜き販売価格（定期購入商品）
$item.option_sku.list[i].subscription_tax税（定期購入商品）
$item.option_sku.list[i].subscription_pointポイント（定期購入商品）
$item.option_sku.list[i].small_stock_quantity残りわずかとする数量
$item.option_sku.list[i].is_stock_unlimited在庫無制限商品かどうか（真偽値）
$item.option_sku.list[i].stock_quantity在庫数
$item.option_sku.list[i].is_soldout売り切れかどうか（真偽値）
$item.option_sku.list[i].is_small_stock残りわずかかどうか（真偽値）
$item.option_sku.list[i].cart_entry_urlかごに入れるURL
$item.option_sku.list[i].cart_entry_subscription_urlかごに入れるURL（定期購入商品）
$item.option_sku.list[i].restock_url再入荷お知らせURL
$item.option_sku.list[i].is_favoriteお気に入りに追加済みかどうか（真偽値）
$item.option_sku.list[i].favorite_entry_urlお気に入りに追加URL
$item.option_sku.list[i].favorite_remove_urlお気に入りから削除URL
まとめ買い割引
$item.is_bulkまとめ買い割引商品かどうか（真偽値）
$item.bulk_nameこの商品が所属するまとめ買い割引の名前
$item.bulk_urlこの商品が所属するまとめ買い割引商品一覧のURL
名入れ
$item.is_name_print名入れ商品かどうか（真偽値）
$item.name_print.description名入れ説明文
$item.name_print.has_item名入れ入力欄があるかどうか（真偽値）
$item.name_print.list[i].title名入れ入力欄のタイトル
$item.name_print.list[i].html名入れ入力欄のHTML
$item.name_print.list[i].is_required名入れ入力欄が必須かどうか（真偽値）
$item.name_print.list[i].character_type名入れ入力欄に入力可能な文字種類（/区切り）
$item.name_print.list[i].column_max名入れ入力欄に入力可能なの1行の最大文字数
$item.name_print.list[i].row_max名入れ入力欄に入力可能な最大行数
$item.name_print.list[i].total_max名入れ入力欄に入力可能な全体の最大文字数

これを使ったサンプルのコードを記載します

<!doctype html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title><{$item.name}></title>
</head>

<body>

    <!-- Breadcrumbs -->
    <{if $item.breadcrumb_list_group.has_item}>
    <nav class="breadcrumbs">
        <ul>
            <{section name=i loop=$item.breadcrumb_list_group.list}>
                <{section name=j loop=$item.breadcrumb_list_group.list[i].list}>
                    <li>
                        <a href="<{$item.breadcrumb_list_group.list[i].list[j].url}>"><{$item.breadcrumb_list_group.list[i].list[j].name}></a>
                    </li>
                <{/section}>
            <{/section}>
        </ul>
    </nav>
    <{/if}>

    <!-- Item Details -->
    <section class="item-details">
        <h1><{$item.name}></h1>
        <p>カテゴリー: <a href="<{$item.base_category.url}>"><{$item.base_category.name}></a></p>
        <{if $item.manufacturer}>
            <p>製造元: <{$item.manufacturer}></p>
        <{/if}>
        <{if $item.origin_country}>
            <p>原産地: <{$item.origin_country}></p>
        <{/if}>

        <!-- Item Description -->
        <{if $item.description}>
            <div class="description">
                <h2>商品説明</h2>
                <p><{$item.description}></p>
            </div>
        <{/if}>

        <!-- Pricing -->
        <section class="pricing">
            <h2>価格</h2>
            <p>販売価格: <{$item.price_html}></p>
            <{if $item.fixed_price}>
                <p>定価: <{$item.fixed_price}></p>
            <{/if}>
            <{if $item.is_sale}>
                <p>セール価格: <{$item.sale_rate}>% OFF</p>
            <{/if}>
        </section>

        <!-- Item Images -->
        <section class="images">
            <h2>商品画像</h2>
            <img src="<{$item.image_L}>" alt="<{$item.name}>" class="main-image">
            <{if $item.multi_image.has_item}>
                <ul class="additional-images">
                    <{section name=i loop=$item.multi_image.list}>
                        <li><img src="<{$item.multi_image.list[i].image_S}>" alt="商品画像"></li>
                    <{/section}>
                </ul>
            <{/if}>
        </section>

        <!-- Stock Information -->
        <section class="stock-info">
            <h2>在庫情報</h2>
            <{if $item.is_stock_display}>
                <p>在庫: <{if $item.is_stock_unlimited}>無制限<{else}><{$item.stock_quantity}>個<{/if}></p>
            <{/if}>
            <{if $item.is_soldout}>
                <p>売り切れ</p>
            <{else}>
                <a href="<{$item.cart_entry_url}>" class="add-to-cart">カートに入れる</a>
            <{/if}>
        </section>

        <!-- Reviews -->
        <{if $item.review.is_enabled}>
        <section class="reviews">
            <h2>レビュー</h2>
            <{if $item.review.has_item}>
                <p>評価: <{$item.review.average}></p>
                <div class="review-stars"><{$item.review.star_html}></div>
                <ul>
                    <{section name=i loop=$item.review.list}>
                        <li>
                            <p>投稿者: <{$item.review.list[i].reviewer_name}></p>
                            <p>評価: <{$item.review.list[i].score}></p>
                            <p>内容: <{$item.review.list[i].content}></p>
                            <p>投稿日: <{$item.review.list[i].date.year}>/<{$item.review.list[i].date.month}>/<{$item.review.list[i].date.day}></p>
                        </li>
                    <{/section}>
                </ul>
            <{else}>
                <p>レビューはまだありません。</p>
            <{/if}>
        </section>
        <{/if}>

        <!-- SNS Share Buttons -->
        <section class="sns-share">
            <h2>シェア</h2>
            <div>
                <{$item.sns.twitter}>
                <{$item.sns.facebook}>
                <{$item.sns.line}>
            </div>
        </section>

        <!-- Options -->
        <{if $item.has_option}>
        <section class="item-options">
            <h2>オプション</h2>
            <div>
                <{$item.option_html}>
            </div>
        </section>
        <{/if}>

        <!-- Bulk Discounts -->
        <{if $item.is_bulk}>
        <section class="bulk-discounts">
            <h2>まとめ買い割引</h2>
            <p>この商品はまとめ買い割引対象です。詳しくは<a href="<{$item.bulk_url}>"><{$item.bulk_name}></a>をご覧ください。</p>
        </section>
        <{/if}>

        <!-- Add to Favorite -->
        <section class="favorite">
            <{if $item.is_favorite}>
                <a href="<{$item.favorite_remove_url}>" class="remove-favorite">お気に入りから削除</a>
            <{else}>
                <a href="<{$item.favorite_entry_url}>" class="add-favorite">お気に入りに追加</a>
            <{/if}>
        </section>
    </section>

    <!-- Subscription Information -->
    <{if $item.is_subscription}>
    <section class="subscription-info">
        <h2>定期購入</h2>
        <p>定期購入価格: <{$item.subscription_price_html}></p>
        <p>ポイント: <{$item.subscription_point_html}></p>
        <p>サイクル: <{$item.subscription_message}></p>
        <{if $item.subscription_discount.has_item}>
            <h3>回数割引</h3>
            <ul>
                <{section name=i loop=$item.subscription_discount.list}>
                    <li><{$item.subscription_discount.list[i].times}>回目: <{$item.subscription_discount.list[i].price}>円</li>
                <{/section}>
            </ul>
        <{/if}>
    </section>
    <{/if}>

    <!-- SKU Options -->
    <{if $item.is_option_sku}>
    <section class="sku-options">
        <h2>オプションSKU</h2>
        <{section name=i loop=$item.option_sku.list}>
            <div class="sku-item">
                <p>オプション: <{$item.option_sku.list[i].name1}> - <{$item.option_sku.list[i].name2}></p>
                <p>価格: <{$item.option_sku.list[i].price}></p>
                <{if !$item.option_sku.list[i].is_soldout}>
                    <a href="<{$item.option_sku.list[i].cart_entry_url}>" class="add-to-cart">カートに入れる</a>
                <{else}>
                    <p>売り切れ</p>
                <{/if}>
            </div>
        <{/section}>
    </section>
    <{/if}>

</body>
</html>

もうだいたいわかりましたよね。
とても楽に実装ができます。
ログイン後のページの修正はできませんしURL構造を変えることはできません
またこの構成でSEOを強くすることはできませんが、
ECを作りたいということならほとんどの条件を満たすことができます。

makeshopの制作を依頼できる会社さん一覧

メイクショップ格安ECサイト制作代行【ハピプロ】

10万円でMakeShopの格安制作代行を提供。デザイン修正は3回まで可能で、複数の箇所を一度に依頼可能です。レスポンシブ対応でサイト制作がスムーズに行えます。

詳細を見る

MakeShopに強い制作会社10社厳選【2024年9月最新版】

実績・デザイン・料金・評判をもとにMakeShopに強い制作会社を厳選しました。簡単な質問に答えるだけで見積もりも可能です。

詳細を見る

MakeShop 開店代行サービス

定期的に制作を依頼したい方のための代行サービス。毎月キーワードに沿ったコンテンツ作成やSEO対策も可能です。

詳細を見る

MakeShop特化のおすすめ制作会社11選

ECサイト制作の見積もりからデザインまで、目的や条件に合わせて制作会社を選ぶことができます。料金の目安も掲載。

詳細を見る

MakeShopでECサイト制作 実績3000社以上！

3000社以上の実績を持つMakeShopは、経験豊富なプロが運営をサポート。ECサイトの構築やリニューアルの依頼に最適です。

詳細を見る

MakeShop通販サービス制作相談

MakeShopのECサイト構築に関する無料相談や見積もりが可能。EC運営の専門知識を持つスタッフがサポートします。

詳細を見る

MakeShop・カラーミーショップでECサイト制作

テンプレートを利用した制作から専門家によるサポートまで、ECサイト制作のニーズに合わせた対応が可能です。

詳細を見る

MakeShop構築に強い制作会社9選

豊富な制作実績を持つ会社を厳選し、ショップ制作から運営までトータルサポートします。初期費用770,000円～でご提供。

詳細を見る

MakeShopに強いECサイト制作会社11選【2024年最新版】

豊富な実績と経験を持つ制作会社が多数。MakeShopによるECサイト構築の依頼先選びに役立つ情報が満載です。

詳細を見る

初めてのECサイト制作 基本手順解説

初めてECサイトを制作する方に向けたガイド。制作会社への依頼や費用相場など、失敗しないためのポイントを解説します。

詳細を見る

MakeShopでECサイト制作｜猫の手

新宿の制作会社「猫の手」によるMakeShopのECサイト制作サービス。お見積もりやご相談はお電話からどうぞ。

詳細を見る

ECサイトをMakeShopで制作します

MakeShop認定パートナーによるECサイト制作サービス。テンプレートに沿って制作するプランで手軽にショップ開設が可能です。

詳細を見る

MakeShop新管理画面の使い方｜猫の手

MakeShopの公式認定パートナーが管理画面の使い方を徹底解説。独自ドメインの設定などのご相談も受け付けています。

詳細を見る

コーディングの基礎知識｜MakeShop

コーディングの基礎知識からMakeShopでのHTMLやCSSの質問まで幅広くサポート。初心者に向けた解説もあります。

詳細を見る

MakeShopでのECサイト制作 猫の手

新宿の制作会社「猫の手」によるMakeShop制作サービス。独自ドメインの設定なども行っています。

詳細を見る

MakeShop ECサイト構築・運用支援 ランサーズ

新規構築からロゴ作成、パッケージデザインまで、MakeShopのECサイト構築に関するあらゆる依頼が可能です。

詳細を見る

MakeShopのベーシックモードとクリエーターモード

MakeShopのベーシックモードとクリエーターモードの使い分けについて解説。それぞれのメリットとデメリットを紹介。

詳細を見る

MakeShop導入事例15選｜EC制作の依頼

MakeShopの導入事例を15社分紹介。ECサイト制作を依頼する際の参考にしていただけます。

詳細を見る

MakeShopに強い制作会社10社【2024年版】

MakeShopのカスタマイズに強い制作会社を紹介。自社で対応が難しい場合は制作会社への依頼が効果的です。

詳細を見る

ショッピングカート比較【Shopify・MakeShop】

ShopifyやMakeShopのショッピングカートシステムを比較解説。ECサイト制作依頼についてもご相談可能です。

詳細を見る

もちろん弊社でも可能です。