Hi, today I am publishing another free Opencart eCommerce module Advance Featured Module with product slider”. Some of the features of this free module are:

  • Show custom title
  • Aditional image flip flop
  • Hover over show add to cart, wishlist and compare button
  • Sliding products
  • Can manage sliding of products from the admin
  • Show as many advance featured module as many you like
  • Absolutely free
  • None of core files are changed
  • Responsive

For OpenCart version 23.0.2 click below to download:

Download Advanced Featured Module

Check demo: Click Advance Featured Module with product slider
You can see following output after installing the module in information layout, which is only for demo purpose, you can install in any page and in any layout:
admin-webocreation-featured-front-presentation-section
Advance Featured Module with product slider

Download the module for OpenCart 2.2 from below:

WebOCreation Featured Module

Installation:

  1. Unzip the downloaded folder.
  2. Upload the files and folders in root folder to your server, put admin folder of zip in admin folder of your server and catalog folder of zip in catalog folder of your server
  3. Then activate the Advance Featured Module with product slider.

Activating the Advance Featured Module with product slider:

  1. After uploading files to servers, it’s time to install Advance Featured Module with product slider
  2. We are showing the Webocreation Featured Module with product slider in content top and content bottom of information page but you can show it wherever you like as this is normal module.
  3. Go to Admin section
  4. Then click on Extensions on left menu
  5. After that Click Modules and go to Webocreation Featured Module with product slider in modules list
  6. Then click the Green button to install the module (see the image below)webocreation-featured-module-listing-page
  7. Then click blue edit button
  8. After that you will see the form which has Module Name, Products, Limit, Width, Height, AutoPlay Speed and status field, Fill it and select Enabled and then click Save button.admin_webocreation_featured
  9. You module is active and is ready to used in layout.

Setup layout for the Advance Featured Module at Information page:

  1. From the admin section go to Design >> Layouts.
  2. You will see a list of layouts, from which edit the Information layout.
  3. Then click Blue add button to add rows at module section which is shown in the image below:

    admin-webocreation-featured-layout-section

  4. Second you choose the Advance Featured Module in module column and Column Bottom in Position column and insert the sort order as required. Do same to show another Webocreation Featured module at content top also, refer above image.
  5. Then Click save button

Your custom Advance Featured Module is showing in the two position of information page. Likewise you can show in many other layouts and pages.

Let me know if you get any problem on performing above tasks in comment so that I can help.

Thanks
Rupak Nepali

20 COMMENTS

  1. I have installed the extension but I have a problem with it. The image flips down over the text as you hover over it. Maybe because the second image is not set? And if so, how do you set it? What else am I doing wrogn?

    • Checkout this CSS at catalog/view/theme/default/stylesheet/webocreationfeatured.css:

      .product-thumb .product-image-hover img {
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      right: 0;
      transform: translate3d(0px, 100%, 0px);
      -o-transform: translate3d(0px, 100%, 0px);
      -moz-transform: translate3d(0px, 100%, 0px);
      -webkit-transform: translate3d(0px, 100%, 0px);
      z-index: 0;
      }

      Change following as per your theme requirement:
      transform: translate3d(0px, 100%, 0px);
      -o-transform: translate3d(0px, 100%, 0px);
      -moz-transform: translate3d(0px, 100%, 0px);
      -webkit-transform: translate3d(0px, 100%, 0px);

  2. Notice: Error: Could not load template C:/wamp/www/op3/admin/view/template/module/webocreationfeatured! in C:\wamp\www\op3\system\storage\modification\system\engine\loader.php on line 86

    • The error is saying webocreationfeatured.tpl is missing from that folder.
      Go to admin\view\template\module and check whether webocreationfeatured.tpl is there or not.

    • Go to catalog\view\theme\default\template\module\webocreationfeatured.tpl and find following lines of code:

      Change items: 3 to items: 4 and you are set, may need to manage some CSS

      In next update I will change it to be manageable from admin setting.

      Thanks

  3. I have installed the extension but I have a problem with it. I cant see the webocreation Featured Module my version is 2.1.0.2, and I follow the instruction, can you help me please and thank you for your time.

  4. Hello,
    I’ve installed your module to Ocstore 2.1.0.2.1 but it doesn’t appear in the list of extensions..
    Could you please help ?

    Thanks

  5. I’ve put webocreationfeatured.php files to english and russian directories from appropriate en-gb directories and module appears in the list of installed modules an admin panel.
    But I can’t launch module configuration.
    Notice: Error: Could not load template /home/…/…/…/admin/view/template/module/webocreationfeatured! in /home/…/…/…/system/storage/modification/system/engine/loader.php on line 86

    I’ve checked. File webocreationfeatured.tpl is here.

    What’s wrong?

    • Go to /admin/controller/module/webocreationfeatured.php and find

      $this->response->setOutput($this->load->view(‘module/webocreationfeatured’, $data));

      Add .tpl after webocreationfeatured. Must be:

      $this->response->setOutput($this->load->view(‘module/webocreationfeatured.tpl’, $data));

  6. The extension seems great but its not working with theme global lite , I have installed it all seems working but nothing appears on my page.. any suggestion?
    Thanks in advance.
    OC 2.2
    Theme: theme global lite

  7. I could fix it for showing up but completely different with the theme and showing all images of the product …any suggestion?

    OC 2.2
    Theme: theme global lite.

    Thanks.

  8. Thank you for providing free WebOCreation Featured Module.
    Its original function is to show the product main picture, after the mouse move, it change to additional image 1.

    I want additional image 1 show first, after mouse move, then show up additional image 2.

LEAVE A REPLY

Please enter your comment!
Please enter your name here