Category: code

The normal workflow of ecommerce website is : Customer navigate to category page and then click to product detail page . He will select the options of product and click add to cart button. In some case , merchant want customer can select options and click add to cart button from other page and post, not only limited in product detail page. The module Woocommerce add to cart from page and post allow customers select option of variable product and add to cart from any page and post

Download Woocommerce add to cart from any page and post (WooCommerce)

Description

Lateralus is a group of menus, to help you build your next website or app.
You can choose between normal side menus (right or left) and top menu or push menus (right or left), that push your page to give room to the menu.
Pure HTML & CSS with only some HTML5 & CSS3 benefits, and with the use of simple jQuery script so you can easily customize at your own taste!

Features

• Easy Customization:
  The code is structured in a way that it’s easy for you to customize the elements easily;
• File Structure and Documentation:
  The component files are very well organized and it’s fully documented to ease your work;
• Free fonts and icons used:
  Only free fonts were used, that can easily be changed to any sans-serif font of your desire;
• Responsive:
  Although it’s only elements, they are responsive-prepared;
• Fully independent:
  You don’t need any front-end framework;
• Free updates and support

Credits

• (the amazing) 350 Pixel Perfect Icons (Brankic1979):
  http://www.brankic1979.com/icons/
• Lobster Font (Google Fonts):
  https://www.google.com/fonts/specimen/Lobster
• Raleway Font (Google Fonts):
  https://www.google.com/fonts/specimen/Raleway

Hope you enjoy it, and don’t forget to rate, thank you!

Download Lateralus – Slide & Push Menus (Navigation)

Off Canvas – Responsive Mega menu

Web Slide – Off Canvas Menus are used primarily with Mobile and touch devices. It provides a modern application style navigation look in your website

• Powerfull Feature: One Code for all devices
• 100% Responsive Mega Menu
• Modern app style navigation
• Compatible: Bootstrap 3.0 + Megamenu
• Font Awesome Included: fully vector Icons
• Responsive Videos,images and Google Map Integrated
• Light weight, CSS and jQuery + No image need
• Javascript/CSS3 animations
• Different color and gradients
• Retina Display
• Fully supported in desktop browser and mobile browser.
• Mobile/Tab supported
• Collapsible Mobile menu
• Easy to use
• Fully customizable
• Well documentation

Download Web Slide – Responsive Mega Menu for Bootstrap 3+ (Navigation)

RSS Banner allows you to design custom content Widgets to
get FRESH and DAILY Content or even MAKE MONEY Widgets!
Create UNLIMITED custom widgets for clients or personal use.
The widget DESIGNER generates custom BANNER designs
for tight INTEGRATION in your Website or BLOG.

Download Custom Content Widget Generator (Miscellaneous)

WalkieTalkie is a full iOS8 app template, using the new Multipeer Connectivity Framework. Using only WiFi or Bluetooth, connect to nearby devices and voice chat with them! Very simple to use interface with only three buttons! Turn your phone into a walkie-talkie and talk free with everyone.
You can also set the connection mode, to either auto/manual, so you can connect automatically or not to nearby devices.
Moreover, you can start a text chat with the connected devices.

Download WalkieTalkie – Talk Free With Everyone (iOS)

Overview

Euphonize is a music sharing & social platform written in PHP &

AngularJS. Your visitors will be able to share, embed & listen to music

from other artists. This powerful script will give you everything you

need to get start with your own music platform.

Features

• Activity – A custom activity stream for logged in

  users. Will display tracks uploaded by users they follow.

• Discover Tracks & playlists – Users can view popular

  tracks & playlists by other users. They can do a search and filter by

  popularity and genre.

• Unique Custom Profile – Each profile is easy to custom

  and displays a user’s information elegantly.

• Notifications & Messages – Users can message each

  other and be notified when a user follows or likes their tracks.

• Social Media Integration – Users can share their

  favourites tracks on social media sites Facebook & Twitter. More to be

  added in future updates.

• Player Embeds – The player can be embedded on sites

  with user tracks.

• Reports & Licensing – Users can report comments,

  tracks & other users. A licensing system is also available for creative

  commons & all rights reserved.

• Playlists – Highly customizable playlists. Users can

  skip forward and backwards and jump to a certain track in a playlist.

• Downloads & Purchase Links – Users have the option to

  allow downloads and share a purchase link for each track.

• Admin Dashboard & Control Panel – Manage users,

  tracks, reports, comments and more! Tweak your site’s settings with

  Euphonize’s Powerful dashboard

• Advertisements – Manage advertisements. Edit the ads

  for footers & sidebars on every page.

• Pro Membership Accounts /w Paypal Integration – User

  Paypal to accept payments from users to purchase Pro membership

  accounts. This can be disabled in the admin panel.

• Built with AngularJS – Euphonize uses the most popular

  JS framework supported by GOOGLE!

Requirements

• PHP >= 5.3.7
• Apache Web Server
• Allow_url_fopen enabled
• PDO Extension
• Aparch URL Rewrite Module
• php.ini access

Some Icons made by Freepik from www.flaticon.com is licensed by CC BY 3.0

Download Euphonize – Music Sharing & Social Platform (Images and Media)

This magic jQuery Plugin is for everyone who wants to create something beautiful and unforgetable

General Features

• 68 animated effects
• Animated effects with custom background-image css property and custom slogan
• Respomsive
• Browsers support: IE8+, Chrome, FireFox, Safari, Opera
• Mobile Devices support: iPhone, iPad, Android, Windows
• 3 modes: “Image Viewer”, “AJAX Content”, “HTML Content”
• Highly Customizable: tons of properties for every mode
• Native browser history support
• Different Views
• SEO
• Navigation inside the lightBox panel
• Powerful API: public methods, events, custom events, callbacks
• Extended HTML documentation and examples with comments

Image Viewer Mode Features

• 3 modes: single image, gallery, slideshow
• Photos of all sizes and orientation
• Two layer effect support
• Native browser fullscreen support
• Top and bottom captions and menus
• Font icons for interface buttons
• Keyboard support
• Touch support
• Mouse support
• Directional effects

AJAX Content Mode Features

• Sorted tables and tabs
• POST and GET ajax requests

HTML Content Mode Features

• Forms, iframes, embedded elements, javascript generated content…

Download Magic LightBox – jQuery Plugin (Miscellaneous)

PRESENTATION

A set of sliders and carousels for show EventOn events in new awesome ways. EventON plugin is required.

OTHER FEATURES

• Import / export EventON and EventOn Slider Addon translations. English and italian translations included.
• Set slider animation: slide or fade
• Set slider move, number of events moved when slider scroll to next events
• Popup box over overflow texts for show the full text
• If total events not reach the full width of the slider, plugin automatically hide arrows and stop slideshow
• Not minified size are 100KB of CSS and 50KB of JavaScript, minify css and js reduce size of about 30%
• Button to show a all events list into a nice scrollable box
• Extrimely stable, work always and also in combination with many sliders
• Extrimely dynamic and customizable

Download EventOn Slider Addon (Calendars)

Main Features

1. Modern
2. Flat
3. Font awesome
4. Responsive
5. Easy Install
6. 19 color theme color
7. Mobile Friendly
8. 6 grid system

Download Ideabox Responsive Megamenu (Navigation)

Ride on skis and collect gifts. Red gifts make Santa faster and blue gifts can slow down the speed. Avoid collision with trees. You have two minutes and 5 lives. Enjoy!

Features:

• Java native source code
• AdMob Smart Banner
• AdMob Interstitial
• Google+ Leaderboard
• Optimized for tablets
• Clear graphics at all screen resolutions
• Background music and sounds
• Easy customization

Project in Eclipse:

Download Santa Skiing with AdMob and Leaderboard (Games)

Subscribo is the perfect choice to link your store with Mailchimp. The module can import your customers and newsletter subscribers into any Mailchimp list of your choice. After that you can create your won email marketing campaign with Mailchimp.

The module also offers a subscriber form, which subscribe visitors directly into Mailchimp. The form is Bootstrap compatible and can be easily customised via classes.

Features

1. Mailchimp integration, which allows to import your subscribers and users into mailchimp
2. Ajax subscription form, which allows to your visitors to subscribe directly to the selected mailchimp list
3. the form can be hooked into many positions: header, home, footer, left and right columns, cart page, payment confirmation page
4. the form can be customised easily, to adapt to your theme
5. the form is Bootstrap compatible
6. easy configuration

Demo

Theres a demo for the admin part: http://demo.minic.ro/modules/admin123
user: [email protected]
pass: demodemo

Installation

As usual, just upload the downloaded .zip file and upload under the backend of your store. You can find more info here. Its important to mention that before you start using the module you must register a Mailchimp account. Mailchimp isnt free, but offers a free account with some limitations, which will be enough for a while for sure.

Changelog

V1.0.0 – 2015.04.08
– release

Download Subscribo – Mailchimp sync and subscribe form (Prestashop)

After every order, customer will receive a coupon for their next order. This way, after the first order, they will get a discount and be more motivated to come back.

The generated coupon needs a role model coupon, which can be configured via Coupons managements in WooCommerce.

This plugin is in English, but is also translated into Estonian and supports any other language as well!

Fully compatible with WordPress 4.1.X and WooCommerce 2.3.X!

Download WooCommerce Every Order Coupon (Marketing)

About the plugin

This plugin is built for all WordPress users, from construction website owner to product seller, from restaurent to map locations. A multi purpose point of interest for your WordPress website.

Just by DRAG-DROP elements (icons) into your images, you will have an impressive POI for an purpose, you can check the demo here: Demo

WordPress Point of Interest Features

WP POI Show Case – Product Presentation

WP POI Show Case – Table Reservation

WP POI Show Case – Google Maps

WP POI Show Case – Technical building

Overview

• Drag-drop ready
• Manage Easily
• Responsive ready
• SEO friendly
• All content indexable
• W3C valid
• Multipurpose usage
• Custom icon available
• Clean code
• Easy to use, manage
• Role setting
• Over 500 icon collection
• Shortcode ready
• Get supported here: Support System

Download WordPress Point of Interest – Multipurpose POI Plg (WordPress)

Rocket form – WordPress form builder is a real-time drag and drop form builder editor with live preview which makes you to build your forms on few easy steps. Also it provides an advanced grid system and skin customizer that makes you to build professional forms. Also it provides an administration section where site admins manage tons of form options. It’s really easy to customize and you don’t need programming skills.

Live-Demo:
Try the online demo:

Demo: http://rocket-form.softdiscover.com/

Admin: http://rocket-form.softdiscover.com/demo/

username:demouser

password:demouser

Examples included in live demo

• Contact us
• Newsletter
• Survey questionnaire
• Online event registration
• Reservation Request
• Purchase Order
• Website Design Request
• Job Application
• CV Submission
• Order form
• Wizard form
• All fields
• Conditional Logic
• Custom skin

Main Features

• real-time drag and drop form builder editor
• advanced grid system for building forms
• advanced conditional logic feature
• skin customizer with live preview
• wizard forms supported. real-time wizard form editor with live preview
• 37 form elements type included: Grid 1 Col, Grid 2 Cols, Grid 3 Cols, Grid 4 Cols, Grid 6 Cols, Textbox, Textarea, Radio Button, Checkbox, Select, Multiple Select, File Upload, Image Upload, Custom HTML, Password, Slider, Range, Spinner, Captcha, Submit button, Hidden field, Star rating, Color Picker, Date Picker, Time Picker, Date and Time, ReCaptcha, Prepended text, Appended text, Append and prepend, Divider, Heading 1, Heading 2, Heading 3, Heading 4, Heading 5, Heading 6
• dinamic validation for your form (email, letter, numbers and so on)
• over 650 custom fonts with live preview
• over 769 icons to use on your form elements
• multiple forms in one wordpress page
• graphic chart entry report by form
• advanced search for entries
• Import and export your custom forms
• option to duplicate forms
• detailed entries report by form
• export form entries to pdf and csv
• form detailed entries report
• retina activated
• switch ajax submit to post submit
• upload images and files via ajax
• toured guide option
• detailed HTML documentation
• Multi Language support (Spanish, Italian, French, Russian, German, Portuguese, Chinese)
• Fully responsive design
• Cross Browser : ie8, ie9, ie10, chrome, firefox, safari, opera
• Powerful plugin
• Extended HTML documentation.
• Free support and upgrades.
• Email Notifications
• Easily add/delete/edit/manage forms, fields, entries and tons of features
• Language Switcher

Please rate




if you like the script and I’ll keep rolling new updates and cool features.

Download Rocket Form – WordPress Form Builder (Forms)

About

OpenCart is a great free, open source PHP cart software.

Unfortunately there is no integration for the ecommerce part of Google Analytics and your are probably getting this message if you enable ecommerce data:

Missing Ecommerce Data

Site Data is configured for Ecommerce, but no data is flowing.

This add-on script will solve this issue and add a wide collection of statistical data from your site’s conversions to your Google Analytics account.

This add-on uses the new Universal Analytics code (analytics.js).

Please note that it is not compatible out-of-the-box with the old analytics code (ga.js).

If you want to use the old code this add-on can be modified (I can do it for you) but I really suggest using the new Universal Analytics code.

Installation is easy and the script comes with full instructions.

There is no need to modify any core files. The script is a vQmod XML.

What the script does

Google Analytics ecommerce data adds information about your transactions that it sends to the Analytics server.

This information is used by Google Analytics to build ecommerce statistics that are very useful for you as a site owner.

The following info is pushed to Google Analytics for each order:

Order total:

• Order ID (Transaction ID in Google Analytics language)
• Store Name
• Order Total (Grand Total Revenue in Google Analytics language)
• Shipping Value
• Tax Value

For each product within the order:

• Order ID (the order the product is part of)
• Name (the name of the product)
• SKU (product model / unique code)
• Price (the price of this product alone)
• Quantity (the quantity of this particular product that was ordered)

Of course all this is in addition to your normal Google Analytics tracking.

With this additional info you can for example see what campaigns are actually bringing revenue, what products certain types of visitors are buying, and a lot more.

Bottom line: this add-on script allows you to dig much deeper into the Analytics results to see what actually brings you money from the online store.

As opposed to other add-ons of this kind this one actually works and checks if there is a real purchase being made. It does not fire up when the common success page gets triggered by an account registration.

In case these kind of add-ons would fire up upon a registration (not a purchase) there is generally an error message shown to the end-use – which is not that nice.

This is not the case with this script.

How to install

Before installing, make sure you have vQmod installed. It’s easy to install and is required for almost all OpenCart plugins.

If you don’t already have it, it can be downloaded here: https://code.google.com/p/vqmod/

1. Check to make sure you have the Google Universal Analytics code inserted in “Settings” -> “Server” -> Google Analytics code from your OpenCart admin interface.
   
   The add-on relies on the code that you defined in the settings and there is no need to supply you Google Analytics Tracking ID anywhere else. Having the proper code in the settings is enough.
   
   If you didn’t put the code there yet take it from your Google Analytics account from the menu Admin -> Tracking Info -> Tracking Code, copy everything in the box (starts with <script>, ends with </scrips>) and paste it in the OpenCart menu mentioned above. Don’t forget to save the changes.
2. Unzip the provided ecomm.zip archive file on your computer.
3. The archive contains 2 files, a xml file (the script) and a pdf manual.
4. Use your FTP client to copy the xml file (one of the files inside the archive that you unzipped at point 2.) to your vqmod/xml/ directory

The script will start working immediately after it is triggered by a purchase on your site.

Since it does not need to do complex searches (like other plugins on the same topic) it should work with most themes. It basically just adds data and pushes it to Google Analytics.

It doesn’t remove or replace anything and doesn’t touch your core files.

Tested on Open Cart 1.5.6.4 with Default and Sellya theme.

To test the script’s functionality

Alternative A – for the less technical inclined:

Check the Ecommerce section of your Google Analytics in about 1 hour after a transaction.

Before doing this make sure your Google Analytics account is setup to accept ecommerce data (it should be).

You should start seeing conversion statistical data in Google Analytics in a short while.

Alternative B – for the more technically inclined:

1. Install Google Analytics Debugger
   
   (get it from here https://chrome.google.com/webstore/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna)
2. Make a test purchase from your site and stay on the success page
3. While on the success page enable Google Analytics Debugger and fire up the JS console (Ctrl + Shift + J on Windows)
4. You should be able to see everything that is getting pushed to Google Analytics.
5. Make sure you scroll through the console if you can’t find the data at first on script heavy sites.
   
   It should be under ga(“require”, “ecommerce”, “ecommerce.js”)

Troubleshooting

If the script doesn’t seem to be working correctly, please try the following steps:

1. Make sure you’re using OpenCart version 1.5.6.x
2. Check /vqmod/logs/xxxx.log (where the xxxx is the current day of the week). Often helpful error messages can appear here.
3. Make sure vqmod is properly installed, that /vqmod/logs, /vqmod/vqcache, and /vqmod/mods.cache have 777 world-writable permissions. Additionally load http://www.yoursite.com/vqmod/install in a browser to make sure it’s properly installed.
4. Try clearing the vqmod cache by deleting all files in /vqmod/vqcache. Additionally clear your browser cache before reloading.
5. Occasionally, poorly written modules can conflict with Google Analytics ecommerce data. To see if this is the case, create a folder /vqmod/xml/disabled and move ALL of the XML files into it with the exception of the provided xml file and vqmod_opencart.xml. If Google Analytics ecommerce data starts working, you can move each of the XML files back one by one until you find the module causing the conflict. You can then disable only this module.

Support

Due to the low price of the script (of which the author only receives a part), in-depth support is not always available, but if you have any questions suggestions or bug reports, you can send me a message using envato’s messaging system.

For bug reports, please include the relevant log file from /vqmod/logs

Download Google Analytics ecommerce data (OpenCart)