Shopifyで1つのアカウントで各ブランドのトップページを作りたい

Question

Shopifyで自社サイトを考えております。
1つのアカウントで各ブランドのトップページ・カテゴリページがあるようにしたいです。
メインのトップページで各ブランドの紹介があり
クリックすると各ブランドのトップページに飛ぶイメージです。
インスタなどでは各ブランドのトップページを記載します。
楽天Goldのような機能がないのでコレクションを触るしかないと思うのですが
このような事は可能でしょうか？
コレクションをコーディングすると出来るようなページを見た事があります。
複数のアカウントを作るよりこちらの方がShopifyの費用が安く
管理もしやすいので実装したいです。
宜しくお願い致します。

Answer

ECマスターズの菅原です。

いただいたご質問につきまして
お調べしておりますので
もう少々お待ちくださいませ。

Answer

ECマスターズの菅原です。

> メインのトップページで各ブランドの紹介があり
> クリックすると各ブランドのトップページに飛ぶイメージです。

> 楽天Goldのような機能がないのでコレクションを触るしかないと思うのですが
> このような事は可能でしょうか？

お調べしたところ、ニックさんの仰る通り、
コレクションを編集いただくことで
可能となっているようです。

以下URLにイメージとなる動画も公開されておりますので
ご確認くださいませ。
https://help.shopify.com/ja/manual/products/collections

もし、ニックさんのご質問したい内容と
認識が異なっているようでしたら
ご教示いただけますと幸いです。

Answer

コレクションを使えばカテゴリページは作成できますが
トップページのような作りにすることは出来ませんでしょうか？
コレクションごとに各ブランドのヘッダーや
カテゴリのバナーを表示すると言った感じです。
宜しくお願い致します。

Answer

ECマスターズの菅原です。

> コレクションを使えばカテゴリページは作成できますが
> トップページのような作りにすることは出来ませんでしょうか？

お調べいたしますので、もし可能でしたら、
具体的にニックさんがイメージされているページやショップのURLを
ご教示いただけますでしょうか。

Answer

Shopifyではありませんがこのようなイメージです。
ブランドのトップページをカテゴリページに作っていると思います。

https://onepeace-online.jp/


こちらを見ると一応出来るみたいですがやり方が分かりません・・・

https://community.shopify.com/c/Shopify-%E3%83%86%E3%83%BC%E3%83%9E/%E5%88%A5%E3%83%86%E3%83%BC%E3%83%9E%E3%81%A8%E5%88%A5%E3%83%86%E3%83%BC%E3%83%9E%E3%81%AE%E7%B5%90%E5%90%88%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/td-p/729669


宜しくお願い致します。

Answer

ECマスターズの伊藤です。

> こちらを見ると一応出来るみたいですがやり方が分かりません・・・

各ブランドのトップページの作成を
(左メニュー)オンラインストア ＞ ページ
から行ってください。

各ブランドのカテゴリページは
(左メニュー)商品管理 ＞ コレクション
より、各ブランドをまとめたコレクションを
作成してください。

ざっくりとした作成方法となりますが、
上記方法にて、

> メインのトップページで各ブランドの紹介があり
> クリックすると各ブランドのトップページに飛ぶイメージです。

を作成いただけると思います。

Answer

ご回答ありがとうございます。
ページではテキストの入力は出来ますが
HTMLの入力は出来るのでしょうか？
またメニューは共通の為に他のブランドのコレクションも表示してしまいます。
何か方法はありますでしょうか？
宜しくお願い致します。

Answer

ECマスターズの伊藤です。

> ページではテキストの入力は出来ますが
> HTMLの入力は出来るのでしょうか？

https://ec-masters.gyazo.com/8a6add0912b8f02d655f81b7467a17af
赤枠内の

をクリックいただくことで、
HTMLを入力いただくことが可能となります。


ページの全体的なデザインということであれば、

(左メニュー)オンライストア ＞ テーマ ＞ （アクション）コードを編集する
https://ec-masters.gyazo.com/2b7a22af11ff46d7f79513398737f3e9

より、変更していただくことができます。


> またメニューは共通の為に他のブランドのコレクションも表示してしまいます。
> 何か方法はありますでしょうか？

デザイン同様に、「コードを編集する」より
ご対応いただくことができます。

たとえば、ページAとそれ以外で出し分ける場合、

(左メニュー)オンライストア ＞ テーマ ＞ （アクション）コードを編集する ＞
Section ＞ sidebar.luquid

こちらを複製して、
A用のサイドバー（メニュー）、それ以外用のサイドバー
を作成します。

次に、Layout の theme.luquid に
sidebarの表記箇所があるかと思いますので、

{% if page.url  == '/pages/【作成したページA】' %}
 {% section "【Aに適用したいサイドバー】" %}
{% else %}
 {% section "【A以外に適用したいサイドバー】" %}
{% endif  %}

と書き換えていただくことで、ご対応いただけます。

かなり専門的な知識が必要になりますので、
もし、上記でご理解が難しいようであれば

ECWORKS
https://ec-works.co.jp/shopify/

のご利用をご検討くださいませ。

Answer

なるほど。
かなり専門的になりますね。
外部に依頼するかカートを見直すかに致します。

Answer

こちらをもう一度挑戦したいので教えて頂けませんでしょうか？

「(左メニュー)オンライストア ＞ テーマ ＞ （アクション）コードを編集する ＞」
は画像の箇所で合っていますでしょうか？
「Section ＞ sidebar.luquid」
がどこか分かりません。

「次に、Layout の theme.luquid に」
は画像の箇所で合っていますでしょうか？
「sidebarの表記箇所があるかと思いますので、」
がどこか分かりません。

またショップロゴ画像もブランドごとに表示する事は可能でしょうか？
お手数ですが宜しくお願い致します。###HR######IMG06d975cf7a3a0ef784f6b87fd30a6ad88.jpegIMG0### ###IMG10a7df85a0df04b36ccadb08207b80fd5.jpegIMG1###

Answer

ECマスターズの伊藤です。

> 「(左メニュー)オンライストア ＞ テーマ ＞ （アクション）コードを編集する ＞」
> は画像の箇所で合っていますでしょうか？
> 「Section ＞ sidebar.luquid」
> がどこか分かりません。

動画にてご案内しますので、ご確認くださいませ。
https://ec-masters.gyazo.com/231f71ee1ce5a2db97bcac53a5f1f392


> 「次に、Layout の theme.luquid に」
> は画像の箇所で合っていますでしょうか？
> 「sidebarの表記箇所があるかと思いますので、」
> がどこか分かりません。

はい、こちらでお間違いございません。


上記、表記箇所が見当たらない場合は、
テンプレートや、カスタマイズによって、
内容が異なっている場合がございます。

今回、ご案内していますテンプレートはsimpleの
初期状態となっております。


> またショップロゴ画像もブランドごとに表示する事は可能でしょうか？

Shopifyの設定ではできませんので、
ご自身で行って頂く必要がございます。

ブランドA、ブランドBとページを
作成するようになるかと思いますので、
各ページに各ロゴを設置いただくか、

先にお伝えしているページの出し分け同様、
if文を使用してロゴの出し分けを行っていただく
ようになるかと思います。