Liquid、JavaScriptなどに関する質問
お世話になります。
現在、Three.jsで以下のようなページを作成しています。
https://anlio.jp/pages/new-look-book
マッピング画像を外部URLから読み込もうとしてもクロスドメインの関係ではじかれてしまうため、現在はAPIでassetに画像を入れています。
ただ、この方法ですとAPIでの画像登録に時間がかかり運用しづらいため外部URLからマッピング画像を読み込みたいです。
Three.jsと外部サーバーにはクロスドメインの設定は行っているのですが、どうもShopify側ではじかれているようです。
何か方法はありますでしょうか?
よろしくお願いします。
解決済! ベストソリューションを見る。
成功
テーマに直接 img タグなどで外部画像ファイルを読み込むことは可能だと思うのですが、具体的に弾かれている状況はどういったものでしょうか?
実際のコードやブラウザ上のエラーなど共有いただけると回答が得やすいと思います。
成功
テーマに直接 img タグなどで外部画像ファイルを読み込むことは可能だと思うのですが、具体的に弾かれている状況はどういったものでしょうか?
実際のコードやブラウザ上のエラーなど共有いただけると回答が得やすいと思います。
ご返事ありがとうございます。
再度確認したところ、画像を持っているサーバーの設定が漏れていました。
NGINXの
location ~* \.(jpg|jpeg|gif|png|css|js|swf|ico|pdf|svg|eot|ttf|woff)$ {
部分に
add_header Access-Control-Allow-Origin https://”ドメイン”;
の設定を加えたところ、Shopify内ページのThree.js側でマッピング画像が取得できるようになりました。
Shopifyと関係ない部分で失礼しました。
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024