Liquid、JavaScriptなどに関する質問
初心者です。現在、Craftのテンプレートを使用しており、トップページに画像を配置しているのですが、スマホのみPCと違う縦長サイズで表示させたいと考えています。カスタムコードで解決できるでしょうか?
ご回答をお待ちしております。
ご質問拝見しました。
画像のクラスに以下cssを適用させることで可能かと存じます!
/* スマホ用に異なる画像を表示する */
@media only screen and (max-width: 768px) {
.responsive-image {
content: url('path/to/mobile-image.jpg'); /* スマホ用の画像 */
width: 100%; /* スマホ用に再度サイズを調整 */
height: auto;
}
}
こちら適宜調整していただければと思いますのでご参考にしていただけますと幸いです。
なにかご質問があれば、お気軽にご相談ください。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。
株式会社フルバランス
ご回答ありがとうございます!
すみません、初心者なので、画像のクラスというのがどこの事かが分からず...
CSSを変更するという意味でしょうか?
Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 2024