Prestashop Gallery Module

  1. There are three different layouts on Prestashop Instagram Module: boxed, slider, full-width. For example, you can create a slider gallery on home page and create a boxed gallery on the left column. Features full list. Shop product from Gallery: Allow you to tag multi products to each photo and customer can purchase from the front office.
  2. This Prestashop Module comes equipped with the default Prestashop text/HTML editor, so you can create and edit all sorts of content directly on your website. Images and Social Scripts With contentBox module.

Login to Prestashop admin panel, click on “Modules” tab. Then click “Add a new module” link and upload “Video gallery” module. After this just click “Install” button and it is done.

Customer Photo Gallery Changelog - informations about updates

3.0.8

- added improvements to photo upload process to avoid problems with identification of file size

3.0.7

- added improvements to module appearance in tabs section in prestashop 1.7.x

3.0.6

- added improvements to module updates checker feature

3.0.5

- added improvements dedicated for PrestaShop 1.6.x related to path to pictures' thumbnails

- improved the voucher settings form, it has new options now

- you can select the characters that module will use to generate voucher code (numerc, alpha, alphanumeric)

Gallery

- added feature to selected group of customers - module will generate voucher code only for these groups

3.0.4

- added improvements dedicated for PrestaShop 1.7.x, it returns correct path to images

3.0.3

- added feature to enable or disable possibility for customers to remove own pictures / videos

3.0.2

- added translations for new features

- improved layout of the pictures and videos (better support of responsivenes of bootstrap)

3.0.1

- added improvements to module code to identify logged and unlogged customers

- added feature to enable / disable feature to show gallery categories on gallery page

- added videos to homepage (visible when you will activate the feed of gallery on homepage)

- added upload forms to homepage feeds (both pictures and videos)

3.0.0

- module is ready to work with prestashop 1.7

2.9.9

- added feature to select stars type (design) for voting purposes

- added improvements to voting feature, stars shows grade value when you will hover mouse over it

2.9.8

- added improvements to pictures movement between products

2.9.7

- added feature to enable or disable next / previous buttons to switch to other picture

2.9.6

- removed unnecessary files (rest of files related to 1.4.x version support)

- added new voucher generator library, it generates coupon codes associated with customer account

- added new updates checker system

Prestashop sign in

2.9.5

- added improvements to trusted.js module file that allows to install it on cloud service

2.9.4

- added improvements to sql queries

- removed 'notifications' abount not identified variables

- changed the design of back office configuration page

- updated updates checker system

2.9.3

- added feature to display pictures feed on homeage

- possibility to define nb of products for homepage feed

- possibility to define sorting method of homepage pictures feed (random pictures, by vote nb, by rate, by add date)

2.9.2

- added new feature related to coupons generation process

Prestashop

- now you can decide if coupon generated with photo upload will be available only in shop where picture was uploaded, or also in other shops (based on multistore feature)

- added 'back to my account' and 'back to home' buttons on 'my videos' and 'my photos' pages (available in customers account section)

2.9.1

- added improvements to voucher settings (voucher for picture upload)

- added possibility to define rule containing restrictions related to suppliers

- added improvements to voucher generation process

- added explanation tips to module configuration page

- added to tool that allows to check module updates directly from module configuration page

- added missed translations

- added improvements to cart rule generation process with selected option 'uncombinable with other cart rules'

- module generated voucher code that is uncombinable with other cart rules properly

- added new section in customer account 'my account' section: manage videos

- added new section in 'footer' section with new link to manage videos

- now customers have possibility to manage uploaded videos

- you can manage videos associations with customers directly from videos in shop back office

- cleaned up module directory

- changed module code to meet psr-2 standards

2.9

- added 'contest' feature under 'votes' section

- this 'contest' option allows to sort photos by rating (descending)

- you will see rates in shop back office

- new 'updates' menu on module configuartion page where you can:
- check updates of the module

- enable / disable notifications

2.8

added feature to notify you about available module upgrades

added fixes to voting system

2.7

feature to define carriers restriction for voucher code

Prestashop Sales Tax Modules

2.6

  • feature to enable or disable voting for unlogged customers
  • translations update

2.5

front office appearance improvements for bootstrap templates

possibility to add videos by customers (youtube videos)

videos must be moderated before publication

2.4

dodane zostało pole wyświetlające autora zdjęcia w back office

poprawki do działania strony konfiguracyjnej kupony rabatowe

poprawki do procesu generowania kuponów w PrestaShop 1.4.x


2.3
- zaktualizowany system generowania kuponów, odtąd definiowanie 'darmowych produktów' jest łatwiejsze - wprowadzona została lepsza wyszukiwarka produktów

  1. 2.3 - start logowania zmian w module (zgłaszaliście wielokrotnie chęć uzyskania dostępu do changeloga)
important Info! please note that this guide is based on PrestaShop 1.5.x. If you're looking for solution for PrestaShop 1.6.x or 1.7.x check this guide: new tutorial about cms gallery in PrestaShop 1.6.x and 1.7.x

I've noticed that many merchants ask about gallery on CMS pages. Today I want to show you how easily you can create own fancybox gallery on CMS pages. Before we start you will need to extend tinyMCE CMS editor . Please follow this guide and then, we can start to create own gallery!

Gallery on CMS page based on fancybox script

CMSController edit

It will be necessary to change CMSController.php file located in /controllers/front/ directory. We need to include fancybox script and css files for each CMS page. So, please open this file: /controllers/front/CMSController.php. There is a function public function setMedia(), it looks like:

To add fancybox .css file and fancybox .js file we need to include these files with $this->addJS and $this->addCSS code. we need to add there code:

Full code of public function setMedia(); should looks like now:

Okay, now these libraries will be included to each CMS page. Now it's time to build own gallery. I will show you how to do this. It's time to create / edit CMS page! Before this, make sure that you followed guides described here: Extend tinyMCE CMS editor .

Prestashop CMS page editor

Log in to your PrestaShop back office and open preferences > CMS tab. Create new page or just edit page that already exists there. For this tutorial i created new page named 'Gallery'. On CMS pages list just click on 'edit' button near page that you've got / created.

List of created CMS pages in prestashop > cms tab

Then we have to add there little javascript which will run fancybox script. We want to add fancybox effect for hyperlinks with .fancybox CSS class. In this case we have to use this code:

To insert this code please click on blue HTML button (I show it on image below) and then just paste this code to HTML Source Editor. After that - click on 'update' button. Just take a look how it looks like on the picture below.

HTML editor in tinyMCE - prestashop > cms edit page

Now it's time to create some content. Create any content you want. Everything depends on you, I created something like below. in place where you see 'i want to create gallery here' i want to insert pictures with fancybox effect.

To create gallery we must have two pictures: thumbnail and large image. I will use images from my demo store located here: demo.mypresta.eu. I will create thum for product picture. Thumbnail is: http://demo.mypresta.eu/15-home_default/ipod-nano.jpg large image: http://demo.mypresta.eu/15-large_default/ipod-nano.jpg

Click on 'Insert image' buton and paste url to your thumbnail image. exactly as i show below:

Prestashop Module Image Field

1) click on insert image button

2) to field 'Image URL' paste url to your thumbnail image (in this case: http://demo.mypresta.eu/15-home_default/ipod-nano.jpg )

3) click on insert button

Then to added image we have to add hyperlink (url) to our large image. We have to:

1) click on thumbnail image

2) click on add hyperlink button

3) to the Link URL field add url to large image ( in this case: http://demo.mypresta.eu/15-large_default/ipod-nano.jpg )

4) in insert/edit link open ADVANCED tab

regarding to the: 4) in insert/edit link open ADVANCED tab

1)open it

2) to the Classes field insert 'fancybox' exactly as i show below. then just click on update button.

Prestashop Module Generator

It's ready now! Your first image in gallery is attached properly. You can add as many pictures as you want, everything depends on you. I created many gallery elements:

and the final effect is: nice fancybox gallery on cms page