FROM CACHE - jp_header

すべてのページの右下に画像を表示してスクールすると画像がついてくるようにしたい

たくろう
訪問者
1 0 0

どなたか知恵を貸していただけますと嬉しいです。

 

https://17kg.shop/

上記のサイトのページの右下に「300円クーポン」という画像が表示されていて

画面をスクールしても、各商品ページに移動してもずっと表示されているのですが

このような画像を設置したいと考えております。

 

こちらでソースコードなどを確認してみたものの

どのようなカスタムをしているのか分からなく、

またアプリを使用している、またはテーマに依存したものかと思い調べてみたのですが

どのように画像を表示させているか分からず困っています。

 

方法が分かれば一番ありがたいのですが

コードを編集している、アプリを使っている、テーマに関係するものというように

ざっくり分かるだけでも大変助かります。

1件の返信1

Jizo_Inagaki
Shopify Partner
990 373 690

Shopifyにはバナーに関するアプリがありますので、以下などで探していただくとご希望のものが見つかるかもしれません。

https://apps.shopify.com/search?q=banner

たまたま見た以下のアプリ内で選べる「Stickers」というタイプはご要望に近そうではあります。

https://apps.shopify.com/promo-bar

 

アプリを使わない場合は、おそらくtheme.liquidにあると思われるbodyタグやラッパー要素の終了タグ(</body>)の直前あたりにバナーのHTMLを記述し、CSSの position:fixed; を使って固定するのが簡単かなと思います。

ある程度下にスクロールしてから表示させるなどが必要な場合は、javaScriptが必要になります。求める表現が豊富なほど難度は上がります。

記述対象のファイル以外に関してはShopifyに関わらない通常のwebサイト制作の情報で対応できる事柄のため、「下部固定バナー」などで検索いただきその情報を元に色々試されると良いかなと思います。

 

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。