質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
SVG

SVGは、XMLを基盤とした2Dベクター画像記述言語。画像を線・面といった図形の集合体として扱うベクター画像のため、環境に適した表示が可能です。アニメーション機能もサポートされており、簡単なインタラクティブコンテンツ作成もできます。

さくらのレンタルサーバ

さくらのレンタルサーバとは、格安サーバーで知られるさくらインターネット社の提供する共有レンタルサーバー。Webサイトの構築から簡単なプログラミングまで幅広く利用することができ、プランが多いことも特徴です。

EC-CUBE

EC-CUBEは、主に日本国内で開発されているECコンテンツ管理システムです。ロックオン社のECKitを元にしてオープンソース化され、商品管理・受注管理・顧客管理・売上集計などECに特化した様々な機能を備えています。

Q&A

0回答

738閲覧

Eccube3でSVGアイコンが表示されない

totalassist

総合スコア4

SVG

SVGは、XMLを基盤とした2Dベクター画像記述言語。画像を線・面といった図形の集合体として扱うベクター画像のため、環境に適した表示が可能です。アニメーション機能もサポートされており、簡単なインタラクティブコンテンツ作成もできます。

さくらのレンタルサーバ

さくらのレンタルサーバとは、格安サーバーで知られるさくらインターネット社の提供する共有レンタルサーバー。Webサイトの構築から簡単なプログラミングまで幅広く利用することができ、プランが多いことも特徴です。

EC-CUBE

EC-CUBEは、主に日本国内で開発されているECコンテンツ管理システムです。ロックオン社のECKitを元にしてオープンソース化され、商品管理・受注管理・顧客管理・売上集計などECに特化した様々な機能を備えています。

0グッド

0クリップ

投稿2019/09/26 07:23

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
(例)ECcube3にてサイト構築をしているのですが、作成しているサイトと管理ページすべてのSVGアイコンがすべて表示されません。
具体的には、ECサイトのカート、新規登録、お気に入り、ログイン等のアイコン、管理画面ではホームのショップ状況、各項目編集用の「…」のアイコン等、デフォルトのアイコンがすべて表示されていない状態です。

現在の状態
イメージ説明
イメージ説明

正しい状態(ECcube3デモサイト)
イメージ説明
イメージ説明

該当svg.htmlファイルが
Failed to load resource: the server responded with a status of 403 (Forbidden)
となっているようです。

ECcubeのフォーラム側でも質問しましたが、回答を得られずここで質問させて頂きました。

該当のソースコード

<script> $(function () { $('#drawer').append($('.drawer_block').clone(true).children()); $.ajax({ url: '{{ app.config.front_urlpath }}/img/common/svg.html', type: 'GET', dataType: 'html', }).done(function(data){ $('body').prepend(data); }).fail(function(data){ }); }); </script>

試したこと

・絶対パスで記載
・svg.htmlファイル、およびそのファイルの入っているディレクトリのパーミッションを755に変更

いずれも表示されず

補足情報(FW/ツールのバージョンなど)

[EC-CUBE] 3.0.18
[レンタルサーバ] さくらインターネット
[PHP] PHP 7.2.21
[データベース] MySQL 5.7
[カスタマイズの有無] インストール時にURLからhtmlを無くすための操作をしており、ディレクトリ構造を
[www]
├─[root]
│  ├──[html]
│  │
│   ├── index.php
│  ├── index_dev.php

としています。

また、デフォルトテンプレートをコピーして編集した
オリジナルテンプレートを使用しています。

常時SSL化をしています。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問