【ツール名】 Shopify プラグイン：swym(Wishlist+)
【質問内容】Wishlistをヘッダーメニューに表示させるために上記プラグインで実装を試みていますが思うようにいきません。
説明動画では”header.liquid”の「cart」or「bag」アイコンの前後に指定されたソースを実装するよう記載されていますが、
私のアカウントページで確認すると”header.liquid”に「cart」or「bag」の記載が検索にヒットしません
もしかしたら有料テーマで「Implse」にて構築しているのが原因かもしれません。
どこに実装したらいいか教えていただきたいです！
その場合、ヘッダーメニュー候補は、
以下の4つが候補になります。
layout/theme.liquid
┖テーマのレイアウト
template
┖各ページのレイアウト雛形
sections/header.liquid
┖テーマエディタから編集可能な共通パーツ
snippets/header-bar.liquid
┖ページに組み込むパーツの定義
ちなみに、debut のテンプレートは、
Sectionsのcart-template.liquid にcart がありました。
例題として、
swym-wishlist に以下のように追記すれば対応できました。
完成図
テーマ場所
header.liquid
//新しく入力した Wishリスト//
//もともとのCartファイル//
{% include ‘icon-cart’ %}
{{ ‘layout.cart.title’ | t }}
上記だけだと空のアイコンになるので、CSSを追加
theme.css.liquid
i.icon-swym-wishlist {
font-family: ‘swym-icons’;
font-style: normal;
vertical-align: middle;
}
i.icon-swym-wishlist+span {
vertical-align: middle;
}
i.icon-swym-wishlist:after {
content: ‘’;
font-size: 130%;
line-height: 18px;
text-align: center;
display: inline;
}
/content rendered after swym is ready to avoid showing block/invalid chars/
.swym-ready i.icon-swym-wishlist:after {
content: ‘\f004’;
}
(参考)
Adding the Wishlist Plus Launch Point to your Shopify Site’s Header Menu
たぶん、ここを見ていると思うのですが、挿入している動画を見た方が分かりやすいかもです。
