2013年8月21日

CKeditorとレスポンシブWebデザ...

「高度な設定」タブをクリックし、スタイルシートクラスにimageと入力します。 が設定され、1行のセルは等分され、配置された画像は、テーブルの縮小(ブラウザの縮小)に合わせて自動的に縮小されるようになります。 列数に合わせて、セルは等分されます。 CSS [css] /*テーブルセルに画像を配置したとき*/ #document_area table....

2013年8月21日

CKeditorとレスポンシブWebデザ...

テーブルボタンをクリックすると、テーブルプロパティが表示されます。 (1)「幅」の値を削除して空欄にします。 (2)「ボーダーサイズ」の値を「0」にします。 幅を設定してしまうと、ブラウザが縮小された時に、テーブルが縮小されません。 レスポンシブWebデザインとしての機能が働きませんので、注意してください。 ボーダーを設定すると、スマホ表示で意図しない罫線が表示さ...

2013年8月21日

CKeditorとレスポンシブWebデザ...

サーバーブラウザ等で画像をアップロードした後、イメージプロパティ画面が表示されます。 アップロードした画像のサイズが、「幅」と「高さ」に自動入力されますが、「幅」と「高さ」は空欄にします。 幅と高さを指定してしまうと、ブラウザが縮小された際、それに合わせて画像が縮小されなくなってしまいます。 レスポンシブWebデザインとしての機能が働きませんので、注意してください。 ...

2013年8月21日

CKeditorとレスポンシブWebデザ...

HTMLの記述 CKeditorの記述箇所を、とで挟んでいます。 は、EC-CUBEでデータベースから記事内容を読み込んでいる記述。 [php] [/php] [crayon-676f2aef008f0948332813/]

2013年8月21日

CKeditorとIE10、一部機能が動...

IE10のブラウザでは、文字色や文字背景色が選択できないなど一部機能が動作しない場合があります。 その場合は、別ブラウザを使用するか、または、IE10の開発ツールで、バージョンを9に設定します。 【開発ツール】 ツール → F12 開発ツール ブラウザモードとドキュメントモードをIE9に設定します。

2013年8月20日

EC-CUBEカスタマイズ:サイト公開に...

EC-CUBEのインストール後、下記を修正・編集することで、サイト公開が可能です。 (商品登録は当然ですね) 1 管理画面の基本情報管理で必要事項を入力する。 2 画像の修正 (1)ロゴの修正 【PC用】 ■html/user_data/packages/default/img/common/logo.png ■html/user_data/pac...

2013年8月11日

EC-CUBEレスポンシブWebデザイン...

下記のデモページでは、レフトカラムにブロックは配置していませんが、レフトカラムにブロックを配置することも可能です。 ▼デモページ http://www.kaiplus.com/responsive/2125/products/detail12.html (1)「NEW」アイコンは、商品登録時に自動的に表示されます。 パラメータ設定の「NEW_ICON_T...

2013年8月11日

EC-CUBEレスポンシブWebデザイン...

PCでは4列横並びで表示されますが、タブレット・スマホでは1列に並びます。 ▼PC ▼タブレット 「NEW」アイコンは、商品登録時に自動的に表示されます。 パラメータ設定の「NEW_ICON_TIME」で表示期間を設定します。例)30 ← 30日間 0 を設定するとアイコンは表示されません。 PCではタイトル下の「商品説明」バーをクリックすると、...

2013年8月11日

EC-CUBEレスポンシブWebデザイン...

カウント数が増えた場合のレイアウトは、システム設定>パラメーター設定の、SOCIAL_GOOGLE_RIGHT と  SOCIAL_TWITTER_RIGHTで対応します。 グーグルプラスのカウント数が増え、カウント枠がツイートボタンの下に隠れてしまったら、SOCIAL_GOOGLE_RIGHTの値を大きくして対応してください。(例 -32px → -20px...

2013年8月11日

EC-CUBEレスポンシブWebデザイン...

2種類の表示方法から選択できます。 パラメータ(RECENT_BUY_SHOW)で設定します。 1:スライド 2:5列横並び ▼1:スライド