ITOBEN STYLE > EC-CUBE4 > EC-CUBE4プラグイン:ピックアップ商品管理プラグイン 2019年3月19日カテゴリー: EC-CUBE4 EC-CUBEプラグイン EC-CUBE4プラグイン:ピックアップ商品管理プラグイン → 通常のEC-CUBEにも適用できます EC-CUBEカスタマイズ版付属プラグイン プラグインのインストール オーナーズストア > プラグイン > プラグイン一覧 (1)ユーザー独自プラグインの「アップロードして新規追加」をクリックして、インストールしてください。 (2)インストールが完了したら、有効化アイコンをクリックして、プラグインを稼働して下さい。 (3)コンテンツ管理 > レイアウト管理で、ブロックを配置して下さい。 商品の登録 (1)コンテンツ管理のメニューをクリック (2)「新規登録」ボタンをクリック (3)「商品の追加」ボタンをクリック (4)商品検索画面が表示されるので、検索結果から商品を「決定」します。 プラグイン設定 プラグイン一覧の設定アイコンをクリックすると、表示の仕方を設定することが出来ます。 ↓ スライドの表示件数と横並びの列数 twig ファイルを修正することで、表示件数や列数を変更することができます。 プラグインのインストールで生成される下記フォルダのファイルを修正します。 ■app/template/default/Block/pickup_product_block.twig スライドの表示件数 <script> 内を修正 slidesToShow: の値を変更します。4→5 slidesToScroll は、スライドが切り替わる際の移動する商品の個数なので、必ずしもslidesToShow と同じにする必要はありません。 横並びの列数 <style> 内のwidth: の値を変更します。20%→25% ↓ 上段は、スライドの表示件数を5に変更。下段は、表示件数4。 ↓ 横並び5 列に変更。 → 通常のEC-CUBEにも適用できます
→ 通常のEC-CUBEにも適用できます
EC-CUBEカスタマイズ版付属プラグイン
プラグインのインストール
オーナーズストア > プラグイン > プラグイン一覧
(1)ユーザー独自プラグインの「アップロードして新規追加」をクリックして、インストールしてください。
(2)インストールが完了したら、有効化アイコンをクリックして、プラグインを稼働して下さい。
(3)コンテンツ管理 > レイアウト管理で、ブロックを配置して下さい。
商品の登録
(1)コンテンツ管理のメニューをクリック
(2)「新規登録」ボタンをクリック
(3)「商品の追加」ボタンをクリック
(4)商品検索画面が表示されるので、検索結果から商品を「決定」します。
プラグイン設定
プラグイン一覧の設定アイコンをクリックすると、表示の仕方を設定することが出来ます。
↓
スライドの表示件数と横並びの列数
twig ファイルを修正することで、表示件数や列数を変更することができます。
プラグインのインストールで生成される下記フォルダのファイルを修正します。
■app/template/default/Block/pickup_product_block.twig
スライドの表示件数
<script> 内を修正
slidesToShow: の値を変更します。4→5
slidesToScroll は、スライドが切り替わる際の移動する商品の個数なので、必ずしもslidesToShow と同じにする必要はありません。
横並びの列数
<style> 内のwidth: の値を変更します。20%→25%
↓ 上段は、スライドの表示件数を5に変更。下段は、表示件数4。
↓ 横並び5 列に変更。
→ 通常のEC-CUBEにも適用できます