テーマdawnで携帯表示の時、カゴをハンバーガーメニューの中に入れたいのですが可能でしょうか？
画像のようにしたいと考えております。
PC時点では通常通り右上に表示する予定です。
お手数おかけしますが、どうかご教授お願いいたします。
テーマは「sense」を使用しているので、的確な回答になるか不明ですが、ご参考になればと思い投稿いたします。
コード編集＞スニペット＞header-drawer.liquid
..
の中、もしくは上にカートページへのリンクとテキストを設置してみてください。
私の場合は、
{%- if shop.customer_accounts_enabled -%}
{% render 'icon-account' %}
{%- liquid
if customer
echo 'customer.account_fallback' | t
else
echo 'customer.log_in' | t
endif
-%}
{%- endif -%}
カート
と、
..
の中にに実装したら、以下のように表示れました。
以上、ご参考までに。もし的外れな回答でしたら、失礼いたしました。
補足ですが、カートアイコンとカート内の商品数表示は、以下のコードを
{%- liquid
if cart == empty
render 'icon-cart-empty'
else
render 'icon-cart'
endif
-%}
{{ 'templates.cart.cart' | t }}
{%- if cart != empty -%}
{%- if cart.item_count < 100 -%}
{{ cart.item_count }}
{%- endif -%}
{{ 'sections.header.cart_count' | t: count: cart.item_count }}
{%- endif -%}
header.liquidからコピペしたら、以下のように表示されました。
こちらもヒントになると思い、補足いたします。
ご確認ありがとうございます。
また、ご丁寧な解説大変ありがとうございます。
こちら両方をheader.liquidの中に入れてみたのですがうまくいきませんでした。
１つ目にご回答いただいた方を
の下に入れており、２つ目にいただいた方をコードの下に入れさせていただきましたが、入れた箇所を間違っていたでしょうか？
多少前後のコードを交えて記載しております。
私の知識不足で大変恐縮なのですが、ご確認いただけますでしょうか？
入れる箇所含めご指摘いただけますと非常に幸いです。
お手数おかけしますが、どうかよろしくお願いいたします。
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
{%- if shop.customer_accounts_enabled -%}
{% render 'icon-account' %}
{%- liquid
if customer
echo 'customer.account_fallback' | t
else
echo 'customer.log_in' | t
endif
-%}
{%- endif -%}
BAG
{%- if section.settings.enable_customer_avatar -%}
```markup
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
{{ 'general.social.links.vimeo' | t }}
{%- endif -%}
{%- liquid
if cart == empty
render 'icon-cart-empty'
else
render 'icon-cart'
endif
-%}
{{ 'templates.cart.cart' | t }}
{%- if cart != empty -%}
{%- if cart.item_count < 100 -%}
{{ cart.item_count }}
{%- endif -%}
{{ 'sections.header.cart_count' | t: count: cart.item_count }}
{%- endif -%}
再度ご返信ありがとうございます。
また、私の知識不足で大変申し訳ございません。
回答者様が「sense」のテーマでされていらっしゃるということだったので、私も「sense」をダウンロードして試した結果反映がされず、私のやり方が間違っていることがわかりました。
大変お手数ですが、再度お知恵をお借りできないでしょうか？
１つ目の解答いただいたものをコピーして貼り付けをした際、 {%- endif -%} が機能せずエラーとなり保存ができなかったので削除をしておりました。現状このように表示されております。
..
というのはここ間に貼り付けで問題なかったでしょうか？
こことここの間。などもう少しだけ詳細に教えていただけますと幸いです。
修正前のコード↓
{%- if shop.customer_accounts_enabled -%}
{%- if section.settings.enable_customer_avatar -%}
修正後のコード↓
```markup
{%- if shop.customer_accounts_enabled -%}
{% render 'icon-account' %}
{%- liquid
if customer
echo 'customer.account_fallback' | t
else
echo 'customer.log_in' | t
endif
-%}
{%- endif -%}
カート
{%- if section.settings.enable_customer_avatar -%}
大変お手数おかけして申し訳ないのですが、是非ベストソリューションを押させて頂ければともいますのでどうかよろしくお願い致します。、こちらこそ、知識や経験不足で混乱を招いてしまい申し訳ございません。
ご提示いただいたコードのどこか間違っているか把握する事が難しいので、私が書いた実際のコードをご紹介します。
{%- if shop.customer_accounts_enabled -%}
{% render 'icon-account' %}
{%- liquid
if customer
echo 'customer.account_fallback' | t
else
echo 'customer.log_in' | t
endif
-%}
{%- endif -%}
カート
{%- if localization.available_countries or localization.available_languages -%}
ご提示いただいたコードとの相違点としては、こちらのストアの場合、アバターを使用していないので、アバター設定に関するコードが載っていないという点です。
それが原因なのかは不明ですが、気になって共有させていただきます。
ありがとうございます！！
無事反映させることができました。
ここまでご丁寧なご説明ありがとうございました。ベストソリューションを押させていただきましたので、次回もよろしくお願いいたします！
無事に解決できてうれしいです！
おかげさまで勉強になりました。ことらこそ、宜しくお願い致します。