FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

無料テーマSimpleの、サイドバーを右側に表示させたい

無料テーマSimpleの、サイドバーを右側に表示させたい

ashimorimeron
Shopify Partner
9 0 0

表題の通り、無料テーマSimpleのサイドバーは左側にあると思うのですが、

これを右側に表示させたいと考えています。

 

丁度例としては下記のようなサイトのイメージです。

https://mugigokoro.organic

 

ある程度コードについての知識はあるのですが、

shopifyの固定セクションであるヘッダーやフッター、サイドバーの編集方法が分からず、本件でもつまづいております。

 

どなたかその辺りの知識がある方がいらっしゃいましたら、お教えいただけますと幸いです。

1件の返信1

株式会社ナレッジサービス
Shopify Partner
69 29 27

管理画面にログインして、「アクション」→「コードの編集」と進み、Layoutフォルダ内のtheme.liquidファイルを選択してください。

 

{% section "sidebar" %}をmainタグの下に移動させれば、サイドバーが右側に表示されると思います。

 

<main class="main-content grid__item medium-up--four-fifths" id="MainContent" role="main">
  {% unless request.page_type == 'index' %}
    <hr class="hr--border-top small--hide">
  {% endunless %}
  {% if settings.show_breadcrumb_nav and request.page_type != 'index' %}
    {% include 'breadcrumb-nav' %}
  {% endif %}
  {{ content_for_layout }}
</main>

{% section "sidebar" %}

 

 

※ただし、このやり方だとスマホ表示のときにハンバーガーメニューがページ下部に表示されてしまいます...