配布パッケージについて配布パッケージに同梱の画像素材は画像配置とコードの関係性が分かりやすいように、「プレースホルダーダミー画像」の素材となります。下記テンプレートデモサイトでは、実際のサイト稼働イメージに近い実商品画像等に差し替えた状態のデモになっております。https://csstemp.net/s83002/html/デザイン・レイアウトについて本デザインテンプレートは、若干オールドタイプなレイアウトですが、思いのほかご要望の多かったオーソドックスな2カラムタイプのデザインテンプレートです。「ザ・ECサイト!」的な、ある意味安心感のある定番レイアウトデザインをEC-CUBE3用のテンプレートにしてみました。小規模~中規模の店舗様に「丁度良い!!」を意識したサイズ設計としています。EC-CUBE2系デフォルトに近いレイアウトデザインサイトからの乗り換えでも再構築をイメージしていただきやすいかと思います。メインカラムはブロックを縦積み配置するだけでトップイメージを変更しやすいようにしています。カテゴリブロックのナビゲーションは左カラム、右カラムどちらでも違和感なく配置できますのでお好みでご利用ください。アイコンについては「SVG」を廃止して「fontawesome」に置き換えていますので、SVGってどうやって作ったらいいの?!という方でも従来に近い方法でオリジナルアイコンへの差し替えがしやすいのではないかと思います。本テンプレートデザインは、ご購入いただくテンプレートパッケージの適用後、5つの新規ブロックを追加登録することでデザインが完成するようになっていますので、ご購入パッケージ内に同梱のユーザーズマニュアルを参照にて、付属の新規ブロックサンプルコードをご利用適用ください。※EC-CUBE3のインストール直後にデフォルトにある「新着商品」ブロックは画面上の広い範囲が一つのブロックとなっており、ブロック内のコードでレイアウトが決められていますので、各画像の配置や表示をオリジナルなデザインに変更しようと思うと、コード記述の知識が必要になります。本テンプレートでは、「新着商品」ブロックを3つのブロックに分離したデザインとしていますので、各ブロック適用はご利用状況に応じお好みで配置していただけるようになっています。デフォルトの「新着商品」ブロックを、そのままご利用されたい場合でも本テンプレートデザインに合致するようにブロック内コードをリコーディングしております。本テンプレート導入メリットデフォルトテンプレートからデザイン編集を行おうとすると、ちょっとした変更でも、クラス名定義や重要箇所のID定義が共通化されている所があったりする為、思わぬ箇所へ意図しない波及をもたらしてしまい、コード編集先が多岐に渡り、細やかなデザイン装飾を断念・・・というシーンが浮かんできます。「一般的なHTML5+CSSの知識をお持ちの方であれば、編集の自由度が高いデザインコード記述とする。【Bootstrapのデフォルト化について】EC-CUBE3ではWEBアプリケーションとしてBootstrapフレームワークが採用されていますが、EC-CUBE3のデフォルトテンプレートではBootstrapが本来持つデフォルトテーマが不明瞭な状態で同梱されていますので、Bootstrapの機能を利用しようとした際に、意図した動作が出来ないケースが多々あるようです。CSS3.3.7をフルバージョンで同梱し、逆にEC-CUBE3の本体HTMLコード(twig)からBootstrapテーマの記述(テキストカラー、背景色など)を切り離し、新たにクラスを再定義していますので、フロントのボタンなどを自社オリジナルカラーに変更したい場合などもデフォルトテンプレートに比べ編集しやすくなっています。CSSをフル実装していますので、Bootstrap本家サイトのサンプルコードなどを参考に装飾動作を実現する事が出来ます。【Bootstrap機能有効化のご注意】Bootstrapの機能にはjavascriptコードを記述する必要があるものも御座いますが、Bootstrapの全機能仕様等につきましてはサポートしておりませんので、Bootstrap本家サンプルや書籍等をご参照にて、十分検証の上導入ください。>タグが重複吐出しされる箇所があります。>タグはページ内に1つ。いう点を踏まえ、各見出しタグの重み記述順位を見直したコードとしております。その他、本テンプレートの特徴1.オーナーズストアにログインする。3.購入履歴詳細画面のダウンロードボタンをクリックする。※ダウンロード期限について14日間は何度でもダウンロード頂けます。14日間を過ぎると自動的にダウンロードできなくなりますので、ご注意ください。・テンプレートの適用はEC-CUBE3デフォルト設置にのみ対応しています。※EC-CUBE3設置時にhtmlフォルダの配置位置を変更している場合、テンプレートやプラグインが正常に適用動作できない可能性が高いです。(色々なブログに紹介されているようですが、弊社検証では殆どの方法で全機能が正常動作しない可能性がある事が確認されています。)URLパスからhtmlを消したい場合、Apache側からのroot変更設定を強くお勧めします。(共有サーバーなどではhtacsessなどでの設定変更が可能な場合がありますがサーバー運営者にご確認ください。)・各ブラウザ、バージョン仕様による表示差異がある場合があります。・閲覧者側の画面・フォントサイズ設定により文字列折り返し位置などに差が出る場合があります。・トップページの1カラム設定も大きな崩れが無いように極力考慮しておりますが、マニュアルに記載のブロック配置以外のレイアウト設定表示は詳細検証をしておりません。(表示保証しておりません。)・全てのモジュール、各種プラグインの適用状態について、テンプレートコード以外に依存した表示崩れは保証しておりませんので、プラグイン側、またはテンプレート側コードをご自身で調整ください。Airで確認(Android)標準ブラウザ4.4.2GoogleChrome56.0.2924.87Firefox50.1.0●s83002_top_pc.psd(PCトップデータ)●s83002_top_sp.psd(スマートフォントップデータ)●s83002_detail_and_partskit.psd(商品詳細&パーツデータ)●s83002_block_codeフォルダ(追加ブロックサンプルコード)・bnr_area.txt・footer_guide.txt・logo_img.txt・pickup.txt・pickup_tooltip.txt●EC-CUBE3_DesignTemplates_s83002_Users_Manual.pdf(ユーザーズマニュアル)当社EC-CUBE関連ブログのご紹介ドロワー・オーバレイなどページの重なり順序など、本テンプレートでの基本表示の細かい改善点の解説やEC-CUBE3のカスタマイズや運用方法、バグ修正などの情報を不定期ですが掲載配信しています。・EC-CUBE技術資料http://www.shiro8.net/blog/category/eccube_report・EC-CUBE配布テンプレートhttp://www.shiro8.net/blog/category/templates・EC-CUBE配布プラグインhttp://www.shiro8.net/blog/category/plugin是非ご参照ください。リリースノートデザインテンプレート(S3002)を販売開始いたしました。(2017/02/16)デザインテンプレート(S3002)を販売開始いたしました。No.S3002(3.0.10~3.0.16)187,000円(税込)購入するこの商品に対するお客様の声この商品に対するご感想をぜひお寄せください。