CP Image Store with Slideshow

Description

CP Image Store with Slideshow features:

§ Allows selling image files via PayPal. Payments are SCA ready (Strong Customer Authentication), compatible with the new Payment services (PSD 2) – Directive (EU)
§ Allows selling various resolution versions of the image at tiered prices
§ Multiple online store settings:display a search box, filter by author,
color scheme, image type and categories. Set the number of columns in the
image store. Pagination, and sorting of results by title, popularity and
publication date
§ Associate various features to pictures: author, type of image,
color scheme, and categories
§ Allows select an alternative layout of the store design
§ Allows to insert a particular image in posts or pages, and as widget
on website’s sidebars
§ Allows sharing image pages in social networks (ex: Facebook, Twitter, Google+)
§ Shows a carousel with the top 10 images obtained with the filter values
§ Includes a module to track sales statistics.
Displays animated charts for specific sales reports
§ Allows exporting the sales reports to a CSV file
§ Includes an experimental module to import the products and their data.

CP Image Store with Slideshow is an online store for the sale of image files: images, predefined pictures, clipart, drawings, vector images. For payment processing, CP Image Store with Slideshow uses PayPal, which is the most widely used payment gateway, safe and easy to use.

The “Image Store” plugin allows the specific integration with the following editors:

  • Classic WordPress Editor.
  • Gutenberg Editor.
  • Elementor.
  • Page Builder by SiteOrigin.
  • For other editors, the shortcodes should be inserted using other controls of general purpose, like the controls for inserting HTML or shortcodes.

Inserting and using the basic “Image Store width Slideshow” plugin.

The premium version of CP Image Store with Slideshow allows to create a preview of your images with a watermark, to protect against malicious users or unauthorized downloads.

The base plugin, available for free from the WordPress Plugin Directory has all the features you need to create an CP Image Store with Slideshow on your website.

Premium Features

  • Includes a shopping cart to buy multiple products in a single purchase
  • Allows to insert list of products filtered by top selling or newest products
  • Allows including a watermark on image previews
  • Allows to set discounts to promote sales
  • Allows to set discount coupons to promote sales from specific sources
  • Allows to group all purchased items in one compacted download

Demo of Premium Version of Plugin

https://demos.dwbooster.com/image-store/wp-login.php

https://demos.dwbooster.com/image-store/

Inserting and using the premium version of “Image Store width Slideshow” plugin.

If you want more information about this plugin or another one don’t doubt to visit my website:
http://wordpress.dwbooster.com

Inserting a products list, and products, in pages or sidebars of website (only available in the premium version of plugin).

Are safe the downloads links?

The security in the access to products files is determined in different ways.

  • The products files can’t be accessed directly. The purchased files are stored in a special directory called downloads, the downloads directory includes a .htaccess file that forbid the access from browser. The files can be accessed only through a server side script that validates the purchase.
  • The Store determines the validity of download links based in three options, available in the settings page of plugin.
    It is possible define a time period, in days, where a download link is considered valid. If a user tries to download a purchased product, the Store checks the date of purchasing.
    It is possible define a limit of downloads by purchase. If a user tries to download a product, the Image Store checks how many downloads have been made.
    The Store may be configured to request the email address used in the purchasing to check the validity of download link.

Interface

Setting up the CP Image Store with Slideshow

CP Image Store with Slideshow is configured through the menu: “Image Store / Store Settings”. The setup window allows configuring the Image Store’s General data, PayPal data for sales processing and data used for notifications of sales. In the Premium version of the plugin you can also set discounts and coupons.

Settings Interface

The setup interface includes the following fields:

Store Page Setup

This section contains the setup options for the CP Image Store with Slideshow.

  • URL of Store page: Enter the URL of the web page where the CP Image Store with Slideshow was inserted. The URL of the store will be used to enable return from the product page to the store page.
  • Store layout: Allows select the layout to use in the stores page.
  • Display a search box: Inserts a search box in the web page of the CP Image Store with Slideshow to search images by texts
  • Allow filtering by type: Inserts a field in the web page of the CP Image Store with Slideshow to filter images by type (possible types of images: Clip Art, Photo, Draws, Vectors, etc.)
  • Allow filtering by color: Inserts a field in the web page of the CP Image Store with Slideshow to filter the products by their color scheme (color schemes possible: Full color, Black and White, Sepia, etc.).
  • Allow filtering by authors: Inserts a field in the web page of the CP Image Store with Slideshow to filter products by their author.
  • Allow filtering by category: Inserts a field in the web page of the CP Image Store with Slideshow to filter products by their category.
  • Allow pagination: Allows pagination in the CP Image Store with Slideshow.
  • Items for page: Defines the number of products per page in the CP Image Store with Slideshow.
  • Share in social networks: Display a group of buttons for sharing the products in the social networks(like Facebook, Twitter and Google+)
  • Facebook app id for sharing in Facebook: App id for sharing the website’s links in Facebook.

Images Setup

This section includes setup options for each of the images.

  • Units: Unit of measure for the images to be displayed in the CP Image Store with Slideshow and on the page of the image.
  • Set watermark: Mark this checkbox if you want to display a watermark on image previews.
  • Watermark text: Enter the text for the watermark.
  • Watermark position: Allows display the watermark at bottom or middle of the images previews.
  • Thumbnail width: Width of the thumbnail in pixels.
  • Thumbnail height: Height of the thumbnail in pixels.
  • Intermediate width: Width of the image preview in pixels.
  • Intermediate height: Height of the image preview in pixels.
  • Image License title: Enter a title for the license of the images sold through the CP Image Store with Slideshow. The title of the license is used as a link to display the license.
  • Image License description: Enter the text of the license.

Images Effects

  • Show caroussel of related images: Shows a carousel with the top 10 images given the filter values in the CP Image Store with Slideshow, and displays the carousel on the image page with the top 10 images that belong to the same category.
  • Set caroussel autorun: Starts moving carousel dynamically by default.
  • Carousel transition time: Number of seconds before the rotation of each image in the carousel.
  • Display preview on mouse over: Shows the image information, buy buttons, and the image preview when the mouse is hovered over the thumbnail.

PayPal Payments Setup

This section defines the options for the payment gateway.

  • Enable PayPal Payments: Allows the sale of products through PayPal.
  • PayPal Sandbox Enable: Enables Paypal’s Sandbox to test the payment system before publishing the CP Image Store with Slideshow.
  • PayPal email: Enter the email address associated with your PayPal account.
  • Currency: The currency in which payments are accepted and the prices shown in the CP Image Store with Slideshow.
  • Currency Symbol: Symbol of the currency in which payments are accepted and prices shown in the CP Image Store with Slideshow.
  • PayPal Language: Language in which PayPal will be loaded.
  • Use shopping cart: Activate the shopping cart to allow purchase of several products at once.
  • Download link valid for: Enter the number of days during which the generated download link will be valid; past this number of days the download link will expire.
  • Number of downloads allowed by purchase: Enter the number of downloads allowed by purchased product.
  • Use safe downloads: Requires that the customer type the email address used to purchase the products before download them.
  • Pack all Purchased image files as a single ZIP file: You can group all products purchased in one compacted file.

Discount Settings (Available only in the Premium version)

This section allows to set up discounts in your CP Image Store with Slideshow.

  • Display discount promotions in the image store page: Allows to display the text of the promotion on the store page.
  • Scheduled Discounts: List of defined discounts. Here you can edit or delete existing discounts.
  • Percent of discount: Percentage of the price that will be discounted.
  • Valid for sales over than: The discount will apply to sales where the total amount exceeds the number entered in this field.
  • Valid from: Starting date of the promotion.
  • Valid to: End date of the promotion.
  • Promotional text: Promotional text that will be shown on the store page.

Coupons Settings (Available only in the Premium version)

This section allows to set up a discount coupon system for your CP Image Store with Slideshow.

  • Coupons List: List of coupons that you already created. Here you can edit or delete existing coupons.
  • Percent of discount: Percentage of the price that will be discounted.
  • Coupon: Enter the discount code here.
  • Valid from: Starting date of the promotion.
  • Valid to: End date of the promotion.

Notification Settings

This section contains data necessary for notifications: for buyers when a payment is completed, and to the store manager to inform you of a new sale.

  • Notification “from” email: E-mail address to be shown as the Sender of notifications.
  • Send notification to email: Email address where a notification is sent after each sale.
  • Subject of user confirmation message: Subject of the confirmation message sent to the customer after each purchase.
  • Email confirmation to user: Contents of the email message sent to the customer after a purchase is made. The content must include % INFORMATION% text that will be replaced by the purchase data.
  • Subject of notification message to admin: Subject of the notification email sent to the administrator when a purchase is made.
  • Email notification to admin: Contents of the message sent to the administrator when a purchase is made. Email content must maintain % INFORMATION% text that will be replaced by the purchase data.

Importing Area

This module is experimental and allows to import all products and their data at the same time.

Simply upload to your server a directory with all images and a XML file to define the products, with their data and attributes. The directory should be accessible and it can be deleted after completing the importing process. After upload the directory with the data, enter in the field above, the absolute URL to the XML file, and press the “Import” button.

The structure of the XML file is:

<?xml version="1.0" encoding="utf-8"?>
<products>
<product>
<title>Title of the first product</title>
<description>Description of the first product</description>
<author>Name of the first product author</author>
<type>Type of product (Clip art, Line drawing, etc.)</type>
<color>Scheme color (Full color, Black and white, etc.)</color>
<thumbnail>first_thumbnail.jpg</thumbnail>
<image width="number" height="number" price="number">first_image_for_selling.jpg</image>
<image width="number" height="number" price="number">second_image_for_selling.jpg</image>
<image width="number" height="number" price="number">third_image_for_selling.jpg</image>
</product>
<product>
<title>Title of the second product</title>
<description>Description of the second product</description>
<author>Name of the second product author</author>
<type>Type of product (Clip art, Line drawing, etc.)</type>
<color>Scheme color (Full color, Black and white, etc.)</color>
<thumbnail>second_thumbnail.jpg</thumbnail>
<image width="number" height="number" price="number">first_image_for_selling.jpg</image>
<image width="number" height="number" price="number">second_image_for_selling.jpg</image>
<image width="number" height="number" price="number">third_image_for_selling.jpg</image>
</product>
</products>

  • Each <product></product> node represents a product in the store.
  • The URLs to the thumbnails and images must be relative to the XML file.
  • The nodes: author, type, and color will generate new terms associated to the products.
  • There are multiple image nodes associated to a same product, because it is possible to sell different formats of an image from a same product, the width, height and price are the attributes of the images displayed in the public website, and its corresponding price.

Creating content

Inserting a new image in the store

To insert an image in the store, press the menu option “Image Store / Images for Sale” which will show a list of previously entered images and associated data.

To enter a new image, press the “Add New” button.

The interface for entering data of an image is as follows:

  • Enter Title Here: Enter the title of the image.
  • Description: Enter the description of the picture. This field is optional, but many users take advantage of it when they want to give additional information about the image.
  • Authors: Select the author or authors of the image. You can also add new authors.
  • Type of Image: Select the type or types of image. You can also add a new image type.
  • Scheme color: Select the color scheme of the image. You can also add a new color scheme.
  • Images categories: Select a category or categories to which the image belongs or enter new categories. Categories can have a hierarchy.
  • Select image for preview: Select the image to be edited to create its thumbnail and a preview image. If your version of the CP Image Store with Slideshow allows the use of watermark, it will be applied to the image.
  • Image files: list of files associated with the image. If you wish to sell more than one version of the same image, add a new file for each of these images. This option allows the sale of the same image in different resolutions at different prices.

For each image file you can enter its width, height and price.

Publishing the CP Image Store with Slideshow

The CP Image Store with Slideshow can be posted on a page or post in WordPress. To insert the CP Image Store with Slideshow, go to the appropriate section (page or post) and create a new page / post.

The image store adds two new icons on the post / page content editor. The first of the icons serves to insert the CP Image Store with Slideshow, the second – to insert a particular image.

The button for the insertion of the CP Image Store with Slideshow creates a shortcode in the content of the post / page in the form:

[codepeople-image-store]

The shortcode accepts a group of …

Screenshots

  • Image Store
  • Images List
  • Image Edition Interface
  • Insertion Buttons for Image Store and Image Store Product
  • Insertion Product's Dialog
  • Dialog to Insert Images Lists
  • Gutenberg Editor
  • Elementor Editor
  • Page Builder by SiteOrigin
  • Available Widgets to Insert an Image or Image List on Website's Sidebars
  • Sales Reports
  • Filtering Sales Report
  • Alternative layout

Blocks

This plugin provides 2 blocks.

  • Images Store
  • Product

Installation

To install CP Image Store with Slideshow, follow these steps:

  1. Download and unzip the plugin
  2. Upload the entire “cp-image-store/” directory to the “/wp-content/plugins/” directory
  3. Activate the plugin through the “Plugins” menu in WordPress
  4. Set up your store via “Image Store/ Store Settings”

FAQ

Q: Why the sales button doesn’t display?

A: First, go to the settings page of CP Image Store with Slideshow and be sure the PayPal checkbox is checked, and has defined the seller’s email. Second, be sure the image has files associated.

Q: Why the watermark doesn’t show on images?

A: Be sure the GD Library is enabled in the PHP script on web server.

Q: How to insert a product or products list on sidebar?

A: Go to the widgets section and insert the “Image Store Product”, or the “Image Store Product List” on sidebar.

Q: How can I to know the ID of image?

A: Go to the image page in WordPress and pay attention to the URL, the parameter “post” contains the image’s ID.

The image’s ID is required to insert the image on sidebars or pages.

Q: How can I search an image by the image’s content or title?

A: Type the word you are searching in the search box (available in the store’s page), and press the “enter” key.

Q: Is possible to hide the image preview window?

A: To hide the image preview window, go to the settings of Image Store, and uncheck the option “Display preview on mouse over”.

Q: Is there another payment gateway other than PayPal?

A: The current version of plugin allows only PayPal as payment gateway.

Q: Why after press the “Buy Now” button the page is not redirected to PayPal?

A: Please, go to the settings page of Image Store, and be sure that email associated to the PayPal account was entered. If the email associated to the PayPal account was typed, go to the product’s page, and be sure that image’s price is non zero.

Q: Why I can’t get the purchased images as a zip file?

A: To use this feature be sure the libraries to create ZIP files are available in the PHP script installed in your web server. Furthermore, if the customers bought multiple files at same time, and the sum of size of all files purchased is bigger than memory assigned to the PHP, then is not possible to create the zip file.

Q: How can be selected the images to display in the store by default?

A: The images store is inserted in a page through the shortcode: [codepeople-image-store], but it is possible define some parameters in the shortcode for filtering the images that will be displayed by default in the store:

type: allows display in the store the images with the “type” defined as attribute of the shortcode. The “type” attribute accepts the slug of the type or its ID.

        [codepeople-image-store type="clip-art"]

author: allows display in the store the images crated by the “author” defined as attribute of the shortcode. The “author” attribute accepts the slug of the author or its ID.

        [codepeople-image-store author="author-name"]

color: allows display in the store the images with the colour schema defined by the “color” attribute. The “color” attribute accepts the slug of the color or its ID.

        [codepeople-image-store author="full-color"]

category: allows display in the store the images belonging to the category defined as attribute of the shortcode. The “category” attribute accepts the slug of the category or its ID.

        [codepeople-image-store category="category-name"]

Reviews

Read all 4 reviews

Contributors & Developers

“CP Image Store with Slideshow” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0

  • First version released.

1.0.1

  • Improves the plugin documentation.
  • Corrects an issue with language files.
  • Displays the carousel with any number of images.
  • Corrects a compatibility issue with the “Search in place” plugin.
  • Includes a search box in the store’s page.
  • Corrects an issue in the creation of thumbnails from images in PNG format.
  • Increases the security in the store.
  • Includes the use of charts in the sales reports.
  • Includes the product ID in the list of images for selling.
  • Corrects the store’s design in themes with responsive designs.
  • Allows limit the number of downloads by download link.
  • Allows reset the number of downloads, and the download interval.
  • Changes the location of the upload files.
  • Includes alternative layouts.

1.0.2

  • Allows to distribute images for free. The images without a price defined, or if the PayPal option is disabled in the store’s settings, appear download links beside the images,
  • Uses functions included since WordPress 3.5.0, that modifies the requirements.

1.0.3

  • Modifies the interface of the store’s settings.

1.0.4

  • Modifies the carousel with the top ten images, to correct an issue in Safari browser.

1.0.5

  • Includes a new button in the sales reports, for exporting all of them to a CSV file.
  • Allows apply to the products, the permalinks structure used in by WordPress.
  • Modifies the styles applied to the store.
  • Corrects the selection of home page’s URL in a WordPress multisite.

1.0.6

  • Security update for the download process of purchased files(vulnerability was found by Joaquin Ramirez Martinez)

1.0.7

  • Security update to prevent the use of brute force to identify the purchase IDs (thanks to Joaquin Ramirez Martinez to detect this vulnerability)

1.0.8

  • Corrects a conflict in the action of deleting images.

1.0.9

  • Allows activate/deactivate the use of friendly URLs for the store’s products.

1.0.10

  • Uses the classes constructor of PHP5 in the widgets.

1.0.11

  • Modifies the taxonomies to prevent a conflict with complex structures for permalinks.

1.0.12

  • Takes into account the taxes in the IPN script.

1.0.13

  • Modifies the download process to improve the performance and save the server’s resources.

1.0.14

  • Escape the tags attributes and the queries parameters to prevent vulnerabilities.

1.0.15

  • Modifies some texts and corrects a simple issue.

1.0.16

  • Changes the order that resources are loaded to prevent conflicts with themes that are not prepared for WP4.5

1.0.17

  • Corrects an issue for filtering the images by the slug of the category.

1.0.18

  • Includes the Importing module.
  • Adds to the products’ pages tags like: og:image, og:title, og:description, and og:url.
  • Corrects an issue with the friendly URLs.

1.0.19

  • Includes try/catch blocks to prevent fatal errors with emails bad configured.

1.0.20

  • Allows to enter the Facebook App id for sharing the website’s links in Facebook.

1.0.21

  • Fixes a warning message accessing to QUERY_STRING in the store’s pages, in stores with multiple pages.

1.0.22

  • Modifies the IPN script to satisfy the new PayPal requirements.

1.0.23

  • Allows the integration with Affiliate Royale.
  • Improves the accesses to the plugin’s documentation.

1.0.24

  • Fixes an issue loading the CSS and JS files in websites protected with SSL.

1.0.25

  • Applies the same charset used by the database to the plugin’s tables.

1.0.26

  • Includes a new filter for the “get_the_excerpt” hook.

1.0.27

  • Includes the integration with Gutenberg the editor that will be distributed with the next versions of WordPress.

1.0.28

  • Allows the access to reports, the importing section, and the store’s settings only to the websites administrators.

1.0.29

  • Fixes an issue with the loopback requests when are being edited the code of plugins or themes in the WordPress editor.

1.0.30

  • Removes the invalid characters from the products’ names before redirect the buyer to the payment gateway.

1.0.31

  • Modifies the way the client’s side scripts are executed to prevent the uncaught javascript errors on page affect the Store.

1.0.32

  • Removes and optimize some queries to increase the plugin’s performance.

1.0.33

  • Improves the store configuration.
  • Modifies the deactivation process to allow the users find easier the solution to the usual issues.

1.0.34

  • Fixes an issue with indices in the database tables.
  • Improves the database queries.

1.0.35

  • Modifies the integration with the Gutenberg editor (the next editor in WordPress) to use the new objects and methods.
  • Hides the promotion banner for the majority of roles and fixes a conflict between the promotion banner and the Gutenberg editor.

1.0.36

  • Fixes a conflict with the latest update of the Gutenberg editor.
  • Fixes a conflict with the “Speed Booster Pack” plugin.

1.0.37

  • Fixes an issue between the Promote Banner and the official distribution of WP5.0

1.0.38

  • Modifies the language file and the plugin header.

1.0.39

  • Improves the integration with the Gutenberg editor displaying a preview of the store and products.
  • The plugin is compatible with WordPress 5.1

1.0.40

  • Includes some changes in the download process of purchased products.
  • Includes some changes in the notification process.
  • Modifies the integration with the Gutenberg editor.
  • Implements the integration with the Elementor editor.
  • Implements the integration with Page Builder by SiteOrigin.

1.0.41

  • Improves the module that protects the store.
  • Fixes some notices in the download process of purchased files.

1.0.42

  • Improves the identification of the special pages, like the download page, and the shopping cart page in the commercial version of the plugin.

1.0.43

  • Allows to define taxes from the store’s settings.

1.0.44

  • Fixes some minor errors.

1.0.45

  • Improves the plugin security sanitizing and escaping every value entered from browser.

1.0.46

  • Fixes a conflict with third party plugins.

1.0.47

  • Includes two new constant that can be included in the notification emails: %DATETIME% that would be replaced by the purchase date/time, and “%BUYERNAME%” that would be replaced by the first name and last name of the buyer, if there is an user in the website with payer’s email.

1.0.48

  • Includes a new section in the store’s settings to make easier the debugging of payments notifications.

1.0.49

  • Modifies the access to the demos.

1.0.50

  • Includes a new module to prevent the WP Super Cache plugin cached the download page, and other particular pages of the store.

1.0.51

  • Improves the access to the currency and language codes from the store settings.

1.0.52

  • Adapts the plugin’s blocks to the latest update of the Gutenberg editor.

1.0.53

  • Fixes an issue escaping the ampersand symbols in some URLs.

1.0.54

  • Fixes some notices.
  • Includes a new option to allow only registered users to download the free images.

1.0.55

  • Includes a new option in the store’s settings to prevent the products pages, download page, cart etc. be cached.

1.0.56

1.0.57

  • Modifies the management of the session’s variables.

1.0.58

  • Loads the different images’ alternatives selected by default. This modification reduces the number of steps to purchase the store’s products, minimizing buyers’ friction.

1.0.59

  • Modifies the code that generates the download and cart pages.

1.0.60

  • Modifies the scripts blocks to prevent the uncaught errors in other plugins affect to the Store.

1.0.61

  • Improves the Gutenberg integration.

1.0.62

  • Modifies the Elementor widget.

1.0.63

  • Fixes the issue of the invalid characters into the products’ names in the integration with PayPal.

1.0.64

  • Fixes a CSS conflict with some WordPress themes.

1.0.65

  • Modifies the Elementor widget.

1.0.66

  • Improves the buttons’ appearance on small screens.

1.0.67

  • Modifies functions deprecated in the latest Elementor update.

1.0.68

  • Fixes a SQL Injection vulnerability. Many thanks to Daniel Krohmer (Fraunhofer IESE institute)

1.0.69

  • Implements additional validation rules to improves the security.

1.0.70

  • Fixes an issue displaying the images lists in the admin section.

1.0.71

  • Fixes a minor issue in the integration with the payment gateways.

1.0.72

  • Improves the plugin code and security.
  • Removes calls to a deprecated function.

1.0.73

  • Modifies the integration with Elementor to ensure compatibility with the latest version of Elementor.

1.0.74

  • Clear session variables when editing the Music Store page.

1.0.75

  • Modifies the banner module.

1.1.0

  • Fixes deprecated notices in the latest version of PHP.

1.1.1

  • Modifies the URLs to the IPN documentation.

1.1.2

  • Implements minor changes in the product interface to improve the entry data.

1.1.3

  • Modifies the integration with the paytment gateways.