# [10ca](https://10ca.net)
Summary:
10ca（テンカ）は株式会社テンカが運営する、Shopifyテーマのカスタマイズ方法を紹介する情報サイト。ショップのLLMOやE-E-A-Tを強化する方法など、最新の技術と知識でお届けしています。テーマ編集が難しい方にはカスタマイズ代行も承ります。
## Products
- [【Shopify】アプリ不要！お気に入り機能を実装](https://10ca.net/products/tpge-006): アプリを使わずに「お気に入り機能」を実装できます Shopifyのデフォルト機能にはお気に入り（ウィッシュリスト）機能がありません。 一般的にはアプリを入れて実装するのですが、デザイン性やサブスク料金、日本語対応の不安などあり、できればテーマカスタマイズで導入したい方も多いはず。 サンプルとして10caでも実装しており Price: ¥66,000
- [【Shopify】Liquidのみ！電話番号にハイフンを付与して自動出力](https://10ca.net/products/totr-002): 電話番号のを出力時にハイフンを自動付与させる、Liquidコードのみで完結する電話番号フォーマッター！ アカウントページやショップ情報など、電話番号を「address.phone」などでLiquid出力する際に、ハイフン（-）を付与させたいケースが極稀にあります。 調べたところ、ハイフンを付けるのは日本ならではの表記で Price: ¥11,000
- [【Shopify】アプリ不要！コレクションページに無限スクロールを実装](https://10ca.net/products/tclt-004): ページネーションの代わりに「続きを表示」ボタンを設置して、コレクションページに無限スクロール機能を実装します。 Shopifyのコレクションページは、1ページあたりの商品出力上限が50商品という制限があり、それ以上を出力させたい場合は非推奨なテクニックを使う必要があります。 無限スクロール機能を搭載すれば、1ページ内に Price: ¥33,000
- [【Shopify】アプリ不要！機能的な「ブランドで探す」ページを実装](https://10ca.net/products/tpge-007): 取り扱いブランドの多いショップ必見！ZOZOTOWNみたいな「ブランドで探す」ページを実装 メニュー機能を使ったりコレクション機能を使ったり、ブランド一覧ページを作成する様々な方法はありますが、取り扱いブランドが多いショップの場合は管理が大変です。 ベンダーリンクリストをAZ順に頭文字ごとに分けて自動出力し、ナビゲーシ Price: ¥44,000
- [【Shopify】メタオブジェクトを使って投稿者プロフィールを出力](https://10ca.net/products/tblg-005): メタオブジェクトを使って、ブログ投稿に投稿者プロフィールを出力するカスタマイズ メタオブジェクトは2023年に実装され、テーマを編集できるスキルを持った玄人向けの機能だと思いますが、使ってみるとかなり便利な機能です。 突然実装され「何じゃこりゃ？」と思って放置しているショップも多いと思いますが、WordPressを使っ Price: ¥16,500
- [【Shopify】回遊性向上に最適！ショップに機能的なサイドバーを実装](https://10ca.net/products/thom-007): 機能的なサイドバーナビゲーションを実装して、デスクトップビューの回遊性を向上！ Shopifyのテーマでサイドバーナビゲーション付きのテーマは少数です。 セクションを追加してく構造だという理由もありますが、現在のウェブサイト構築はモバイルファーストが基本なので、デスクトップ用のサイドバーは必要ないのでしょう。 ただし、 Price: ¥66,000
- [【Shopify】アプリ不要！検索フォームに検索履歴を実装](https://10ca.net/products/tsch-001): 検索フォームのフォーカス時に「検索履歴」を動的に出力させる。 Shopifyにはサジェスト機能（検索キーワード候補予測）が実装されていますが、残念ながら日本語では機能しません。（2024年12月現在） アプリを導入すればサジェスト検索の実装は可能ですが、テーマカスタマイズのみで完結させる為の代替案として、Amazonや Price: ¥33,000
- [【Shopify】商品ページのメイン画像が最初のバリエーション画像になってしまう問題を解決！](https://10ca.net/products/tpdt-011): メイン画像の初期値をバリエーション画像にしたくない場合のカスタマイズ方法 バリエーション画像が登録されていると、テーマによって商品ページには最初のバリエーション画像が大きく出力されます。 商材によってモデル画像や全バリエーションが掲載された画像を、最初に大きく出力させたいショップも多いハズ。 一見カンタンそうに思えるカ Price: ¥16,500
- [【Shopify】LLMOに効果的！E-E-A-T強化型のスタッフページを実装](https://10ca.net/products/tllmo-001): AI検索に「専門家」として認識させる。点と線を繋ぐ、次世代のスタッフページ。 ただスタッフを紹介するだけの時代は終わりました。LLMOにおいて重要なのは、記事や商品と「著者」をデータで結びつけることです。 本カスタマイズでは、アクセシビリティに配慮したHTML構造に加え、最新のSchema.org規格に準拠したPers Price: ¥33,000
- [【Shopify】LLMOに効果的！商品ページの「E-E-A-T」を強化する「エキスパート・コネクター」](https://10ca.net/products/tllmo-002): 「誰が売っているか」が最大の差別化になる。商品ページにプロの署名を。 こだわり抜いた商品であればこそ、その価値を語る「人の顔」が必要です。 「エキスパート・コネクター」は、メタオブジェクトに登録されたスタッフ情報を、商品管理画面から選ぶだけで各ページの構造化データへ自動的に紐付け、商品の価値を最大限に引き出します。 G Price: ¥16,500
- [【Shopify】LLMOに効果的！動画検索をハックする「ハイパー・ビデオ・アセット」](https://10ca.net/products/tllmo-004): 動画を「見るもの」から「検索される資産」へ。 商品ページにアップした動画を、AI検索の特等席へ送り出す構造化データ実装パッケージ『ハイパー・ビデオ・アセット』。 動画の価値、正しくAIに伝わっていますか？ Shopifyの商品ページに動画を載せるショップが増えています。 しかし、そのほとんどがAIにとっては単なる「動く Price: ¥22,000
- [【Shopify】作業効率アップ！メタフィールドを上手く使って商品情報を出力する方法](https://10ca.net/products/tpdt-010): メタフィールドから商品情報を出力して作業効率アップを図ろう！ 商品情報のテーブルってどうしていますか？ 一般的なのは商品説明入力欄にエディタで「表を挿入」したり、HTMLエディタで作成したソースをコピペする方法ですが、HTMLのスキルが必要ですしテーブル構造は深いので思ってるより面倒です。 Shopify2.0より商品 Price: ¥11,000
- [【Shopify】アカウント登録画面に入力項目を追加してメタフィールドに登録する方法](https://10ca.net/products/tact-002): アカウント登録画面に「ふりがな」や「生年月日」等の入力項目を追加して、カスタマーメタフィールドに登録するカスタマイズ方法！ Shopifyは海外発のECプラットフォームなので、日本のECサイトには当たり前のように存在する機能がなかったりします。 中でも「ふりがな」は日本だけの文化なので、通話オペレーティングなどが必要な Price: ¥33,000
- [【Shopify】アプリ不要！注文履歴や注文履歴一覧ページに「再注文」ボタンを実装する](https://10ca.net/products/tact-003): アプリ不要！注文履歴ページや注文履歴一覧ページに「再注文」ボタンを実装する方法をご紹介。 「再注文」ボタンを実装するにはShopifyアプリを使うのが手っ取り早いのですが、サブスク料金が発生する他、海外仕様で使い勝手が悪かったり、デザインがサイトに合わなかったり、「Line item property」が送れなかったり Price: ¥16,500
- [【Shopify】2023年最新！FaviconをSVGで出力](https://10ca.net/products/totr-001): ShopifyのFavicon設定をカスタマイズして、今どきのサイトっぽく出力 Shopifyのテーマは基本的に、32×32pxのPNGファイルを設定するだけのものがほとんどです。 せっかくなので「SVGアイコン」だけじゃなく「Apple touch icon」も実装して今どきのサイトっぽくしたいところ。Webmani Price: ¥11,000
- [【Shopify】jQuery不要！閲覧履歴セクションを実装](https://10ca.net/products/tpdt-005): jQueryやアプリを使わず、Shopify2.0に対応した商品の閲覧履歴が実装できます。 ショッピングサイトではお馴染みの「最近チェックした商品」や「最近見た商品」など商品の閲覧履歴を表示させる機能は、残念ながらShipifyのデフォルト機能にはありません。 テーマカスタマイズで実装するにはjQueryを使った方法が Price: ¥27,500
- [【Shopify】アプリ不要！告知バーをカスタマイズして「送料無料バー」を実装](https://10ca.net/products/thdr-003): 客単価向上におすすめ！簡単なカスタマイズで「送料無料バー」が実装できます。 Dawnをはじめ、ほとんどのテーマにはヘッダー付近に「告知バー」という1行テキストやリンクを出力する機能があります。 その告知バーをカスタマイズし、カート内の商品総額に応じて「送料無料」までの残額を表示する、アプリでもよく知られる「送料無料バー Price: ¥16,500
- [【Shopify】タブ切り替えできるランキングを実装](https://10ca.net/products/thom-004): タブで切り替えられるランキングセクションを実装 「人気ランキングセクション」をさらに拡張して「タブ切り替え」機能付きで複数のコレクションを切り替えられるセクションを実装します。 リアルタイムランキングや手動ランキング操作も可能です。 jQuery不要 WAI-ARIA対応 JSライブラリ不要 アプリ不要 カスタマイザー Price: ¥33,000
- [【Shopify】ショップロゴをSVGで出力](https://10ca.net/products/thdr-001): 美しく軽量に。アクセシビリティにも対応したSVGロゴを実装 Shopifyのショップロゴは、ほとんどのテーマがカスタマイザーで画像をアップロードする仕様です。 srcset属性でRetina対応しているとはいえ、オリジナルのPNG画像を縮小して出力するので、縮小ボケが気になる方も多いはず。 最低限のスキルとここで紹介す Price: ¥11,000
- [【Shopify】LLMOに効果的！ショップの構造化データを強化する「ストア・アドオン」](https://10ca.net/products/tllmo-005): ショップの構造化データをアップグレードし、E-E-A-Tを強化するカスタマイズ。 AIに推測させる時代は、もう終わり。 Shopifyの標準テーマ「Dawn」等に組み込まれている組織情報の構造化データ（Organization）は、実は非常に最小限な情報しか持っていません。 本カスタマイズは標準データの不足を補い、AI Price: ¥22,000
- [【Shopify】12ヶ月先まで指定できる配送日時指定＆営業日カレンダー](https://10ca.net/products/tcrt-002): 営業日カレンダーも使い回せて、12ヶ月先まで出力できる多機能な配送日指定を開発しました。 カートページに実装する「配送日時指定」で使うカレンダーは、フッター表示用の「営業日カレンダー」のコードを使いまわしたため、2ヶ月以上出力するにはコードを書き足さなければいけないという弱点がありました。 また、店舗によっては予約販売 Price: ¥44,000
- [【Shopify】顧客単価アップ！よく一緒に購入されている商品を実装](https://10ca.net/products/tpdt-009): Amazonみたいな「よく一緒に購入されている商品」をメタフィールドを使って実装できます。 Amazonならではのクロスセル機能である「よく一緒に購入されている商品」機能を、Shopifyの商品ページにも実装することができます。 Shopifyの純正機能のみしか使わないので、軽量に快適にご利用のテーマに機能を追加でき売 Price: ¥44,000
- [【Shopify】商品ページに一括購入フォームを実装](https://10ca.net/products/tpdt-006): 複数商品を一括でカートに追加できる購入フォームを実装します。 商材によってはサイズやカラーバリエーションが複数あって、バリエーションピッカーで切り替えて、数量セレクターで数を入力して1バリエーションごとにカートに入れるのがShopifyのデフォルト仕様です。 サムネイルのように、テーブル出力で一括でカートに追加できるフ Price: ¥33,000
- [【Shopify】jQuery不要！Swiperを使ったカルーセルスライダーを実装](https://10ca.net/products/thom-003): jQuery非依存のSwiperを使って、カルーセルバナースライダーを実装します。 ほとんどのShopifyのテーマにはスライダー機能がついていますが、画像にリンクを貼るだけのシンプルなものや、複数枚のバナーを並べるものがなかったりします。 jQuery非依存で多機能なJSライブラリ「Swiper.js」を使って実装す Price: ¥33,000
- [【Shopify】アプリ不要！WordPressのRSSフィードから記事一覧を出力](https://10ca.net/products/thom-005): WordPressから記事情報を取得して、記事一覧セクションを作成します。 SEOの観点から本来はShopifyブログの利用を推奨していますが、どうしてもWordPressブログと連動させたいショップも多いようです。 RSSフィードを登録して出力させるアプリもいくつかありますが、サブスク料金が発生したり、デザイン性がイ Price: ¥33,000
- [【Shopify】ブログを「カテゴリー」として扱い一覧出力する方法](https://10ca.net/products/tblg-004): カテゴリー機能のないShopifyブログを「カテゴリー」として扱い、記事一覧に全ブログから日付順に出力させる方法をご紹介 Shopifyブログにはカテゴリー機能がありません。タグで代用されている方、ブログをカテゴリーとして複数作る方など様々です。 タグで代用する場合は、特に設定は必要ありませんが、カテゴリーとタグは別々 Price: ¥33,000
- [【Shopify】アプリ不要！多機能な年齢認証フォームを実装](https://10ca.net/products/thom-006): サイトに合わせて柔軟に設定できる「年齢認証」フォームを、どんなテーマにでも実装できます。 酒やタバコ、アダルトグッズなど、年齢認証を必要としたショップも少なくありません。 基本的にはアプリを使って実装するか、年齢認証フォームが実装されているテーマを選ぶか、自身で設置するかの3択になります。 仕組みとしては、年齢を認証す Price: ¥33,000
- [【Shopify】アプリ不要！カートページに配送日時と置き配指定セクションを実装](https://10ca.net/products/tcrt-001): カートページに配送希望日時と置き配の場所を指定できるセクションをアプリを使わずに実装する方法をご紹介。 Shopifyヘルプセンターのドキュメントにも「カートに配達日ピッカーを追加する」方法は紹介されており、かなりメジャーなカスタマイズですが、jQuery依存でjQueryUIの日付ピッカーを使うという時代にそぐわない Price: ¥33,000
- [【Shopify】LLMO対応！AI時代に最適化された『ハイパーFAQ』](https://10ca.net/products/tllmo-003): 人間には使いやすく、AIには賢く。未来のインフラを構築するFAQセクションを実装しよう！ 検索の主役が「AI」へと移り変わる今、あなたのショップのFAQは正しくAIに届いていますか？ ただQ&Aを並べるだけの時代は終わりました。これからのFAQは、ユーザーの疑問に答えると同時に、AI（LLM）に対して「公式の回答」を直 Price: ¥33,000
- [【Shopify】ブログ記事にショートコードで商品カードを出力](https://10ca.net/products/tblg-003): ブログ記事内にショートコードを入力するだけで、商品カードを出力できるカスタマイズ方法 ブログ記事で商品を紹介するショップは多いですが、画像やテキストに商品リンクを貼ったり、Buy Button channelを使ったり、HTMLで出力したりと方法は様々。 このカスタマイズ方法なら、記事内にショートコードを貼りつけるだけ Price: ¥27,500
- [【Shopify】人気ランキングページを実装](https://10ca.net/products/tclt-001): Shopifyのコレクションページをカスタマイズして、アプリレスで人気ランキングページが実装できます コレクションページには元々「並べ替え」機能が付いているので、「ベストセラー」にすることで人気ランキングにはなります。 ただ1、2、3と「順位を表示させたい！」という方も多いはず。 このカスタマイズをすることで、改ページ Price: ¥22,000
- [【Shopify】ブログ記事内に「目次」を自動生成](https://10ca.net/products/tblg-001): 記事内の見出しタグから「目次」を自動生成 「目次」のついているブログ記事は、Googleの検索結果にも反映されるのでSEOにも効果が高いと言われています。 Shopifyのブログはシンプルなリッチテキストエディタなので、デフォルトでは力技で目次を作成するしか方法はありません。 このカスタマイズ方法はアプリレスなのに加え Price: ¥22,000
- [【Shopify】長期休暇案内セクションを実装](https://10ca.net/products/thom-002): 年末年始やお盆、ゴールデンウィークなど、ショップの長期休暇前に、画像バナーなどで休業日の案内をされてるショップも多いはず。 ただ画像ではレスポンシブ対応が大変だったり、そもそも作成自体が面倒だったりしますよね？ この長期休暇案内セクションを実装すれば、アプリや画像も使わずにカスタマイザーで簡単に動的出力ができるので、と Price: ¥22,000
- [【Shopify】ブランド一覧ページを作成](https://10ca.net/products/tpge-001): ブランドロゴ入りのブランド一覧ページを、動的に出力するページが作成できます ショップによっては回遊性の為であったり、SEOの為であったりとブランドやメーカーの一覧ページを設けたいところ。 しかし、Shopifyのデフォルト機能ではページにHTMLを書き込んで、静的に構築するしか方法がない上、販売元の名前とリンク先しか出 Price: ¥22,000
- [【Shopify】アプリ不要！セクションブロックでFAQページを実装](https://10ca.net/products/tpge-002): カスタマイザーで動的に編集ができる、アプリ不要のFAQページが実装できます FAQはECサイトにとって必要不可欠なページです。 Shopifyのテーマによっては機能として搭載されていますが、ページでHTMLを書いて作成したり、アプリを使ったりしている方も多いはず。 ここでご紹介するのは、FAQ用のページテンプレートを作 Price: ¥22,000
- [【Shopify】タイムセール会場を実装](https://10ca.net/products/tclt-002): カスタマイザーで動的に制御可能なカウントダウンタイマー付きのタイムセール会場を実装 ECサイトでよく、カウントダウンタイマーがついたタイムセール会場を見かけます。 恐らくは、アプリを入れる方法が最も簡単だと思うのですが、アプリを多様しすぎるとサイトが重くなる原因になったりするので、できればアプリレスで設置したいところ。 Price: ¥22,000
- [【Shopify】サイトマップページを実装](https://10ca.net/products/tpge-003): メンテナンス不要のHTMLサイトマップページを実装 XMLサイトマップに比べてHTMLサイトマップは軽視されがちですが、ユーザビリティやクローラビリティの向上が見込め、SEOにも効果的と言われています。 例え小規模なECサイトでも、無いよりはあったほうが良いと断言できます。 Shopifyのアプリでも、HTMLサイトマ Price: ¥22,000
- [【Shopify】営業日カレンダーを実装](https://10ca.net/products/tftr-001): カスタマイザーで編集可能なピュアリキッドの営業日カレンダーが実装できます 日本のECでは当たり前なのに、意外とShopifyにない機能が「営業日カレンダー」。休業日をお知らせするのに必要と感じる店舗も多いはず。 iframeを貼り付けたり、Javascriptで書き出す方法が一般的ですが、デザインが残念だったり、JSフ Price: ¥22,000
- [【Shopify】アカウント画面のカスタマイズ](https://10ca.net/products/tact-001): アカウント画面のカスタマイズ方法をいろいろご紹介します。 Shopifyは海外発のプラットフォームの為、いろいろと海外仕様だったりすることが多いです。 アカウント登録画面からログイン後のアカウント管理画面も、日本仕様に合わせたい方も多いはず。 ただし、日本だけに合わせていくと越境ECでは困る場合も多々ありますので、その Price: ¥22,000
- [【Shopify】スパム対策に対応！項目を動的に増やせるお問い合わせフォームを実装](https://10ca.net/products/tpge-005): お問い合わせフォームをカスタマイズして、セレクトボックスやチェックボックス、ラジオボタン、ハニーポットを動的に追加・編集する方法 Shopifyのコンタクトフォームはデフォルトで、名前とメール、電話番号、メッセージの入力欄しかありません。 基本的には「name="contact[○○○]"」を付け加えれば項目追加できま Price: ¥22,000
- [【Shopify】商品ページにカラースウォッチの色選択を実装](https://10ca.net/products/tpdt-008): ツートーンカラーやパターンにも対応！バリエーションメタフィールドを使って、商品ページにカラースウォッチの色選択を実装するカスタマイズ カラースウォッチが実装されているテーマもありますが、古いテーマの場合はタグを使った複雑な仕様だったり、アプリを使って実装される場合も多いです。デフォルトテーマのDawnでも、ドロップダウ Price: ¥22,000
- [【Shopify】カテゴリメニューを実装](https://10ca.net/products/tpdt-003): 商品タイプとコレクションを連動させて、カテゴリーっぽく実装できます。 Shopifyには日本のECでは当たり前の「カテゴリー」がありません。 「商品タイプ」や「カスタムタイプ」が近いかもしれませんが、リンクや一覧ページがありませんし、コレクションページで作ろうにもシステム的に階層構造をもたせるのは不可能です。 ただし、 Price: ¥16,500
- [【Shopify】X対応！独自のシェアボタンを実装](https://10ca.net/products/tpdt-001): 「LINEで送る」や「はてなブックマーク」ボタンをShopifyの商品ページに実装 Shopifyは海外発のECプラットフォームなので、日本のECサイトには当たり前のように実装されている「LINEで送る」ボタンや「はてなブックマーク」のボタンがありません。 また、Dawnをはじめ一部のテーマには商品ページにはシェアボタ Price: ¥16,500
- [【Shopify】ギフトラッピングオプションを実装](https://10ca.net/products/tpdt-004): ギフトラッピングや熨斗オプションをアプリを使わずに実装します Shopifyではアプリを使ってギフトラッピングや熨斗オプションを実装するのが一般的ですが、オプション関連のアプリにはjQueryを読み込むものが多く、使用するとサイトスピードを低下させたり、他のアプリとバッティングして表示に影響が出るケースも多いです。 複 Price: ¥16,500
- [【Shopify】連休対応！商品ページに発送予定日ブロックを実装](https://10ca.net/products/tpdt-007): 商品の発送予定日を動的に表示させるセクションブロックを実装します。 このカスタマイズ方法では発送予定日を出力するのはもちろん、ブロック設定で以下の機能を実装できます。もちろんjQuery非依存！連休にも対応しました。 出力テキストの設定 日付フォーマットの指定 発送日○日後設定 締め時間設定 祝日対応 連休対応 曜日出 Price: ¥16,500
- [【Shopify】ブログ記事に投稿者プロフィールを実装](https://10ca.net/products/tblg-002): ブログ記事の末尾に「投稿者プロフィール」を自動挿入する機能を実装します Shopifyのデフォルト機能では、ブロク記事の投稿者情報は{{ article.author }}で「名前」くらいしか出力できず、記事内にHTMLを挿入したりメタフィールドを使って毎回設定する必要があります。 また、スタッフアカウントとして本名を Price: ¥16,500
- [【Shopify】LLMOに効果的！構造化マークアップに対応したパンくずリストを設置](https://10ca.net/products/tseo-002): パンくずリストを構造化マークアップに対応させて、LLMO強化を図るカスタマイズ。 「パンくずリスト（Breadcrumb navigation）」はサイト内で迷子にならないよう現在の位置を示すもので、グリム童話の「ヘンゼルとグレーテル」が由来になっているそうです。 Shopifyテーマにパンくずリストを実装するカスタマ Price: ¥16,500
- [【Shopify】jQuery不要！「トップに戻る」ボタンを実装](https://10ca.net/products/tftr-002): デザインも自在に。jQueryを使わずに高機能な「トップに戻る」ボタンを実装します ページ上部へスムーズに移動する「トップに戻る」ボタンは、多くのショップが実装しており、実装方法も検索すれば山程出てきますが、簡単に設置できるShopifyアプリもあるようです。 今さら感もありますが、10caではShopifyに合わせた Price: ¥16,500
- [【Shopify】LLMOに効果的！商品ページの構造化データをアップグレードする「ストラクチャ・マージャー」](https://10ca.net/products/tpdt-012): AIに選ばれるショップには「秘密の名刺」がある。メタフィールドをフル活用して、構造化データを最強の武器に変えよう！ AI時代の検索対策「LLMO」、もう始めていますか？ 小手先のテクニックが通用しなくなった今、勝負の鍵は「AIにどれだけ深く情報を伝えられるか」にあります。 構造化データは、いわばAIに渡す「ショップの名 Price: ¥16,500
- [【Shopify】ホームページに人気ランキングを実装](https://10ca.net/products/thom-001): アプリレスで簡単に人気ランキング機能が実装できます テーマに実装されている「特集コレクション」をカスタマイズすれば、簡単に「人気ランキングセクション」が作れます。 全商品のリアルタイムランキングはもちろん、コレクション別のランキングにも対応。もちろん手動でランキング操作も可能です。 Price: ¥11,000
- [【Shopify】アイコン付きメニューを実装](https://10ca.net/products/thdr-002): グローバルメニューやトグルメニューにアイコンを付けられます。 ShopifyのメニューにはWordPressと違いクラスを付ける機能が備わっていないため、アイコン付きメニューを実装するのは難しいです。 「クラスさえ付けられれば、CSSの疑似属性でアイコンを付けられるのに…」と諦めている方も多いはず。 このカスタマイズを Price: ¥11,000
- [【Shopify】メタフィールドを使ってFAQページを実装](https://10ca.net/products/tpge-004): メタフィールドを使った、もう一つのFAQページ作成方法 こちらのページで紹介しているFAQページの作成方法は、ページテンプレートを設けてカスタマイザー操作でセクションを追加していくタイプのカスタマイズ方法です。 Q&Aの少ない小規模店舗向けには良いのですが、数が増えてくるとシステム的な問題が生じます。 セクション上限が Price: ¥11,000
- [【Shopify】コンバージョン率アップ！カートボタンのデザインを変更](https://10ca.net/products/tpdt-002): ABテストにも最適！Shopifyのカートボタンデザインを動的に編集するカスタマイズ カスタマイザーでボタンカラーを変えることができますが、テーマによってはサイト全体のボタンに影響が出てしまいます。 「商品ページのみカートボタンを目立たせたい」「ABテストのため動的に色が変えられるようにしたい」「イメージ通りのボタンデ Price: ¥11,000
- [【Shopify】SEOに効果的！noindexタグを動的に出力](https://10ca.net/products/tseo-001): SEOに効果的！ 検索エンジンにインデックスさせたくないページに、noindexタグを動的出力させる方法 お問い合わせフォームのサンクスページをはじめ、エラーページや重複コンテンツページ、サイトマップページなど、Googleなどの検索エンジンにインデックスさせたくない場合は「メタフィールド」を使えば簡単にできますが、S Price: ¥11,000
- [【Shopify】商品カードのセールバッジを割引率表記に切り替える](https://10ca.net/products/tclt-003): 超簡単！商品カードのセールバッジを割引率表記に切り替えるカスタマイズ方法 Dawnをはじめ、多くのShopifyテーマの商品カードにはバッジ機能がついており、サムネイル等に「セール（SALE）」や「売り切れ（SOLD OUT）」などのバッジが付きます。テーマによっては「残りわずか」バッジもあります。 売り切れバッジは在 Price: ¥11,000
## Collections
- [新着順](https://10ca.net/collections/new-release)
- [無料公開中のカスタマイズ](https://10ca.net/collections/free)
- [人気ランキング](https://10ca.net/collections/ranking)
- [LLMO向けカスタマイズ](https://10ca.net/collections/llmo-customize)
- [ヘッダー](https://10ca.net/collections/header)
- [ホームページ](https://10ca.net/collections/frontpage)
## Articles
- [AI時代の新常識！LLMOの救世主「llms.txt」とは？](https://10ca.net/blogs/column/column-006): はじめに
以前の記事で、AIが情報を読み取れない「ガラサイト（レガシーな構造のサイト）」は、AI検索の結果から取り残されてしまう…というお話をしました。
「うちは古いサイトだから、作り直さないとダメかな？」と不安に
- [社会問題「ガラサイト」現象とは？日本の文化がもたらした負の遺産](https://10ca.net/blogs/column/column-005):
はじめに
日本国内で、社会問題と言っても過言ではないほど深刻化している「ガラサイト」現象。
「ガラサイト」とは、私が提唱する言葉で、ガラパゴス化したウェブサイトを指します。
かつて世界一の性能を誇りながら、ス
- [SEOは死んだ。EC運営者がAI時代に生き残るための新基準「LLMO」とは](https://10ca.net/blogs/column/column-004):
はじめに
SEOは死にました。
検索エンジンを学び、アップデートのたびに対策を強いられ、検索結果の上位を死守することに翻弄され続けていた「SEO時代」。
しかし、GoogleにGeminiが搭
- [【脱jQueryのすゝめ】ShopifyのjQueyレス化と代替案](https://10ca.net/blogs/column/vanilla-js001):
はじめに
Shopifyでも以前のデフォルトテーマ「Debut」はjQueryで制御されておりましたが、「Dawn」ではjQueryレスとなりました。
jQueryのデメリットは何より「重い」の一言につきます。
いくらCDNで高速通
- [【脱jQueryのすゝめ】よく使うJavascript](https://10ca.net/blogs/column/vanilla-js002):
変数の定義
const hoge = document.querySelector('.hoge');
|
let |
var |
product
product-1
はじめに
Shopifyの商品情報で、商品メタフィールドを使って情報管理しているショップは多いかと思います。
定義できるメタフィールドの種類はたくさんありますが、その中に「評価（Rating）」という