FROM CACHE - jp_header

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

ashimorimeron
Shopify Partner
9 0 0

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

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

 

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

https://mugigokoro.organic

 

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

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

 

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

1件の返信1

株式会社ナレッジサービス
Shopify Partner
38 15 20

管理画面にログインして、「アクション」→「コードの編集」と進み、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" %}

 

 

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