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