1. Folder structure of the Slideup Promotion plugin folder.
2. Open the upload folder and you will find the following folder structure:
You must have VQMOD installed for this plug-in to work. If VQMOD is not installed please download and install from the URL below:
https://code.google.com/p/vqmod/
3. Select all the folder and drag and drop them to the root directory of your OpenCart store throughFTP.
4. You will be able find the plug-in ready to be installed in the Modules in your OpenCart storeas shown below.
5. Click on the Install link to install the plug-in. This will also add a dropdown option in your menu bar which will list all plug-ins by Velocity installed on your store for fast navigation. Thisdropdown also has a message box, using which we can inform you about new launched plug-in ornew update.
6. Delete the Vqcache files from the vqmod/vqcache folder.
7. To access Slideup Promotion plug-in click on edit button in module section as shown below:
8. On clicking edit button the module for plug-in will open. It contains navigational bar at top, menu at left and main content at center as shown below.
1. General Settings tab
General Settings tab has the option to enable/ disable this plugin.
Enabling this button means that the banners shall be displayed based on their date ranges provided. Disabling this button would render all the banners added through this module or default slideshow module irrespective of the date ranges chosen for displaying.
2. Banner Settings tab
Banner Settings tab has following options to configure:
1. Banner: This will be a dropdown box containing a list of all the banners added in the system.
2. Dimensions: Specify width and height here. This is a required field, ignoring which will throw a warning message on top right corner when you try to click save and stay.
Clicking on save button without entering dimensions will restrict you to save changes and will display an error message like in figure below:
3. Layout: Choose from a number of layouts on which you can place this slideshow.
4. Position: Choose from the positions on layout where you can place your slideshow.
5. Status: Choose whether to enable/ disable this banner.
6. TimeZone: Choose from the list of time-zones from dropdownbox for which you want to provide time
range.
7. Start Date: Choose a start date for each banner after which its slideshow should start appearing on the specified layout. If no date is chosen, youll be prompted to do so on saving data via warning message.
8. End Date: Choose an end date for each banner until which its slideshow should keep appearing on
the specified layout.
Note that, you must choose end date greater than the start date. Also, make sure that start date and end dates for any two banners do not overlap in case they are same banners and are being added on same layout and positions, else you wont be able to stop the warning messages from restricting you to proceed.
9. Sort Order: Type a sort order for slideshow to appear.
10. Remove : To delete a banner or a row, click on this button.
11. Add Module: Click on this button to add another row or a banner and then enter required details.
Note: Any changes such as adding, removing a module in this plugin or making changes to any of the
fields mentioned before will be reflected in the default slideshow plugin for opencart. And, similarly, all the changes made in the default slideshow module will be reflected in this plugin. This way, both modules will stay in sync with each other.
3. Get Support
By clicking on Get Support tab, you will be redirected to our support website, where you can contact our support for help. Use this tab in case you have any query/issue or found some bug.
Store Front
On the front end, visitors on the site will only see those slideshows for which the local current date
(according to timezone) lies between the date range as set by the admin.
Now the Opencart store merchant can easily get new subscribers for sending newsletters. Opencart Auto Subscribe extension allows the Opencart store admin to add a “subscription form” on the home page of the eCommerce store. This OpenCart Auto Subscribe extension helps the store merchant to design an attractive subscription form, so that, the visitors coming to the website get registered by submitting the required information on it. With a pop-up window, OpenCart email subscription popup allows the Opencart eCommerce store owner to collect the email address of website visitors. The Newsletter Subscribe Extension for OpenCart can automatically subscribe the online store visitors on registration or checkout. This way, the online merchant can get more email id details for sending the newsletter.
The online merchant can show subscription box on website pages and display attractive subscription popup on the website homepage. The online store visitors can enter their email id details and easily subscribe to the website. The Newsletter Subscribe Extension for OpenCart forwards email id details to admin’s MailChimp and Constant Contact account at the same time when users enter their details. The Email Subscriber module for OpenCart is mobile responsive, multi-lingual compatible and offers smooth functioning.
1.1 Features Offered by OpenCart email newsletter addon
The online merchant can subscribe online users automatically while registration, checkout or normally by showing subscription form.
The OpenCart product subscription module allows admin to show subscription box on website pages and subscription popup on the homepage.
The eCommerce store merchant can set the look and feel of subscription box/popup by setting its heading, description and color.
The OpenCart email newsletter addon allows setting the position for showing subscription box and show multiple subscription boxes on the same page by setting sort order.
The OpenCart product subscription module allows the store merchant to set gap for showing subscription popup next time to the same user.
The online store merchant can show a success message after subscription and admin can set the size of subscription popup.
Email Subscriber module for OpenCart allows sending a mail to the subscribers after subscription.
The store merchant can configure MailChimp and Constant Contact settings from the admin interface of the Newsletter Subscription Module.
The OpenCart email newsletter addon is multi-lingual compatible and mobile responsive.
There is no need to change even a single line of codes from the admin interface while using MailChimp Newsletter Subscription module.
Auto Subscribe integration extension helps store admin to gain email subscribers.
Opencart eCommerce store owner can collect mail id from users without any difficulty.
The online customers can get regularly updated the information of the store.
2.0 Auto Subscribe integration Installation Steps
Purchase OpenCart Auto Subscribe extension from the Knowband website.
First, you will get a source code file of the open cart Auto Subscribe extension in zipped file format.
User Manual of this OpenCart Auto Subscribe extension.
Follow below-mentioned steps in order to install OpenCart Auto Subscribe extension:
1. Unzip the received zip file. You will get the folders as shown in the following image:
2. Copy all the folders of the zip file in the Root Directory of OpenCart setup via FTP manager.
So, OpenCart OpenCart Auto Subscribe module is now successfully installed and ready to use at your store.
Now go to the admin menu and click on the extensions and thereby click on configure button next to OpenCart Twitter Login extension.
3.0 Admin Interface
After successful installation, you can configure the OpenCart product subscription module as described in this user manual. There are multiple Configuration tabs as shown below:
Subscriber Box Settings
Popup Setting
Email Setting
Mail Chimp
Constant Contact
Auto Subscribe Events
3.1 Subscriber Box Settings
Opencart admin can customize the subscription box to be displayed in the Opencart eCommerce store front by using the following settings option available.
Status: Enable the functionality for showing subscription box on wbesite pages.
Title Text: Enter the title of the subscription box in different languages.
Title Text Color: Select the title text color using color picker tool.
Curve Borders Value: The Opencart store admin can enter the radius of curve borders. This value will be applied to the four corners of the subscription box on front. Higher the value will result more curves.
Description: Enter the text for describing to visitors, the advantages of subscribing to your store. Admin can enter description in different languages.
Button text: Enter the button text here in different languages.
Button text color: Choose button background color using color picker tool.
Button Background Color: Select a color for the background of the button on subscription box.
Title Background Color: Set title background color here.
Box Background color: Choose a background color for the subscription box.
Add Module: Admin can select different pages and set the position of showing subscription box on it. Admin can disable any module if he wants to disable it. Admin can also show multiple subscription boxes on the same website page by selecting its sort order. Any module can be removed from the admin interface of OpenCart MailChimp extension anytime as per the requirement.
3.2 Pop up Settings tab
The OpenCart MailChimp Integration allows store admin to customize the pop-up box for showing on website homepage using the following setting option available.
Status: Enable or disable the pop-up display on the homepage. One cannot view subscription pop up on the front until this is enabled.
Pop up Image: Select the image for showing with subscription popup.
Show pop up again in (days): You can choose the duration (in days) for which the subscription popup will appear in the front-end. If you want the pop-up to appear only once in a lifetime, type in a number, say 999. If you want it to appear every time a user lands on the home page, type the value 0.
Pop-Up Width: Enter the value in percentage for setting popup width. Higher value will show larger width.
Title Text: Enter the popup title text in different languages.
Title Text Color: Select the title text color using color picker tool.
Description: Enter popup description in multiple languages for describing the store visitors the need of subscribing the store.
Button Text: Enter the button text in multiple languages.
Popup Text color: Set the popup text color using color picker tool.
Pop Up Border: Set the width of pop up border from the admin interface of OpenCart MailChimp Integration module.
Popup Border Color: Set the color of this border using color picker tool.
Button background color: Change the background color of your button as per the website theme.
Title background color: MailChimp Newsletter Subscription module allows setting the background color of the pop-up title.
Display Success Message: Enable to show success message after successful subscription.
Success Message: Set the message which you want to dispaly on website after successful subscription. You can enter success message in multiple languages.
Success Message Color: Choose the desired color for the success message using color picker tool.
3.3 Email Settings
Admin can show an email to the subscribers.
Display Success Message: Admin can Enable/Disable mail sending after subscription.
Success Message: Opencart store admin can set the mail content. This mail will be sent on subscription. In case of no content, the default mail will be sent to the customer.
3.4 MailChimp Tab
In this tab, OpenCart store admin can choose from the lists in his/her MailChimp account where emails should be added.
Initially, a message will be displayed like No list exists for this API key!
Enable MailChimp: Enable or Disable MailChimp from the admin interface of OpenCart product subscription module.
MailChimp API key: Enter the API key to fetch lists from your account.
MailChimp List: Choose from the lists displayed here. On the selected list, the email id details will be transferred.
3.4.1 Steps to generate Mailchimp API key
Step 1: Click on https://www.mailchimp.com and first of all create a user account in MailChimp, if you don’t have a MailChimp account. Once you create an account, log in to it.
Step 2: On the upper right corner of the dashboard, there will be a drop-down. Select the “Account” option from the list and click on that option.
Step 3: After clicking on the “Account” section, there will be some sub-menus. Select the “Extras” submenu. There will be some options, select “API keys” from these options as shown below:
Step 4: On API keys page, click “Create a key” and generate a new API key.
After clicking on Create a Key button, the user can view the newly created API key as shown below:
To create MailChimp Audience
Step 5: Click on the “Audience” tab in the upper menu for rreating new audience. Admin will be redirected to a new page where he/she can view previously created audiences and also create a new audience. The screen is given below:
Step 6: On clicking “view audiences” option, admin can view previously created audiences as shown below:
Admin needs to upgrade his/her account for adding more audiences. In the free account, admin can create a single audience only. Admin can upgrade account and then click on “Create Audience” option as shown below:
After clicking on “Create audience” option, admin needs to fill the required information:
After saving all the details, the admin needs to save it. This way, admin can create new audience ash shown below:
3.5 Constant Contact Tab
In this tab, admin can choose from the lists in his/her Constant Contact account where email id details should be added. Initially, a message will be displayed like No list exists for the combination of Key and Token provided above!
Enable Constant Contact: Enable if you want to save email id details in constant contact account.
Constant Contact API key: The Opencart store admin needs to enter API key. As soon as admin enters the key and clicks on the text box, the request is sent and lists (if any) are fetched and displayed in a drop-down box.
Constant Contact Access Token: The Opencart store admin needs to enter access token along with API Key. As soon as admin enters the token and clicks outside the text box, the request is sent and lists (if any) are fetched and displayed in a drop-down box.
Constant Contact List: Choose from the lists displayed here.
3.6 Auto Subscribe Events
Auto-subscribe events are the events on which the users can be subscribed to the configured lists in admin automatically. On such events, the user will not be notified of being added to the subscription lists you have chosen in admin but they will receive the email for the same if you have turned on the option to send emails (in subscriber box settings tab) on subscription.
Register: Turn on Register, if you want a user to be automatically added to your list on successful registration.
Checkout: Turn on Checkout, if you want a user to be automatically added to your list on successful checkout.
4.0 Requirements
1. Php version 5.3 or greater
To access the API of constant contact, one must use the PHP version equal or higher than 5.3. Unless your server is running the required PHP version, you will not be able to successfully install this plugin.
2. MailChimp
Before using this module, you must have a valid account with MailChimp and one or more lists created in it. Note that, you must also have the access right to alter your email subscribers list. You will need to provide these for this module to work.
API Key: You can obtain your API key from your MailChimp dashboard, or you can create one if you don’t have one already.
3. Constant Contact
You need to have a valid account with constant contact and one or more lists created into it. Note that, you must also have the access right to alter your email subscribers list. You will need to provide these for this module to work.
API Key: You get an API key from constant contact via email as soon as you register your application.
Access Token: In addition to API key, you also needed an access token to grant permission to access API.
Note that, this plug-in works for constant contact API version 2 since version 1 is deprecated and will soon be discontinued.
5.0 Website Front-end Interface
The online store visitors can view the subscription box on the website pages. On the front end, users will have the option to subscribe themselves by clicking on subscribe button. The module will look like the following screen. The visitor can type in email id and click on subscribe button to add itself to the lists configured. A success or an error message will be displayed to notify the user.
On the user’s end, pop up will appear something like this screen below, depending upon your chosen display settings.
If one chooses an image to be displayed on pop up from admin settings, a pop up like shown above will appear. Admin can also choose to show a pop up without any image, by not choosing any image in the admin panel.
After Successful subscription, the online users can view the success message.
Most of the visitors leave the checkout for the desired product just because they find the process complex and lengthy to complete. This ultimately leads to more and more number of abandoned carts. To control the exit and cart abandonment rates, Knowband has offered OpenCart One Page Checkout Pro plugin for OpenCart stores. Further, by implementing One Page Checkout for your eCommerce site, you can improve the conversion rates as it replaces the multi-step checkout page with a single page checkout.
Mobile View:
Salient Features of the OpenCart One Page Checkout extension:
The extension offers Guest checkout functionality by which the users can easily and quickly complete their orders as guest customers without creating a new account on the online store.
The OpenCart Fast Checkout extension allows the customers to quickly log in to the website using their Google, Facebook, and Paypal accounts.
The fields on the checkout page can be easily customized by the admin from the back-end of the OpenCart One Page Checkout Pro extension. The store admin can show or hide any of the fields from the checkout page or can make them optional or mandatory for the users to fill. The admin can also re-arrange the position fields with drag and drop functionality.
The store owner can easily customize the look and feel of the checkout page including changing the color of the buttons, background button color, text color, etc.
The OpenCart One Page Supercheckout offers multi-store and multi-lingual compatibility.
The OpenCart One Step Checkout extension supports nearly all the major shipping and payment methods that boost the confidence of the customers to choose their desired method from the checkout page.
The e-merchant can apply any of the design layouts from 3 different checkout layouts I.e., 1-column, 2-column, or 3-column. The fields can be easily rearranged by dragging and dropping.
The OpenCart Quick Checkout module offers integration with MailChimp, Klaviyo, and SendinBlue that allows you to sync your users’ database automatically with these accounts of yours without any manual efforts.
The e-merchant can also customize the look and feel of the extension through custom CSS and JS.
The OpenCart Responsive One Step Checkout module offers the Testing mode feature by which the store owner can check and view the customizations done before making the customizations live on the website.
The OpenCart Simplified Checkout module offers the Ship2Pay feature by which the store owner can map particular payment methods with selected delivery methods. It hides all the other payment methods on selecting a particular delivery method and shows only those payment methods that are mapped to the selected delivery method to the user.
2.0 Installation Guide of OpenCart One Page Checkout extension
Before starting the installation process, you have to buy the OpenCart One Page Checkout extension from the Knowband store. Once purchased, you will receive the following files in your registered email.
Source code of OpenCart One Page Checkout Extension in zipped file format.
User Manual of OpenCart One Page Checkout extension.
Now to install this OpenCart Single Page Checkout on your online shop, follow the given steps:
1. Unzip the zip file. You will get the folders as shown in the image below
2. Copy all the folders of the zip file in the Root Directory of OpenCart setup via FTP manager.
Steps to install the OCMOD file
After unzipping the folder, you will find a file supercheckout_pro.ocmod.xml as shown below:
Now in the admin panel, click on Extensions in the left side menu. Then click on Extension Installer ( Home->extension).
Now, Upload the supercheckout_pro.ocmod.xml. A success message is shown once the file is uploaded.
After the file is uploaded go to Home->Modification
You will find a file with the name Supercheckout Pro v2.8 (this means your ocmod has been installed successfully). Click on the corresponding “+” icon to enable it. The green icon turns into the red as shown below.
Finally, click on the refresh button (This is mandatory).
So, OpenCart One Page Checkout Pro is now successfully installed and is ready to use at your store. Go to the admin menu and click on the Extensions and then on Modules. Click the configure button next to Knowband Supercheckout.
3.0 Admin Interface of OpenCart responsive one step checkout module
Just after the successful installation of the One Page Checkout for OpenCart website, you can configure the checkout form fields as per your requirements. You have to navigate the settings in the given order: Admin Panel > Extensions > Modules > Knowband Supercheckout
The easy to understand admin interface of OpenCart One Page Checkout Pro is divided into ten sections namely:
1. General Settings
2. Customizer
3. Login Settings
4. Payment Address
5. Shipping Address
6. Shipping Method
7. Ship2Pay
8. Payment Method
9. Cart
10. Design
11. Newsletter
Each of these sections has been discussed below:
3.1 General Settings
Enable/Disable: Using this option, you can enable or disable the complete functionality of the OpenCart One Page Checkout Pro plugin from OFF to ON.
Enable Newsletter Option: You can enable or disable the Newsletter option on the Supercheckout page. Once you have enabled this button, the following will be the cases:
a.) Newsletter option will be visible to Guest checkout customers, only if you have enabled Register Guest Automatically option.
b.) Newsletter option will always be visible to customers if they are creating a new account.
c.) Newsletter option will never be visible to logged-in customers.
Register Guest Automatically: You can enable this option to automatically register the guest customers at your store. By enabling this option, you can register your customers to the store and send them a generated password on their email.
Register Account: By enabling this field, you can show a password field on the supercheckout page so that the new users can easily set the desired password for their account.
Select Default Option at Checkout: With this option, you can set a default option in the login section of your OpenCart One Page Supercheckout page out from the options as Guest, Login, and Register.
Disable Guest: You can enable or disable the guest functionality for the users in the login section of One Page Checkout.
Add Custom Style: With this option, you can add or include custom style to the Supercheckout page. To apply some custom CSS on the Supercheckout page, you can write that CSS in the text box which is just to the right of the Add Custom Style label. For eg: You can change the color of the buttons on the Supercheckout page.
Add Minimum Amount for showing free shipping banner: From this tab, the admin can add a minimum amount which is required after which the customers will be eligible to get free shipping of their order.
Enable Auto-detect Country: After enabling this feature, the extension will detect and fill the country of the user automatically in the country section.
Inline Validation: With this feature, the extension displays an error every time the user misses filling a mandatory field on the checkout page.
Enable Google Auto-address to fill: As soon as the user starts typing his address, the extension suggests his address if this feature is enabled.
Enable or Disable New Template: With the OpenCart One Page Checkout extension, the store owner can either apply the new or old checkout template as per his desire from the General settings.
Testing Mode: This option helps you to enable or disable the test mode functionality of this OpenCart One Page Checkout extension.
Testing URL: Once you enable the testing mode, you can set a supercheckout URL where you can test the functionality of one page checkout.
Customizer
From the Customizer tab, you can customize the Button Background Color, Button Border Color
Button Preview, Button Text Color, Button Border Bottom Color, My Account Button Background Color, Login Button Background Color, Login Button Background Color, Logout Button Background Color, Coupon Code Button Background Color, Voucher Code Button Background Color, etc.
Free Shipping Bar Background color: This section allows you to change the background color of the Free Shipping Bar on the checkout page.
Custom CSS and JS: This section allows you to customize the look and feel of the checkout page with custom CSS and JS.
3.2 Login
Under this tab, you will find options to configure Facebook, Google, and Paypal login options as shown below.
Enable Facebook Login: With this option, you can enable/disable the Facebook Login option on One Page Checkout.
Facebook App ID: This option lets you set the Facebook App ID which can be generated using Facebook Developer’s account.
Facebook App Secret: Using this option, set the secret key generated using Facebook Developer’s account.
Enable Google Login: With this option, you can enable/disable the Google Login option on One Page Checkout.
Google App ID: This option lets you set the GoogleApp ID.
The Google Client ID: This field lets you set the Google client ID created from the Google console.
Google App Secret: Using this option, you can set the App secret key generated using Google console.
Enable Paypal Login: With this option, you can let your customers log in through their Paypal accounts.
Paypal Client ID: This option lets you add your Paypal Client ID.
Paypal Client Secret: This option lets you add your Paypal Client Secret ID.
For detailed instructions to generate App ID, App Secret Key, and Client ID, jump to the next section.
3.2.1 How to Set up Facebook Login?
Facebook App can be created by below-mentioned steps:-
1: Go to the given URL: https://developers.facebook.com/apps/
2: Click on the “Create App” button.
3&4: Select the “Build Connected Experiences” option and click on the ‘Continue’ button.
5&6: Add “App Display Name”, “App Contact Email”, and choose from the “Do you have a Business Manager Account?” and then click on the “Create App” button.
7&8: After clicking on Create App ID you will have to go through a security check as shown:
10-15: Two options will be available in the dropdown, Basic and Advanced, click on “Basic”. And then enter your “App Domain”, ”Privacy URL”, ”Terms of Service URL”, ”Add Icon”, ”Select Category” and click on the “Save Changes” button.
App Domains:
yourdomain.com is correct
yourdomain.com/store is incorrect
www.domain.com is incorrect
16: Now click on “+Add Platform”.
17: And select Website as Platform.
18&19: Now Enter your site URL.
20&21: Click on “Products+” and click on the Setup button from the Facebook login tab.
22: Select the web as the platform for the app.
23: Add Site URL and click on save.
24-26: Click on Settings and add a Valid OAuth Redirect URIs.
9. Click on Add Domain and add Authorised Domain and then click on Save and Continue.
10. Click on Save and Continue button.
Click on +Add Users.
11. Add a user name and click on Add button.
12. The Added user will be visible and then click on Save and continue button.
13. Click on the Oath content screen and then click on Publish Add button.
14. Click on Credentials and then +Create Credentials button and then select Oath Client ID.
15. Add Application type and Name and then click on Add button.
16. Add the URLs and then click on Create button.
17. Copy and paste Client ID and Client Secret in the Text Field shown below in the Prestashop one page checkout module’s
How to Generate the Google API key:
1) Go to API Manager, click on the left menu, click on API & Services, and then click on Credentials.
2) Click on Create Credentials & then select the API key.
3)Copy the API key and enter the same into the Google App Id field of the admin end module’s login page.
3.3 Payment Address
This tab contains settings for the fields which are to be shown in the Payment or Billing Address section on the checkout page as shown below.
It consists of two sections. The one on the left is for Guest Customers and the right one for logged-in customers.
To make a field display/hide in the checkout page check the checkbox just to the left of the Show label.
To make a field mandatory (required field) check the checkbox just to the left of Require Label.
The fields can also be rearranged according to the requirement. To rearrange just move the cursor to the drag icon and drag & drop the field wherever it is required as shown below.
On saving, the fields will be rearranged as per the changes.
3.4 Shipping Address
This tab contains settings for the fields which are to be shown in the Shipping Address section on the checkout page as shown below.
It consists of two sections. The one on the left is for Guest Customers and the right one for registered customers.
To make a field display/hide in the checkout page check the checkbox just to the left of the Show label.
To make a field mandatory (required field) check the checkbox just to the left of Require Label.
The fields can also be rearranged according to the requirement. To rearrange just move the cursor to the drag icon and drag & drop the field wherever it is required as shown below.
On saving, the fields will be rearranged as per the changes.
3.5 Shipping Method
This tab contains settings for the shipping method which is shown on the checkout page. It contains settings for enabling/disabling and setting the default shipping method as shown below:
Display Shipping Methods: By this option, you can show/hide the shipping methods on the checkout page. For this, you have to switch the button from ON to OFF or vice-versa.
Display Style: This option allows you to select the display style for the shipping methods you have added to your website. You can choose any style out of three options as Text Only, Image Only, or Text with Images.
Display Shipping Method Title: With this option, you can enable or disable the title for the shipping methods displayed on the checkout page.
Select a Default Shipping Method: This option helps you to select any method as the default shipping method for your store.
Title: With this option, you can set titles corresponding to each of the shipping methods added and configured for your store. You can set the title in English or French language.
Logo: This option allows you to set the desired logo corresponding to each of the shipping methods configured for your store.
3.6 Ship2Pay
The ship2pay feature offered by the OpenCart Supercheckout module automatically disables the payment methods based on the shipping method selected by the customer. That is, the admin can map some particular payment options with some particular Shipping options on the store.
3.7 Payment Method
This tab contains settings for payment methods shown on the checkout page like enabling/disabling or selecting a default method.
Display Payment Methods: By this option, you can show/hide the payment methods on the checkout page. For this, you have to switch the button from ON to OFF or vice-versa.
Display Style: This option allows you to select the display style for the payment methods you have added to your website. You can choose any style out of three options as Text Only, Image Only, or Text with Images.
Select a Default Payment Method: This option helps you to select any method as the default payment method for your store.
Title: With this option, you can set titles corresponding to each of the payment methods added and configured for your store. You can set the title in English or French language.
Logo: This option allows you to set the desired logo corresponding to each of the payment methods configured for your store.
3.8 Cart
Under this section, you will find the cart fields divided into two sections, the left one is for Guest Customers, and the Right one is for Registered or Logged in customers.
To Display/Hide the cart from the checkout page check uncheck the checkbox present in front of the Display Cart label.
In order to enable/ disable any column in the cart check/uncheck the checkbox in front of that respective column.
To enable/disable the popup images for the product check/uncheck the checkbox in front of that respective column.
To change the size of image popup, enter the width and height of the popup in textbox in front of Product Image Size label.
Coupon , Reward Points and Voucher options can also be disabled or enable by checking/unchecking the checkbox in front of that respective field. Kindly note that rewards point text box will only be visible on Supercheckout page once following three conditions are fulfilled.
a.) Customer must be logged in.
b.) He must have atleast 1 reward point in his account.
c.) He must have a product in the cart which can be purchased with reward points.
Confirm:
This tab is again divided into two sections, the left one is for Guest Customers and Right one for Registered or Logged in customers.
To enable the comment box for the order by customer check the checkbox in front of that Leave a comment for the order label & to disable uncheck the same checkbox.
To enable agree to the term or any other information saved in the admin for the store check/uncheck the checkbox in front of I agree to the conditions label.
3.9 Design Tab
This tab contains the settings for the design of OpenCart One Page Checkout Pro as shown below:
1-Column
2-Column
3-Column
You can easily change the width of any column adjust the slider present at the top as shown below.
Also, you can reposition different blocks of checkout page using simple drag and drop action. On saving, the block will be rearranged in the checkout page as per the changes.
3.10 Newsletter
By clicking on the Newsletter tab of the OpenCart responsive one-step checkout module, you can configure the MailChimp, SendinBlue, and Klaviyo Integrator settings as shown below:
Enable MailChimp: You can enable or disable the MailChimp Integrator functionality for your store. You can enable this option if you want to boost newsletter subscriptions for your store.
MailChimp API Key: This option helps you to set the Mailchimp API key for capturing customer’s emails.
MailChimp List: Once the key is configured with this OpenCart fast checkout extension, you can fetch and select the MailChimp List.
The same can be done for SendinBlue and Klaviyo.
4.0 Front Interface of OpenCart One Step Checkout Extension
When the user clicks on “Add to Cart” button corresponding to a product and performs its checkout, they will see the following supercheckout on their screen.
5.0 Tutorial of Opencart One Page Checkout Pro by Knowband
To make the installation, setup, and configuration process completely hassle-free, we have created a detailed and easy-to-understand tutorial for OpenCart One Page Checkout Pro by Knowband. This step-by-step guide walks you through everything, from downloading and installing the module to configuring all its powerful features for a faster, smoother, and more user-friendly checkout experience.
Whether you are new to OpenCart or an experienced user, the tutorial ensures you can effortlessly customise fields, manage social login options, enable guest checkout, configure payment and shipping methods, and optimise the overall design without any confusion.
Watch the full tutorial here to ensure a seamless installation and smooth operation of the One Page Checkout Pro Extension.
The Opencart Ajax Cart Plus Extension by Knowband displays an interactive popup as user clicks on ‘Add To Cart’ option. On which, the users can easily view the estimated cost of the cart, remove the cart products, update the quantity, apply the coupon/voucher, contact the support team etc. This Opencart extension helps the admin in increasing the up-sell of the website too.
2. Open the upload folder and you will find the following folder structure:
You must have VQMOD installed for this plug-in to work. If VQMOD is not installed please download and install from the URL below: https://code.google.com/p/vqmod/
3. Select all the folder and drag and drop them to the root directory of your OpenCart store
through FTP.
4. You will be able find the Opencart plugin ready to be installed in the Modules in your OpenCart store as shown below.
5. Click on the Install link to install the plugin.
Vqmod xml directory should be writable. Refresh homepage of your store every time after installation/uninstallation of plugin.
6. To access Ajax Cart+ plugin click on edit button in module section as shown below:
7. On clicking edit button the module for plug-in will open. It contains navigational bar at top, menu at
left and main content at center as shown below.
General Settings of the Opencart ajax cart extension:
1. Enable/Disable: To enable/disable the opencart ajax cart, Switch the enable button OFF to ON / ON to OFF this is just to the right of Enable/Disable label. Refresh home page of your store every time you change enable/disable setting. 2. Enable/Disable in mobile: The Opencart popup cart extension allows the admin to enable or disable this Opencart plugin in mobile device. 3. Select option to show on Popup: This field of opencart pop-up cart extension allows the admin to select the option that would be displayed at the front end, i.e. None, Banners or Related Products.
>>When you select banner radio button, a button Add Banner (Max 3) will appear on screen. >>Click Add Banner button to add a banner, on clicking this button you will be asked to enter banner URL and select banner image.
>> Write the complete URL of your webpage where you wish to redirect user on clicking the banner.
>> Select an image for banner to be shown on pop-up dialog from Image Manager as shown below. Click Browse to open Image Manager.
>> You can remove a banner by clicking Remove Banner button.
Cart Settings of the Opencart Ajax Cart Plugin:
1. Show Contact Email: This field of the opencart ajax cart extension is provided to the admin to display contact email on the popup by enabling the Show Contact Email option. Email in the field Enter Email Id will be required. 2. Enable Coupon Field: You can enable OR disable the Voucher & Gift Coupon functionality from the ajax cart popup by enabling& disabling the respective field.
Front End of the Opencart Ajax Cart Extension:
Cart with Related Products:
Cart with Banners
Cart without Banners and Related Products
Cart when coupon applied
Recommendations
1. Refresh home page of your store every time you enable/ disable plugin.
2. If plugin is not working after installation then please check permissions on vqmod folder.
mods.cache file, xml, vqcache folder should be writable. Please make the folder permission to 755 and also check if apache process has access to this folder.
3. Popup will enable on the product page by default if theme is implemented as per OpenCart standards.
4. To enable the popup on Home Page & Category Page, Manual code has to be entered. Please follow the instruction below the display the popup on Home, Category page.
*Theme should be using the default open cart function to add products into cart.
In the present time, the Online shoppers are always looking for exciting shopping offers and deals that can give them ample reasons to indulge in online shopping. If you have this Knowband Opencart Scratch Coupon extension that displays a scratch coupon on the front-end where the store visitors can scratch the coupon with their mouse and win alluring discounts.
The Opencart Extensions enable the store owner to allow the system to give discount coupons to endpoint customers and analyze the customer’s need by tracking discount coupons. As we know that customers attract to any shopping sites on the base of attractive offers and various type discounts. So, with keep in mind these points, this Opencart coupon email extension will generate discount coupon on the front end to all visited customers, based on defined discount criteria by the Opencart store owner.
1.1 Benefits for the store owner
1. The Opencart coupon email plugin can be installed and customized without any hassle.
2. The Opencart scratch coupon module allows the online merchant to enable/disable it with a by toggling the button.
3. The mouse cursor is used to scratch the coupon on the front end.
4. The Opencart scratch card enables the Opencart store admin can send a personalized email with the coupon code.
5. The Admin can add the own rules and he/she can be customized as per requirement. For example, the shipping cost to be added or not.
6. The Store admin can track the use of the coupon codes and more with the help of Opencart Scratch Coupon pop up module.
7. The Opencart coupon generator module by Knowband allows the eCommerce merchant to set the discount amount, the eligible time period to avail coupon code and much more.
8. The Opencart scratch card pop up by Knowband allows the e-merchant to customize the messages on the scratch card, button text and input field from the back-end of the Opencart plugin.
9. The Admin has an option to customize the look, feel, and text of the front block from back-end itself.
10. The Opencart Scratch Coupon module provides free technical support and assistance.
11. The Opencart scratch coupon extension by Knowband is compatible with various types of online stores and themes.
12. The Opencart Scratch Coupon pop up module offers free technical support service and updates.
13. The Opencart scratch card can be installed and configured in a seamless manner.
1.2 Benefits for the Customer:
1- This Opencart scratch coupon extension by Knowband give the attractive offer to the customer.
2- This Opencart scratch coupon pop up module is mobile responsive and enables the customers to scratch the coupon on their mobile phones and desktop.
2.0 Installation
After purchasing the Knowband Opencart scratch coupon pop up plugin you will get following files as listed below:
1. Compressed File in ZIP format (contains source code of the module)
2. User Manual
How to install OpenCart Scratch Coupon plugin on your server
1. Folder structure of the Opencart scratch coupon module folder.
2. Open the upload folder and you will find the following folder structure:
You must have VQMOD installed for this plug-in to work. IfVQMOD is not installed please download and install from the URL below:
https://code.google.com/p/vqmod/
3. Select all the folder and drag and drop them to the root directory of your OpenCart store through FTP.
4. You will be able find the Opencart coupon email extension plug-in ready to be installed in the Modules in your OpenCart store as shown below.
5. Click on the Install link to install the Opencart scratch coupon pop up module. This will also add a dropdown option in your menu bar which will list all plug-ins by Velocity installed on your store for fast navigation. This dropdown also has a message box, using which we can inform you about new launched plug-in or new update.
6. Delete the Vqcache files from the vqmod/vqcache folder.
7. To access Smart Sort Order Opencart extension click on edit button in module section.
8. On clicking edit button the Opencart coupon generator extension for Opencart plug-in will open. It contains navigational bar at top, menu at left and main content at center as shown below.
3.0 Admin Module
After installing Opencart scratch coupon extension into store, the Opencart extension will provide following interface:
1.General Settings
2.Report Analysis
3.Get Support
Each interface is explained below:
On clicking on edit link on module listing page, the system will open general settings tabs by default as shown in the screen below:
3.1 General Settings
On clicking on edit link on Opencart module listing page, system will open general settings tabs by default as shown in screen below:
1. Enable/Disable: Initially, this will be “OFF”. User can enable/disable Opencart scratch coupon extension functionality by turning ON/OFF this setting.
2. Background Color: This field will be used to define background color of scratch coupon box on front end. On clicking this input, a color picker will pop up from where user can change the color of background color. There is no option to blank this field.
3. Main Title: Mandatory. This is the title showing on the top of the coupon box on front. User can make this title stylish as setting following options:
Bold: To darken the title.
Italic: to italic the title
Size: to increase/decrease the size of the title.
Color: To set the color of the title.
4. Scratch Box Title: Mandatory. This title will be show just above the scratch area on front end.User can also make stylish this title with style options.
5. Form Title 1: Mandatory. After little scratching of discount, Opencart scratch card module will open a form to submit name and email id to get coupon. This title will be shown on top of this opened box.
6. Form Title 2: Mandatory. This title will be displayed just above the email input form and below the After Scratch Title on front end. User can also stylish this title with various style options.
7. Email Title: Mandatory. In this field user can set name of the email input field, showing with “email input” on front.
8. Name Title: Mandatory. In this field user can set the name of name input field, showing with “name input” on front.
9. Input Border Field: Use to style the border of input fields on front end. We recommend that use opposite color of background color to clearly show the input fields on front end.
10. Button Text: Mandatory. Here user can set the title of button. User can also change the color of button text by setting the color into corresponding color field.
11. Button Background Color: Mandatory. Here user can set the background color of button. This color will also be used for setting the color of separator between scratch coupon box and input form box. Also use for setting color of close(X) button, which will be used for close the coupon box on front end.
12. Coupon Expire: Mandatory and must be number greater than 0. This field will be used for defining the expiration date of coupons. In this field, user can set after how many days coupon will be expired. The expiration date will be set at the time of coupon generation.
13. Scratch Box Display Interval: Mandatory and must be number greater than 0. This field will be used to, after how many days; scratch box will be displayed again on the same system.
14. Discount Type: Mandatory. Here user can set the type of discount to customers. There are three options to set the discount type. They are as follow:
a. Fix Percentage: By default, this option will be selected. Here user can set the fix percentage discount. Fix percentage value will lie between 1 and 100. On front end,each coupon will have fix discount percentage.
b. Percentage Range: On selecting this option. Two inputs will be shown as shown in screen below:
Here user can set the range of percentage. By setting this option, plug-in will randomly generate discount within percentage range on front end.
c. Fix Price: If user set fix amount discount instead of percentage. Then this option will fulfill this need. Here user can set fix amount in USD.
15. Allow Free Shipping: By default No will be selected. On selecting Yes. Free shipping will be allowed on the generated coupons.
16. Success Message: Mandatory. This message will be shown after sending coupon to corresponding customer.
17. Mail Subject Line: Mandatory. Use to set the subject line of coupon mail send to customers.
18. Mail Body: Mandatory. Mail body of coupon.
19. Send Email to Admin: By default “No” will be selected. This option will enable Opencart scratch coupon extension to send same email to admin or not.
3.2 Report Analysis tab
In this tab, Opencart generate coupon extension will show the coupons and discount statistics in graphical form. With the help of these statistics, user will able to analysis customers need in form of discounts and time as shown in screen below:
There are following graphs will be shown into this tab:
1. Discount Statistics: In this, Opencart scratch coupon pop up plugin will show, how many number of customers applied for which discount range and how many times coupon is scratched for which discount range. As there are two types of discount: percentage and fixed amount; in a system. The opencart extension will show a separate graph for both discount types as follows:
a. Percentage discount statistics: This will be a bar graph, in which discount interval will be of 20% upto 100%. Below is the sample screen of this statistics:
b. Fixed Amount discount statistics: This will also be a bar graph, in which discount interval will be of $20 and 6 intervals will be shown. Below is the sample screen of this statistics:
With the help of these above two graphs, the user can track the customer’s needs in terms of discounts. Information gathers in these statistics will be helpful in attracting more customers by offering preferred discounts and increase store sales. The user can also filter these graph by selecting dates.
2. Coupon Statistics Generated Vs Used: This will be bar graph and will show the coupons generated and same coupons used within last 7 days. This graph will be helpful to analyze the customers that the customers used the coupons on the same day or on another day. The user can also filter graph by selecting a date. Following is the sample screenshot of statistics:
3. Coupon Used Statistics: In this, Opencart scratch coupon extension will show that how many coupons used in term of percentage on the date and how many coupons in terms of percentage will be used by same customer and another customer. Data will be shown in the form of the pie chart. By default, Opencart module will show last 7 days statistics. The following screen is shown below as a sample:
4. Coupon Used within days: This bar graph will help the user to analyze that, in how many days coupon is used after assigning to the customer. By default, Opencart coupon email extension will show coupons within the interval of 10 days. The user can increase days interval by selecting interval from drop-down menu. Below is the sample screenshot of this statistics:
5. Statistics-Per Coupon (Last 30 Days): Here Opencart scratch card will show each coupon statistics in a tabular format.Opencart plugin will show only last 30 days data. This tabular format will show following data:
Coupon: Coupon code
Assignee Name: Name of the customer to which coupon is assigned.
Assignee Email: Email id of the customer on which coupon sent.
Gender: Show gender (M/F) of customers.
Assigned date: On which date coupon was assigned to the corresponding customer.
Expire Date: On which date coupon will expire.
Used By: Email id of the customers who will use this coupon. If the coupon is not used yet, then this will show NA.
Used Date: Date on which coupon was used. If not used, then this will show NA.
Status: Status of the coupon.
6. Coupon Status Statistics: Here Opencart scratch coupon module will show status of coupons generated within last 7 days in form of a pie graph. Coupon statuses are: Used, Unused and Expired. If coupon of any status not find, then Opencart extension will not show it in pie graph. Following is the sample screenshot of this statistics:
3.3 Get Support tab
If user have found any issue regarding and wants any type of support, then via this link, the user can create the ticket for any query on our helpdesk support.
Scratch Coupon description
On front, the Knowband Opencart scratch coupon extension will only be displayed on home page after enabling it from admin panel. This scratch coupon box will show on top of the homepage. Following is the screen of scratch coupon box with default values:
After scratching coupon area above 30%, an input form will be open just below the coupon box as shown in screen below:
After providing name and email into form, Opencart scratch coupon module will send the coupon with discount showing in above screen to the corresponding customer. After sending email to the customer, a success message will be displayed as shown in below screen:
The above message will disappear after 5 seconds and next discount will be shown on the same system after defined (set through admin panel ) days
Tracking Information
On the front end, this Opencart coupon email extension by Knowband will track following information to create analysis reports in the form of graphs:
1. Discount Scratch Tracking: Whenever customer scratches discount upto 10% of the scratchable area, then Opencart coupon generator extension will track that event and save into DB, after that disable the tracking process until the browser will not reopen again on the same system.
2. Coupon Tracking: To get a coupon of scratched discount, the customer must have to provide his name and email. After providing it, Opencart scratch card pop up will generate a coupon randomly and send it to the corresponding customer. After sending, Opencart extension will save coupon data and to which customer this coupon is assigned into the database.
3. Send Email to Admin: If store owner allows email to admin, then Opencart scratch coupon pop up extension will also send the same email to admin.
4. Enable discount coupon again: After sending coupon to customer, Opencart Scratch Coupon plug-in will not re-generate discount on the same system till days defined by the store owner in the admin panel.
You can try Knowband’s Opencart scratch coupon extension for on your Opencart store. Opencart generate coupon module helps you increase customer engagement to your store and give the better user experience to your eCommerce customer.
Installation Steps of Magento Advanced Wish List Extension
1.0 Introduction
Most of the time eCommerce store visitors have to plan their shopping in advance – they may need certain products regularly (e.g. consumer goods or food, clothes); for special occasions, to make sure they will have all they need, etc. For this purpose making the easy, they save the favorite product to their wishlist. The Magento Advanced wishlist extension makes this process much more comfortable – with it customers can save the favorite products, they are planning to buy in the future, etc.
This Magento advanced order list extension motivates the customer to come back to your website as well as attract the new shoppers and they place more orders. This Magento extension shows the popup of the wishlist product at the bottom of the webpage with the help of this, they can transform wishlist products into checkout with just a click of a button.
1.1 Benefits of the merchant:
The Magento advanced wishlist extension allows the customer to maintain the private wishlist of the product that can help for future reference.
The Magento extension provides an option to the store admin can view the complete list of products saved by the customer on their wishlist.
The Magento Advance order list extension allows the e-merchant to change the look and feel of the wishlist and add to cart button and they can also allow the default. color settings as per requirement.
The Magento advance purchase list has an option to include the jQuery file if required.
The online retailers can set the expiry of the saved product in days.
With the help of this Magento advanced wishlist extension, the store admin can view the which product is most popular and high demanded.
The store admin can analysis the sales report.
The Admin can Re-Price the products to increase sale.
This Magento saves for later extension compatible with all themes.
Mobile responsive.
Easy installation and use.
2.0 Installation Guide
1. Folder structure of the Magento Return Manager module.
2. Copy all the above folders into Magento root directory and clear the cache (if enabled).
3. Now, login to the admin panel of your Magento store. You will be able find the “Save for Later” option inside the “System > Knowband Extensions > Save for Later” menu.
2. On clicking menu Save For Later the module for plugin will open. It contains navigational bar at the top, Tab menu at the left and in main content the first general setting tab will display.
4. You can now configure the Magento Save for Later Extension as per your requirements and check its working in the front end at following URL:
https://pstest2.knowband.com/mage1932
3.0 Admin Module
After installing the Magento advanced wishlist plugin into magento store, the module will provide following options inside “Save For Later” menu:
Above 4 points are actually one section comes under “Settings” but described here as separate entity for more clarity.
Each interface is in form of a tab and each tab contains some specific settings/functionalities that can be changed according to the need. Each tab is explained below.
3.1 General Settings
1. Active: Initially, this will be “OFF”. The e-merchant can enable the module, select enable present under the label Activate.
2. Remove Wishlist : Check this option to remove the default wishlist from the website.
3. Use Default Color Setting: This option will allow the store admin to reset your color setting to default. The default color values will display by default. Remember if you wish to change the color setting then this option must be disabled.
4. View All Button Color: To Select a color for the view all button color in the saved product list. See below image:
5. View All Button Text Color: Select the color value for text over the view all button color.
6. Add To Cart Button Color: Select the color for add to cart button visible on the page open on the click of view all button.
7. Add To Cart Button Text Color: Select the color for the text over the add to cart button.
8. Days to Store guest Product: For guest users the product will be saved in the cookies. Using this option you can set the expiry days for cookies.By Default cookies will stored for 10 days.
9. Jquery File: jQuery i.e. a javascript framework is required for this plugin to work. Sometimes themes used in magento already includes it but sometime they do not. If jquery is already included in your theme select no else select yes to include it.
3.2 Category Analysis
This Magento advanced wishlist extension allows the admin to make an analysis on the Categories. Here the store merchant can view the graph for the categories using the dropdown menu and date filters. When the admin opens the tab, by default last week report will display. If there is no product saved in last week then no record found message will display instead of the graph.
Below the graph a grid is provided. This grid will display the categories of the product saved.
On the top of the grid there is an export button , that will export the grid data into csv file. You can find particular record for category by using its id and search button available on top left of the grid.
In the Grid you can see an action column, on click of it a new grid will open in another browser tab displaying the products saved under that category.
NOTE: The No. of Product will be display according to configuration scope.
3.3 Product Analysis
This Magento advance purchase list allows the admin to make an analysis on the Products. The Product analysis tab the online retailers can view the graph for the product using the dropdown menu and date filters. When the admin opens the tab, by default last week report will display. If there is no product saved in last week then no record found message will display instead of the graph. Below the graph a grid is provided. This grid will display the categories of the product saved.
On the top of the grid there is an export button , that will export the grid data into CSV file. You can find particular record for category by using its id and search button available on top left of the grid.
NOTE: The No. of Product will be display according to configuration scope,
3.4 Customer Analysis
This Magento advance order list allows the Magento store owners to make an analysis on the the online customer. The Online store owner can view the use count of the SAVE FOR LATER option for each user in the grid.
Also, there is a column view saved products, on click a new grid will open in new tab displaying the products saved by that customer.
NOTE: The no. of use count and no of product can be different. When you click on view saved product , only those product will be displayed which are saved in customers list that time.
Hope that we have covered all the concerned regarding the installation of Magento Extension. If you are new on Magento then you can also check our blog of Top Magento themes of 2015.
4.0 Front End Module
After enabling the Magento save for later module, customers will be able to see a bottom bar on every page of the store containing the “Your Saved Item block” enabled through configuration panel of the magnto extension.
The bottom bar at the front-end appears as shown below:
The highlighted “Shortlist” button will allow customers to shortlist corresponding products into a separate bucket. This bucket is displayed at the bottom of the page as highlighted in above screen.
When the customer clicks on “Shortlist” button, a product gets added to bucket and button text will get changed from “Shortlist” to “Added”.
You can try Knowband’s Magento Advanced Wishlist extension for on your Magento store. Magento advance order module helps you increase customer engagement to your store & you can
Provide the option to the online shoppers to save the favorite product to their wishlist.
Knowband offers OpenCart pdf invoice Extension which generates an invoice in pdf format and allows the online users to download and view the pdf invoice from the order history page. The online merchant can also send a pdf invoice along with the order confirmation email. With this feature-rich OpenCart pdf invoice Module, the online merchant can create an invoice format by selecting the fields which he wants to show on the invoice pdf. The OpenCart pdf invoice plugin is mobile responsive and multi-lingual compatible. The eCommerce store merchant can view and print order invoices from the admin interface of this OpenCart invoice PDF module.
1.1 Basic Features offered by OpenCart pdf invoice Extension
The OpenCart pdf invoice plugin enables Online retailers to enable the invoice download option and attach PDF with the email option.
The online store merchant can add Custom CSS if they want to make PDF invoices more attractive.
The online store admin can design his invoice from the admin interface of the OpenCart auto-generate invoice module.
.The Advance Invoice PDF module for OpenCart allows displaying/hiding store details and order details from invoice pdf and payslip.
The online store admin can include/exclude Payment and Shipping Address fields by selecting the show/hide option.
The online merchant has an option to display or hide the Payment and Shipping Address fields.
OpenCart auto-generate invoice module allows the store merchant to set the business logo, invoice title and store title if he wishes to do so.
The online store merchant has an option to add the Custom block to the PDf Invoice. Admin can add header and footer text.
The Admin can send an invoice to customers in PDF format along with confirmation mail.
This Opencart pdf invoice Extension will help you get a clear insight into the purchases made by your targeted customers.
2.0 Installation Steps
Purchase OpenCart pdf invoice Module fromKnowband. You will receive these files after purchasing the OpenCart pdf invoice Module:
First, you will get a source code zipped file.
User Manual
Follow the below-mentioned steps to install the OpenCart pdf invoice Module:
Unzip the received zip file. You will get the folders.
Copy all the folders of the zip file in the Root Directory of OpenCart setup via FTP manager.
There will be a file named kbpdf_invoice.ocmod.xml (In the case of Openvar v3.0.x file name would be kbpdf_invoice.ocmod.zip). Upload the same file from the page “Admin -> Extension -> Extension Installer -> upload”.
So, OpenCart pdf invoice Module is now successfully installed and ready to use at your store.
3.0 Admin Settings
After the successful installation of OpenCart generates invoice plugin, the online store merchant can apply the required settings for implementing the module functionality.
There are the following sections available to the admin interface:
General Settings
Header Information
Store Information
Order information
Payment Details
Shipping Details
Cart Details
Custom Block
Support
Each section of this Opencart email customer pdf invoice extension is explained in this user manual.
3.1 General Settings tab
This tab contains general settings of the PDF Invoice module as shown below:
Status: To enable the Opencart PDF Invoice plugin, switch the enable button from OFF to ON which is just to the right of the “Status” label.
Attach PDF with Email: Enable the option if you want to send the invoice pdf along with the order confirmation email. The online users can easily view and download the pdf from the order confirmation email.
Invoice Download Option: To enable the Invoice download option to Customer, switch the button from OFF to ON which is just to the right of the “Invoice download option to Customer” label.
Add Custom Style: To customize the Invoice, add CSS in Add Custom Style.
3.2 Header Information tab
The online store admin can apply Header information settings for pdf customization:
Display Header Logo: The Admin can enable or disable the settings for showing/hiding the header logo.
Header Logo: Select the image which you want to show as the header logo.
Display Store Title: Show or Hide the store title by enabling or disabling the “display Store Title” option.
Store Title: store admin can set store titles in English and French languages.
Display Header Title: Show or Hide the Invoice title by enabling or disabling the “display Invoice Title” option.
Header Title: Set header title in English and French languages.
3.3 Store Information tab
It consists of two sections. The one on the left is for Invoice and the right one is for Payslip as shown below:
The online merchant can show/hide any field just by a single click:
Display Store Name: Admin can show store name on invoice and payslip by selecting the “show” option.
Display Store Address: Admin can also show the store address by selecting the show option.
Display Store URL: Show/hide store URL on invoice and payslip.
Display Store Contact: The OpenCart pdf invoice plugin also provides an option to show store contact.
Display Store Fax: Admin can also show store fax details.
Display Store Email: Show/hide store email details on invoice pdf and payslip.
3.4 Order Information tab
It consists of two sections. The one on the left is for Invoice and the right one is for Payslip as shown below:
Admin can show/hide these fields on invoice and payslip by a single slide. These are the available fields:
Display Order Id: Select the “show” option if you want to display Order id.
Display Order Date: Admin can display Order date on invoice pdf and payslip by selecting the “show” option.
Display Payment Method: The OpenCart pdf invoice plugin allows showing/hiding payment methods.
Display Shipping Method: Slide to the “show” option if you want to display the shipping method.
3.5 Payment Details tab
This tab contains settings for the fields which are to be shown in the Payment or Billing Address section on the invoice page as shown below.
It consists of two sections. The one on the left is for Invoice and the right one for Payslip.
The online store merchant can show/hide every field for invoice pdf and payslip.
3.6 Shipping Details tab
This tab contains settings for the fields which will be shown under the shipping details tab:
It consists of two sections ie Invoice and Payslip section. The online store merchant can select a show/hide option as per the requirements.
3.7 Cart Details tab
This tab is again divided into two sections, the left one is for Invoice and the Right one for Payslip as shown below.
The online merchant can show/hide the field’s visibility on the invoice pdf and payslip. The eCommerce store merchant can also set the product image size specifically for payslip and invoice pdf.
3.8 Custom Blocks tab
This tab contains the Option to add HTML Content to Invoice Page as shown below. Admin can set header and footer HTML content on invoice pdf and payslip.
Click on either HTML Header Content to add additional information on the header section of invoice pdf and payslip.
Click on the HTML Footer Content option to add content in the pdf footer section.
Whenever you click on either button, a pop-up image will be displayed as shown below. Header Content will be displayed on the top of the invoice and Footer content will be displayed at the bottom.
3.9 Get Support tab
By clicking on the Get Support tab, you will be redirected to our support website, where you can contact our support for help. Use this tab in case you have any queries/issues or found some bugs.
4.0 Front-end Interface
In the storefront section of the OpenCart pdf invoice plugin, there are 2 features for customers.
1. Download Invoice option
The online users have an option to view and download invoice pdf from the order history page.
2. PDF with the order confirmation mail
The customer will receive an attached PDF Invoice with the confirmation mail.
The online store admin can also view and print any invoice pdf and payslip from the admin interface
In 3.0 Version:
The store admin can print invoices and payslips from the admin interface.
The store admin can view and print the invoice as shown below:
Admin can also view and print the payslip as shown below:
You can try Knowband’s Opencart PDF Invoice extension on your Opencart store. Opencart auto generates PDF Invoice plugin helps you increase customer engagement to your store and give a better user experience to your eCommerce customer.
1. Download the zip from open-cart & unzip into a folder. After unzip folder structure of Push Cart -Promotion plugin will be similar to shown in below screen.
2. Open the upload directory & you will see following folder structure.
3. Login via FTP & Drag drop all the folders into your server root directory. You don’t have the change the default theme folder name to your theme folder name.
You must have VQMOD installed for this plug-in to work. If VQMOD is not installed please download and install from the here:
4. You will find the plugin ready to be installed in the Order Totals of your open-cart.
5. Click on Install link to install the plugin.
6. Delete the vqcache files from the vqmod/vqcache folder.
7. To excess Push Cart – Promotion plugin, Click on edit button in of Push Cart – Promotions module as shown below.
8. On clicking edit button the module for plugin will open. It contains navigational bar at the top, menu at the left and main content in the center as shown below.
1. General Setting tab
1. To enable this plugin, switch the enable button from Disable to Enable which is just to the right of Enable/Disable label.
2. To display promotions on product and shopping cart page, set Display Promotions status to Enable.
3. To set sort order for Push Cart Promotion, provide the value in the text-box which is just to the right of Sort Order.
2. Promotions tab
1. This tab will list the details of all the promotions which exist within the system as shown below.
2. You can create new promotion, edit or delete any existing promotion from promotion list.
Add/Edit Promotion
1. To add new promotion, click on Add Promotion button shown at the top of promotion list table which will display the Add
promotion form as shown below:
2. Add Promotion form consist of three tabs:
Promotion Information
Promotion Methods
Upload Promotion Banner
Promotion Information
Promotion information tab consists of following entries which were needed while creating promotion:
a) Promotion Name (Required): Name of your promotion.
b) Promotion Description: Description of your promotion.
c) Status: Promotion status (Enable/Disable).
d) Stores (Required): Store to which promotion will be applicable.
e) Customer Groups (Required): Customer Groups to which promotion will be applicable
f) Week Days (Required): Week Days to which promotion will be applicable
g) Customer Login: Set if customer must logged-in to use promotion.
h) Special Products: Set if promotion to apply on special products.
i) Discounted Products: Set if promotion to apply on discounted products.
j) Uses per promotion (Required): Define the limit for number of times promotion can be used by all customers. Set 0 for unlimited.
k) Uses per customer (Required): Define the limit for number of times promotion can be used by single customers. Set 0 for unlimited.
l)Start Date (Required): Define the start date for promotion.
m) End Date (Required): Define the end date for promotion.
n) Sort Order: Set sort order for promotion.
Promotion Methods
Promotion methods tab consists of following entries which were needed while creating promotion:
a) Promotion Method (Required):
To create promotion within the system, promotion method type must be selected from the following promotion methods:
1) Sales Off
With this promotion method, you can create promotion to provide discount on sales products.
Example:
a) Buy product X and Get 10% off on product X
b) Buy product X and product Y and Get 50% off on product X and Y
2) Buy X and Get Y
With this promotion method, you can create promotion to provide discount on promoted products. Example:
a) Buy product X and Get product Y free
b) Buy product X and product Y and Get 50% off on product Z
3) Spent $X more and Get $Y Off
With this promotion method, you can create promotion like “Spent $X more with product X andGet 50% off on product X”.
4) Cheapest product free
With this promotion method, you can create promotion to provide discount on cheapest productin cart. Example:
a) Buy products X, Y and Z and Get 40% off on cheapest product
b) Buy products X, Y and Z and Get cheapest product free
b) Discount Type: Select discount type (Percentage/Fixed). Default will be percentage.
c) Discount (Required): Provide the discount value. (Discount will be applied product price).
d) Min Total Amount (Required): Set the minimum cart total that must be reached to use promotion.
e) Min Total Quantity (Required): Set the minimum cart quantity that must be reached to use
promotion.
f)Sales Product Quantity (Required): Define the sales products quantity. (Required with promotion methods Sales Off & Spent $X more and Get $Y Off)
g) Product Type: Select product type ( Any/All Product ). ( Any product – Discount to be applied if anyone of selected products was present in cart, All Products – Discount to be applied if all selected products was present in cart).
h) Spent Amount (Required): Define spent amount. (Required with promotion method Spent $X more and Get $Y Off)
i)Buy Product (Required): Select buy product with quantity (Required with promotion method
Buy X and Get Y).
j)Get Product (Required): Select get product with quantity (Required with promotion method Buy X and Get Y).
Promotion Banner
Promotion banner tab consists of following entries which were needed while creating promotion:
a) Upload Banner (Optional): You can upload a banner with a promotion which is to be shown on store.
To show promotion banner on store refer Promotion Banner Tab.
3. Banner Layout tab
1. This tab will list the details of all the promotion banners which exist within the system as shown below.
2. You can add new banner or remove any existing banner from promotion banner list.
3. You can define following fields for Promotion banner:
a) Banner Layout: Select the promotion from the list having banner which is to be shown on store.
b) Dimension (Width*Height): Define the dimension (width*height) for banner to be shown on store.
c) Layout: Set the layout for banner (Page on which selected banner to be shown).
d) Position: Set the position for banner.
e) Status: Define the banner status. (Default will be enable)
f)Sort Order: Set the sort order for banner.
4. Reports tab
1. Promotion reports tab consist of three charts to show the graphical representation of promotion being used which in the system:
a) Sales using Push Cart Promotion :
This chart provides the estimation of total sales made using push cart promotion with respect to sales without push cart promotion.
b) Most Used Five Push Cart Promotion :
This chart shows the most used five push cart promotion among all the promotions within the system.
c) Daily Used Push Cart Promotion :
This cart shows the number push cart promotion used on daily basis. You can get number of push cart promotion used within the specific dates using filter.
Promotion on Stores
1. Promotion will be shown on products page with following terms and conditions:
a) Min Total Amount: Minimum total amount that must reached to use promotion.
b) Min Total Quantity: Minimum total quantity that must reached to use promotion.
c) Min Product Quantity: Minimum product quantity that must reached to use promotion.
2. Promotion applied to any product in cart will be displayed shopping cart page, order total ,checkout page as shown below:
3. If promotion exists on any product in cart then push cart shown below will be displayed on shopping cart page which will allow user to add discounted products more easily into their shopping cart.
1.0 How to install the OpenCart Admin Orders plugin on your server?
Download the zip from OpenCart & unzip into a folder. After unzipping the folder structure of the OpenCart Admin Orders plugin, you will be able to see a similar screenshot like mentioned below.
Open the upload directory & you will see following folder structure.
Login via FTP & drag-drop all the folders into your server root directory. You don’t have to the change the default theme folder name to your theme folder name.
You must have VQMOD installed for this OpenCart manage order plugin to work. If VQMOD is not installed please download and install from the URL below: https://code.google.com/p/vqmod/
You will find the OpenCart back-end order plugin ready to be installed in the Modules of your OpenCart.
Click on Install link to install the Opencart plugin.
Delete the vqcache files from the vqmod/vqcache folder.
To excess Admin Orders extension, Click on the edit button in the Admin Orders module as shown below.
On clicking the edit button, the Opencart order manager module by Knowband for the plugin will open. It contains navigational bar at the top, the menu on the left and main content in the center as shown below.
2.0 User Manual
2.1 General Setting Tab
To enable this Opencart order editor plugin, switch the enable button from Disable to Enable which is just on the right of Enable/Disable label.
2.2 Disable Form Setting Tab
This tab contains settings for the items which are to be shown/hidden according to the user group in Admin Orders as shown below.
To disable Create Order from the order form, select the user group from the drop-down and switch the button from Show to Hide which is just on the right of Create Order Button label.
To disable New Customer from order form, select the user group from the drop-down and switch the button from Show to Hide which is just on the right of the New Customer Button label.
To disable Order Options from ‘Create order form’, select the user group from the drop-down and switch the button from Show to Hide which is just on the right of Order Option Box label.
To disable Order Credits (i.e., Coupon and Voucher) from ‘Create order form’, select the user group from the drop-down and switch the button from Show to Hide which is just on the right of Order Credits Box label.
To disable Order History from ‘Create order form’, select the user group from the drop-down and switch the button from Show to Hide which is just to the right of Order History Box label.
2.3 Tax Setting Tab
This tab of the Opencart admin order contains tax settings for the custom shipping and optional fees which is to be applicable to the Admin Orders as shown below.
To apply the tax to custom shipping, select the tax class from the drop-down else custom shipping won’t be applicable to the default setting.
To apply tax optional fees, select the tax class from the drop-down else optional fees won’t be applicable to the default setting.
2.4 Totals Section Setting
This tab in the Opencart manage order contain settings for the total section items which are to be shown/hidden in the Admin Orders as shown below.
To hide Order Date from order options, switch the button from Show to Hide which is just to the right of Show Order Date Box label.
To hide Order Invoice from order options, switch the button from Show to Hide which is just to the right of Show Invoice Box label.
To hide Customer Reference from order option, switch the button from Show to Hide which is just to the right of Show Customer Reference Box label.
To hide Currency Selector from order option, switch the button from Show to Hide which is just to the right of Show Currency Selector Box label.
To hide Tax-Exempt from order option, switch the button from Show to Hide which is just to the right of Show Tax Exempt Box label.
To hide Coupon from the total section, switch the button from Show to Hide which is just to the right of Show Coupon Box label. By default, this will be shown on create order form.
To hide Voucher from the total section, switch the button from Show to Hide which is just to the right of Show Voucher Box label. By default, this will be shown on create order form.
To hide Optional Fees/Discount from the total section, switch the button from Show to Hide which is just to the right of Show Optional Fees/Discount Box label.
2.5 Product Section Setting Tab
This tab of the Opencart backend order contains settings for the product section items which are to be shown/hidden in the Admin Orders as shown below.
To allow disabled products to be listed in the product list, switch the button from OFF to ON which is just to the right of Allow disabled products label.
To show tax with product totals on the product list, switch the button from OFF to ON which is just to the right of Show Price + Tax: Product Total Line label.
To show tax with the invoice on order invoice, switch the button from OFF to ON which is just to the right of Show Price + Tax: Invoice label.
2.6 Miscellaneous Setting Tab
This tab of the Opencart order manager contains the various settings for the Admin Orders as shown below.
To hide the orders according to their status, select the order status from the drop-down which is just to the right of ‘Hide orders’ with this status label.
To enable auto-complete on search, switch the button from OFF to ON which is just to the right of Require Shipping Address label.
To show missing orders in order list, switch the button from OFF to ON which is just to the right of Show Missing Orders label.
You can start the order with Notify Checkbox checked by switch the button from OFF to ON, which is just to the right of Notify Customer Checkbox label.
To disable Customer drop-down from creating order form, switch the button from OFF to ON, which is just to the right of Disable Customer Drop-down label.
To enable auto-generate invoice number for order invoice, switch the button from OFF to ON, which is just to the right of Auto-generate Invoice # label.
3.0 Dashboard
To excess Admin Orders in the Opencart order editor by Knowband, navigate to Sales and Click Admin Orders link from the drop-down as shown below.
3.1 Admin Order Dashboard
Admin Orders dashboard of the Opencart admin order displays orders list with an option to create, edit, delete, search, email order, print invoice, print packing slip or export order.
3.2 Order Actions
You can perform the following actions on orders listed in order list:
Edit Order: To edit order details, click on Edit Order button as shown in order list action column.
Mail Order: To mail order details to the customer, click on Mail Order button as shown in order list action column.
Print Order: To take print of order, click on Print Order button as shown in order list action column.
Print Packaging Slip: To take the print of order packaging slip, click on Print Packaging Slip button as shown in order list action column.
Export Order: To export order details, click on Export Order button as shown in order list action column.
Delete Order: To delete an order, click on Delete Order button as shown in order list action column.
3.3 Order Search/Filter:
You can search/filter orders according to various order fields in the Opencart manage order such as:
a. Order Date: To search/filter orders in the Opencart backend order according to their creation date, enter order start and end date and click on Filter button as shown in order list action column. b. Order ID: To search/filter orders according to their order ID, enter order ID and click on filter button as shown in order list action column. c. Product Name: To search/filter orders according to their product name, enter the product name and click on Filter button as shown in order list action column. d. Order Total: To search/filter orders according to their total, enter order total range and click on Filter button as shown in order list action column. e. Order Paid: To search/filter orders according to their paid status, select the value from the drop-down and click on Filter button as shown in order list action column. f. Order Status: To search/filter orders according to their status, select the value from the drop-down and click on Filter button as shown in order list action column.
3.4 Bulk Status Update
Following steps are involved in updating status of the order in bulk:
Select orders by checking the checkbox associated with each order.
Click on Bulk Status Update button as shown in order list page.
Select the status to be updated from the drop-down list.
Provide any comment (Optional).
Check Notify Customer if wants to notify customers about order status.
Click on Update Status button.
4.0 Create Order
Admin Orders Opencart extension allows the administrator to create order on customer behalf. To add a new order, click the “Create Order” button shown at the top of the page.
Following steps are involved in creating a new order from Admin Orders:
4.1. Search Customer
A customer can easily be searched using methods provided in Admin Orders:
4.1.1 Search customer using a textbox
A customer can be searched according to their name, email, company, postcode and phone number.
4.1.2 Search customer using the drop-down
You can also search customers either by their name or by their address.
Search customer by name: To search customer by their name, click Check to switch to drop-down checkbox and select customer name from the drop-down.
Search customer by address: To search customer by their address, click Check to switch to drop-down checkbox and select customer address from the drop-down.
4.2 Customer Previous Orders
You can view the details of previous orders placed by the customer by clicking Previous Order button in the Opencart order manager as shown below:
You can view the following details for any order in the Opencart order editor such as:
Order ID
Payment Method
Order Total
Order Status
4.3 Billing and Shipping Address
On selecting a customer, the customer billing and shipping address details are auto-filled, which can be edited.
To edit billing address, click I want to use a new address checkbox as shown below.
To edit shipping address, click I want to use a new address checkbox as shown below.
4.4 Add Product(s):
To add product to cart, select product by their name or model and click on Add button.
You can also update the quantity of any product added to the cart.
Apply Coupon (Optional)
To apply a coupon to order, select the coupon value from the drop-down as shown above.
Apply Voucher (Optional)
To apply the voucher to order, enter the voucher value in the text field and click Apply button.
Apply Optional Fees/Discount (Optional)
To apply optional fees/discount to order, enter the optional fees/discount name and value in the text field and click Apply button.
4.5 Order Option Details (Optional)
You can provide the following details for any order such as:
Customer Order Date
Customer Reference Number
Invoice Number
Invoice Date
Currency Selector
Excluded Taxes
4.6 Shipping Method
1. You can select any of the following shipping methods:
Custom Shipping method:
To use custom shipping method in the Opencart extension, click Set Custom Shipping checkbox and enter custom shipping title and cost and click Apply button as shown below.
Flat Rate:
4.7 Payment Method
You can select any of the following payment methods:
Custom Payment Method
To make payment using Admin Orders custom payment method, select any method from Admin Orders Custom Payment Methods.
Cash Payment
Credit Card (Offline)
PayPal Email Link
Pending Payment
Configured Payment Method
To make payment using system configured payment method, select any method from Your Configured Payment Methods.
4.8 Comment and Notify Customer
To add a comment for an order, enter your comment in the textbox.
To send order detail to the customer, check Notify Customer checkbox as shown below.
To place an order, click Save Order.
4.9 Notification Mail and Make Payment
A notification mail will be sent to a customer if Notify Customer checkbox is checked which will be containing the link for Order Information page will allow the customer to make payment for their order.
After the payment is successfully processed, the order status will be updated accordingly.
Note: Customer can only be able to make payment for the system configured payment methods.
5.0 New Customer
To add a new customer, click the “New Customer” button shown at the top of the page and provide the necessary details needed for new customer registration.
The Magento front end relies heavily on caching to provide a faster experience to customer. This is a wonderful tool, but can wreak havoc during the installation process. To ensure that the cache is not the cause of any problems, we should turn it off. This can be done from the admin console
by navigating to the cache management page (System->Cache Management), selecting all caches, clicking disable from the drop-down menu, and submitting the change.
2. Disable Compilation Mode
This may not be an issue for many readers, but if you are using Magento’s compilation mode on your store, it is important that you remove it. Without going into to many details, compilation mode takes many files spread out over the system and condensing them into a single file that can be run very quickly. If an extensions files are not in the system when this single file is compiled, they will not be included. To check that this is disabled, go to System->Tools->Compilation. If the compiler status is Disabled, you are ready to go. If not, simply click the Disable button on the right hand side of the screen.
Choose an Installation Method
There are two different methods used to install extensions. The first involves taking advantage of the Magento Connect Manager, while the second involves manually installing the files via ftp or command line. The first option is generally used by store owners and is a relatively automated process, the problem is that if there is a problem with this process, you are at the mercy of the connect manager to tell you where the problem is coming from. Option two involves getting your hands on the files yourself and manually dropping them into the Magento installation.
Option 1: Using Magento Connect
Required Materials:
User account for Magento Connect
Magento Admin account with access to Magento Connect Manager
As stated before, this option is relatively easy to implement. The first step is finding the link on Magento Connect for the extension you wish to install. Once there click install now. If you are not currently logged into the site you will be prompted to do so. Next, select the version of Magento connect you are using (if in doubt, select 2.0), accept the extensions license agreement, and copy the extension key.
Log into your stores admin console and navigate to System->Magento Connect->Magento Connect Manager. At this point you will be prompted to re-enter your administrator credentials. In order to install an extension from the connect manager; you must have an account with full access to the administration console. If you were given limited access, Magento will not allow you to proceed. Once you are logged into the manager, simply paste the extension key into the text box and click install. A system window will appear towards the bottom of the page that will display the progress of your
installation.
Congratulations, you have successfully installed the extension on your store. Be sure to test thoroughly before re-enabling the cache/compilation. If you found no problems both before and after these features have been re-enabled, you should be ready to repeat the installation process on your live site. DONT FORGET TO BACKUP ALL FILES AND DATABASES BEFORE
INSTALLATION!
Option 2: Manual Installation Required Materials:
All files used by the extension.
FTP access to your website.
The connect manager is a useful tool for installing extensions, but prefer hands-on method when it comes to installations. It feels more comfortable when you are personally in control of the process.
Do you see an app-code directory there, what about app-etc-modules? If you dont see these directory paths and files contained within them chances are that the extension download was faulty. Take a look at the package.xml file, this is the blueprint used by Magento Connect to arrange the files in the proper places. You may need to use this to ensure that everything is as it should be. Once you have reviewed the extension files you are ready to perform the last step. Using your ftp client, drag all of the files onto the store root of the magento instance.
Depending on the number of files in the extension, this may take a few moments. Now go to the admin console and click Flush Cache Storage. This is the requirement for any extension that adds pages to the admin console. Logging out and back in is also required to ensure that everything loads properly. If you cannot clear the cache via the admin console for any reason,
you will need to clear the cache manually via your FTP client (see the first FAQ question for assistance). That is the final step. Congratulations on a successful installation.
Troubleshooting and FAQs
I loaded all files onto my Magento store, and now get a white screen for some or all of the admin console.
This is a fairly common problem, and 99% of the time it is cache related. If you can get to it, go to System->Cache Management and click Flush Cache Storage. This will ensure that everything cached by Magento is deleted and will to be regenerated. Log out and back in to complete the process.
If you are completely cut off from the admin console, navigate to the var-cache directory of your website. You should see a series of directories named mage*. Delete all of these directories (DO NOT DELETE var-cache). This is the equivalent of flushing the cache storage from the admin console.
I am receiving a Magento error when accessing certain pages. How can I debug this?
This question really deserves a blog post all to itself, but a good start would be to go into the errors directory of your store. Locate the local.xml.sample file and rename it local.xml. The next time you see the error detailed information will be provided explaining where the error took place. Dont forget to change this back when you are finished troubleshooting!
I have a critical error with my webstore and need to turn off an extension I cannot access the admin console. What do I do?
Go to the app-etc-modules directory and open the file that goes with your extension. The naming convention is generally DeveloperName_ExtensionName.xml. In this case it would be
Velocity_Popup.xml.
Look for the active tags in the file, change the value from true to false and save your changes. This tells Magento that the extension is disabled and not to run any code associated to it. Deleting the Magento cache is recommended (and most likely required) for this change to take effect.
User Guide
1. To excess Popup Promotion plugin, Click on Popup Promotion Tab appearing in navigation menu as shown below.
2. On clicking menu Popup Promotion the module for plugin will open. It contains navigational bar at the top, Tab menu at the left and main content in the center as shown below.
General Settings Tab
General Settings:
1. Popup Module Status: To enable the plugin, select enable present under the label of Popup Module Status.
2. Popup Height and Popup Width: Enter the Popup Width and Popup Height in pixels. Please note you should enter only numeric value do not write px or other character.
3. Popup Open Time: Enter the time in seconds which will set the time after which Popup will display when customer open the page.
4. Popup Auto Close Time: Enter the time in seconds which will set the time after which popup will automatically closed.
NOTE : If the Customer close the Popup then the Popup will close instantly but Popup will display again with new Ad (if set ) after the seconds set in Popup Open Time.
5. Popup Position : Select the position of Popup to display with reference to web page.
Left : The popup will display in top left of web page.
Right : The popup will display in top right of web page.
Bottom Left : The popup will display in Bottom left of web page.
Bottom Right : The popup will display in Bottom right of web page.
Bottom Center : The popup will display in Bottom Center of web page.
(Left)
(Right)
(Bottom Center)
6. Select Page: Select the page where you want to display the popup,
All Pages : The popup will display on all pages of website.
Category Pages : The popup will display on all category pages of website.
Product Pages : The popup will display on all product pages of website.
7. Popup Link behaviour : Select the type of link behaviour,
Open in New Tab/Page : The Popup link will open in a new tab/page.
Open in Same Page: The Popup link will open in a same tab/page.
8. Jquery File : jQuery i.e. a javascript framework is required for this plugin to work.
Sometimes themes used in magento already includes it but sometime they dont. If jquery is already inlcluded in your theme select no else select yes to include it.
Image Settings Tab
Popup Image Setting
1. Popup Image Status: This option is used to show / hide the image. This option is useful in case of multiple images.
2. Popup Text: Enter the text (if required) to be displayed on the image.
3. Popup Text Position: Set the position of text to be display on the Image of popup. For ex. See the text Click Me in below screen shot .
Top Left Alignment:
Bottom Center Alignment: 4. Popup Text Size: Enter the size of text in pixels. Enter only numeric value , do not write px in end.
5. Popup Text Color : When you click in text box a color picker will open. Select the desired color.
6. Link Url: Enter the URL to which customer will redirect on clicking that popup image.
NOTE : Enter the URL carefully. Its better to write url like https://www.example.com/.
7. Upload the image: Upload the image that you want to display in the popup. You can select image of any size and resolution .
NOTE : Upload the image having resolution equal or more than the popup resolution for better quality of popup.
8. Image Preview : When you save the settings the uploaded images preview will display here. If incorrect image is uploaded you can again upload new image using previous Upload New Image option.
NOTE:
1. If you want to add more Ads just click Add More Button and One more Popup Image Setting Widget will display below.
2. If You want to remove/delete any Ad just press the remove button.
NOTE: You cannot remove the first Ad but if you do not want to display that Ad then just select Hide from Image Status or you can change the Image.
