PHPackages magelearn/module-story-with-image-gallery - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Image & Media](/categories/media) 4. / 5. magelearn/module-story-with-image-gallery ActiveMagento2-module[Image & Media](/categories/media) magelearn/module-story-with-image-gallery ========================================= A Magento 2 module that offers advanced functionality for uploading multiple images using a single upload button and displaying an image gallery with Fancybox JavaScript integration. 102PHP Since Jan 10Pushed 1y ago1 watchersCompare [ Source](https://github.com/vijayrami/Magelearn_MultipleImageUpload)[ Packagist](https://packagist.org/packages/magelearn/module-story-with-image-gallery)[ RSS](/packages/magelearn-module-story-with-image-gallery/feed)WikiDiscussions main Synced 1mo ago READMEChangelogDependenciesVersions (1)Used By (0) Magelearn\_MultipleImageUpload ============================== [](#magelearn_multipleimageupload) A Magento 2 module that offers advanced functionality for uploading multiple images using a single upload button and displaying an image gallery with Slick carousel and Fancybox JavaScript integration. Magelearn\_Story Module ----------------------- [](#magelearn_story-module) ### Description [](#description) The Magelearn\_Story module adds a powerful image gallery and story listing functionality to your Magento store. This module allows admins to upload multiple images in a gallery format and easily select a base image for the hover effect on the frontend. Additionally, it provides features for managing the main photo image for each story, allowing for better content management and display on the website. ### Screenshots [](#screenshots) ### Admin [](#admin) [![1_image](/assests/admin1.png)](/assests/admin1.png) [![2_image](/assests/admin2.png)](/assests/admin2.png) [![3_image](/assests/admin3.png)](/assests/admin3.png) [![4_image](/assests/admin4.png)](/assests/admin4.png) [![5_image](/assests/admin5.png)](/assests/admin5.png) [![6_image](/assests/admin6.png)](/assests/admin6.png) ### Front [](#front) [![1_image](/assests/front1.png)](/assests/front1.png) [![2_image](/assests/front2.png)](/assests/front2.png) [![3_image](/assests/front3.png)](/assests/front3.png) ### Key Features [](#key-features) #### Image Gallery Management: [](#image-gallery-management) Upload multiple images for a story using a single file upload button from the admin panel. Select a base image for the hover effect on the frontend gallery listing page. #### Main Story Image: [](#main-story-image) Upload a main photo image for each story, which will be displayed on the story listing page as the primary image. #### Admin Story Listing Page: [](#admin-story-listing-page) The admin listing page displays important details like Name, Status, Store View, and the Main Photo Image. The list can be filtered by Active/In Active status and sorted according to Position. #### Frontend Story Listing: [](#frontend-story-listing) The story listing page on the frontend will display stories with filters applied based on status and sorting by position. #### Admin Configuration: [](#admin-configuration) Under Store > Configuration > Magelearn Modules > Story Page Settings, you can enable or disable the story pages. This setting provides control over the navigation to the story detail page from the listing page title or the "Read more" link in the description. ### Installation Instructions [](#installation-instructions) #### You can install the Magelearn\_Story module in two ways: [](#you-can-install-the-magelearn_story-module-in-two-ways) #### Manual Installation: [](#manual-installation) 1. Clone this repository. Create the folder app/code/Magelearn/Story in your Magento installation and add the code inside this folder. 2. Composer Installation: Run the following command in your Magento root directory to install the module via Composer: ##### composer require magelearn/module-story-with-image-gallery [](#composer-require-magelearnmodule-story-with-image-gallery) #### Admin Instructions [](#admin-instructions) #### Story Upload: [](#story-upload) Learn how to upload single and multiple images from the admin panel for the story listing page. Clean code with pagination for managing multiple stories. Manage meta tags for each story. Also, display image gallery by combining power of both Slick carousel and fancybox JS. #### Benefits [](#benefits) Streamlined process for uploading multiple images and managing story content. Provides flexibility for the admin to manage story page settings easily. Clean and efficient codebase for better performance and maintainability. ### Health Score 15 — LowBetter than 3% of packages Maintenance32 Infrequent updates — may be unmaintained Popularity3 Limited adoption so far Community9 Small or concentrated contributor base Maturity16 Early-stage or recently created project Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://www.gravatar.com/avatar/9fbc17739c789569a8997978c60570db7936dfd338050c636ded61120669951e?d=identicon)[vijayrami](/maintainers/vijayrami) --- Top Contributors [![vijayrami](https://avatars.githubusercontent.com/u/13213261?v=4)](https://github.com/vijayrami "vijayrami (20 commits)") --- Tags magento2magento2-extensionmagento2-extension-freemagento2-gallerymagento2-modulemagento2-multiple-image-upload ### Embed Badge ![Health badge](/badges/magelearn-module-story-with-image-gallery/health.svg) ``` [![Health](https://phpackages.com/badges/magelearn-module-story-with-image-gallery/health.svg)](https://phpackages.com/packages/magelearn-module-story-with-image-gallery) ``` ### Alternatives [milon/barcode Barcode generator like Qr Code, PDF417, C39, C39+, C39E, C39E+, C93, S25, S25+, I25, I25+, C128, C128A, C128B, C128C, 2-Digits UPC-Based Extention, 5-Digits UPC-Based Extention, EAN 8, EAN 13, UPC-A, UPC-E, MSI (Variation of Plessey code) 1.5k13.3M39](/packages/milon-barcode)[bkwld/croppa Image thumbnail creation through specially formatted URLs for Laravel 510496.0k23](/packages/bkwld-croppa)[goat1000/svggraph Generates SVG graphs 132849.6k3](/packages/goat1000-svggraph)[cohensive/embed Media Embed (for Laravel or as a standalone). 120370.4k](/packages/cohensive-embed)[netresearch/rte-ckeditor-image Image support in CKEditor for the TYPO3 ecosystem - by Netresearch 63991.3k4](/packages/netresearch-rte-ckeditor-image)[humanmade/tachyon-plugin Rewrites WordPress image URLs to use Tachyon 87338.5k2](/packages/humanmade-tachyon-plugin) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)