Landing Page Details

This jQuery plugin adds reaction icons to anything on a web page.

Features

With this add-on you can add reaction icons to everything you have in mind. Posts, private messages, photos, comments, profiles, videos, paragraphs, whole pages, products…

Customization

You can change the following properties of the plugin;
  • Icons are designed as vectors in Photoshop can be completely editable
  • default behavior of the reaction button
  • restful API compatibility with auto mode or fixed HTTP verb
  • server HTTP status codes can be programmed by attaching event listener
  • can change the number of summary icons
  • eligible screen side on mobile
  • opening under or over the object
  • Installation with native JavaScript, jQuery or HTML data parameters
  • simple installation with HTML knowledge only

Eager Loading

With this plugin, you don’t need to think about how many reactable items you have on your page and how much it will load your server. This plugin spends a single network request for all of them, no matter how many items on your page. It distributes the results to the item to which it belongs. Activate only by adding data- * parameter to the body tag. Remove items from the queue by adding a parameter to the items you don’t want to update. It’s that easy.

Usage As Input Field

This plugin can behave like an html form input field. Here’s the code you need to write into a form; <div class="reactable" data-toggle="reactable" data-name="user-reaction"> <span class="label">-</span> </div>

Retrieve the user-selected reaction from the “user-reaction” variable on the posted page.

Installation

The plugin setup is very easy.
  1. Open the html file you want to run the plugin.
  2. Place the following code between the head tags.
  3. Set the file paths to your own system.
  4. Place the installation tags using the html as below where you want to insert the reaction icons.

Besides these, CodeIgniter compliant PHP controllers, model files and SQL file will be provided in the package.

Future Features

  1. [done] Add an optional update frequency counter in each instance and create a single network request for all of them if there are multiple instances on a page.
  2. [done] Play a sound effect when the user’s reaction is successfully added.
  3. [done] Add tooltip implementation for titles.
  4. [done] Add pop down effect on the chosen reaction icon.
  5. [done] Add immediate start option for batch update module. (This feature will removes the need to find previous reactions of items when creating pages.)
  6. [done] Add html selectbox input behaviour to the plugin.

Changelog

v1.0.0
Revealed.

v1.1.0
new - Added batch update feature. (eager loading)
new - Sound effect added.
new - Tooltip titles added.
new - Added pop down effect on icons.
Improved chosen icon effect.
A few minor bugs fixed.

v1.1.8
new - Added tooltip that summarizes all the reactions was added.
A few minor improvements were appended.

v1.2.0
new - Added immediate start option for batch update module.

v1.4.6
new - Added behaviour like html input element.
A few minor bug fixed and improvements appended.
  • Ru11er

    2018-09-30 09:36:22
    Purchased Reply

    Can this be runned with pure Javascript, and no PHP? Because I want to use this on a site that only runs .html

  • iceylan

    2018-10-01 05:22:25
    Purchased Reply

    Unfortunately no. To run this plug-in, you need a server.

  • DEV-Themes

    2018-08-15 07:08:55
    Purchased Reply

    Great work! I wish you big sales! :-)

  • iceylan

    2018-08-15 07:19:36
    Purchased Reply

    Thanks for your good wishes.

  • Gutspiller

    2018-09-25 06:25:08
    Purchased Reply

    1. Is this optimized to support many items on the same page? Say 100+? 2. does it try to contact the database on every item that has the react code or only when a reaction is actually clicked?)

  • iceylan

    2018-09-25 19:58:18
    Purchased Reply

    1- Even if there are 100 items on your page, only one network request is spent at a time for all of them. The plugin supports the eager loading. In other words, it takes all the results in one shot and distributes the results to the item to which they belong. To start this, just add two data-* parameters to the body tag. You will find the required information in the plug-in' document. 2- When creating your page with reactable items, you must feed these items with their previous reactions. If you don't do this, your items are created as they had no reaction at all. And 5 seconds (or after a period of your choice) passes. The first batch update process is activated (with one network request). Eventually the all items are updated with previously reactions. So you can handle that single request with one or two database query. Actually I should add another parameter to the body tag at this stage. Thus, we can tell the batch update to start the first loop without waiting for the first time. In this case, when we first create the page, we do not need to collect the previously reactions of the items and pollute the backend. I will add this feature to future features just now and then I'll add this feature in the next release. Please note: this plug-in' backend side is coded in the simplest way possible to ensure the highest possible compatibility. Therefore, you should not expect to use it without making any changes in your own project. The plugin only provides optimization on the javascript side. On the PHP side, pretty much you're on your own. This means you may need professional support if you are not familiar with php and database programming. Thank you for your feedback and wish you a good day.

  • peges

    2018-10-04 21:15:47
    Purchased Reply

    bro pls i need your help for and intergration am confused on what to do ive bought the script already and i have hosted my basics system online

  • iceylan

    2018-10-04 21:21:27
    Purchased Reply

    Hi peges. You must include the reactable.js and reactable.css files on your existing pages and you should also place the HTML installation skeleton (a few spesific tags) where you want the reaction icons to work. Is your system using CodeIgniter?

  • peges

    2018-10-04 21:25:16
    Purchased Reply

    no pls am new to php was given a project to do by my boss to create a custormer review system based on the user location imput and the area so all thy sytem should do is to post the location and area to database and also the reactions feedback

  • peges

    2018-10-04 21:26:10
    Purchased Reply

    review.seedaf.com

  • peges

    2018-10-04 21:27:59
    Purchased Reply

    review.seedaf.com

  • peges

    2018-10-04 21:29:14
    Purchased Reply

    so if the user puts in those info it carries him to the rive page

  • peges

    2018-10-04 21:29:28
    Purchased Reply

    review*

  • iceylan

    2018-10-04 21:43:57
    Purchased Reply

    This plugin doesn't work like a html "input" field. The user selection created through the plug-in interface must be immediately reflected in the database. The problem you are experiencing can only be solved by people who know server-side programming and database. If you have someone capable for this you know, I can continue to help you. But if you don't have php or equivalent experience, I can only help with HTML, CSS and JavaScript (client side), which doesn't solve your problem.

  • peges

    2018-10-04 22:08:19
    Purchased Reply

    so if i set it up in code igniter can you help me set it up

  • iceylan

    2018-10-04 22:09:05
    Purchased Reply

    I thought that I could get the feature that would allow this plugin to behave like an HTML "input" field. So we can post the selection just like an "input" field. Please note, however, that you may need to wait a few days for this! And, of course, you should do the other processes that are relevant to your project, such as writing into database etc. Add for conflicting responses: your project shows a feature other than ordinary reactable systems. Therefore, you should optimize this extension for your own use, which exceeds the support limits. You should do this yourself or get help from a professional person.

  • peges

    2018-10-04 22:10:58
    Purchased Reply

    yh i will conect the login screen to database and all that buh i just want you to help me set up the syty once am done with the basics am a front end developer am still new to php

  • peges

    2018-10-04 22:11:38
    Purchased Reply

    pls send me your email so i send that i mean to you ive done a wirefram sampl ui design

  • iceylan

    2018-10-04 22:23:26
    Purchased Reply

    You need to wait a few days. I will gain the ability to act as an input field to the plugin. So I can help you add it to your page. However, you must save the information you have received through this form to the database yourself. I can't do this for you.

  • iceylan

    2018-10-06 00:11:13
    Purchased Reply

    Feature added. New version is expected for review and approval. Then you can download the new version of the plugin and add it to your page, run it as an input element, catch the value from another page. Thanks for your understanding. Have a good one.

  • anonymiz

    2018-08-13 16:27:49
    Purchased Reply

    if i buy can you helpme to integrate to my site..

  • iceylan

    2018-08-13 17:23:30
    Purchased Reply

    I want to help but can you give me some details?

  • anonymiz

    2018-08-13 17:27:57
    Purchased Reply

    what details you want.

  • iceylan

    2018-08-13 17:37:42
    Purchased Reply

    Your site should be using codeigniter or native PHP. Because i have no knowledge of WordPress, laravel and similar applications.

  • anonymiz

    2018-08-13 17:38:46
    Purchased Reply

    yes its built on php its not wordpress or laravel pure php site

  • iceylan

    2018-08-13 17:40:54
    Purchased Reply

    Then no problem, i can help for integration.

  • anonymiz

    2018-08-17 22:21:50
    Purchased Reply

    after some check i saw its not shows full how many likes dislikes or others..

  • iceylan

    2018-08-18 04:05:36
    Purchased Reply

    Hello again. I was thinking about this feature. I could not open a dialog window by clicking on it like on Facebook. Because in this case I also need to add a dialog plugin, but this is just an add-on. However, I can add a feature that looks like a tooltip and shows this information when it's over with the mouse. In fact, I have already created a new version and rejoined the approval queue, but now I will pull back the version and add the tooltip feature and after i will upload again. So, you should check it again in a few days. If you like it then you can buy it.

  • iceylan

    2018-08-18 04:06:05
    Purchased Reply

    In the meantime, if you still want to do this in a dialog window, you can ask a programmer for help. You can easily add the feature you want by doing API programming without changing the core code of this plugin.

  • anonymiz

    2018-08-20 23:09:51
    Purchased Reply

    https://codecanyon.net/item/dw-reactions-pro-wordpress-plugin/15696493?s_rank=8 if you can do like this i will buy..

  • iceylan

    2018-08-21 03:03:06
    Purchased Reply

    The example you give is not compatible with the design of the plugin. I created this feature in another way and just updated the demo. it appears on the screen when you mouse over the section showing the total number of reactions. Please try again and not that I have not yet completed the mobile compatibility of this feature. I just updated the demo to show you. (if it doesn't work then please don't forget clear the browser cache)

  • oOL1ONCOSTAOo

    2018-10-30 02:37:55
    Purchased Reply

    I bought the plugin, but how can I connect to the database? I tried to look in the folders but I can not find anything, there is the slq file, but how can I set the parameters to connect to the database?

  • iceylan

    2018-10-30 07:39:49
    Purchased Reply

    Hi. This plugin package contains only CodeIgniter compatible php files. What kind of server system do you use? By the way, you can't connect to the database directly from inside this plug-in. This is a javascript plug-in and needs a server to work if you are not going to use it as html input field.

  • oOL1ONCOSTAOo

    2018-10-30 07:55:06
    Purchased Reply

    I use the php 7.2 version is compatible? I hope so I have not seen any version in the plugin at the time of purchase, and I have the problem that I can not figure out how to connect to the database demo my site http://www.facechat.it/status/reactable/codeigniter/application/views/demo.php

  • iceylan

    2018-10-30 08:00:06
    Purchased Reply

    PHP 7.2 is okay but you need have to CodeIgniter too. If you don't want use to codeigniter then you have to write your own php codes and connect database, save reactions etc.

  • oOL1ONCOSTAOo

    2018-10-30 08:08:39
    Purchased Reply

    I have no idea what CodeIgniter is, could you give me a hand or a help on where to write the codes to connect to the database? or at least explain to me what is CodeIgniter

  • iceylan

    2018-10-30 08:22:34
    Purchased Reply

    CodeIgniter is a framework written for php. Allows you to develop a site by writing fewer codes. If you already have a site that doesn't use codeigniter, you need to re-create the php code to run the Reactable.js. I understand that you already have a site and you are not a developer. In this case, you should ask the person who prepared your site or a professional. I'd like to help more, but I need to know which php framework your site uses. This maybe a private information. You can send me by e-mail so we can continue.

  • oOL1ONCOSTAOo

    2018-10-30 08:33:00
    Purchased Reply

    I do not know your email, mine is [email protected], what I want to do is test this plugin using a database and a test page, but I repeat I do not know how to do, to connect to the database, CodeIgniter is an editor ?

  • iceylan

    2018-10-30 08:50:46
    Purchased Reply

    Okay, I got it. CodeIgniter is a free software written in php. 1- Download the software from https://codeigniter.com/. 2- Place the contents of the zip file in an easily accessible location. 3- Copy all folders in the "reactable / codeigniter / application" directory provided with this plugin package. 4- Paste the files you copied into the application folder inside the codeigniter software. Then upload this program to your own server. 5- Run the SQL file provided with this plug-in package directly on the MYSQL supported database. You may need to rearrange the SQL query for a non-MYSQL database. All these steps will bring you closer to your target by 97%. Once you've completed them, text me back. You will have a demo version that works when we take care of some smaller things.

  • oOL1ONCOSTAOo

    2018-10-30 09:01:05
    Purchased Reply

    I did as you wrote, is it now? how do I proceed, how do I connect to the database? thank you

  • iceylan

    2018-10-30 09:17:28
    Purchased Reply

    Please make sure to run the SQL file in your own database. This file will add a table to your database and the cells of that table. The plugin can then use this table. I assume you did this. 1- Enter the CodeIgniter folder again. Open "application/config/database.php" in a text editor. 2- Type the address of your own database (or leave as is) across the field that says "hostname". 3- Type the user name of your database against the field that says "username". 4- Write the password of your database against the field that says "password". 5- Save and close this file. 6- Upload that file to your server in it's own folder. Try entering your browser from: http://yoursite/YourCodeIgniterPath/index.php/demo

  • oOL1ONCOSTAOo

    2018-10-30 09:25:00
    Purchased Reply

    done but not the plugin is normal visit the address, I see this

  • iceylan

    2018-10-30 09:35:38
    Purchased Reply

    Okay, there is an error that we can fix it, but can you remove your last message or just the link please? We don't want publish our source code :grin: (thank you)

  • oOL1ONCOSTAOo

    2018-10-30 09:38:36
    Purchased Reply

    done, if you can write me on the email [email protected] however makes me click, the emo appear but does not insert anything, no sound etc, the db is set up perfectly

  • iceylan

    2018-10-30 09:40:39
    Purchased Reply

    "application/config/autoload.php" line 61 $autoload ['libraries'] = array( 'database' ); Same process as before (save, upload etc) and try again please.

  • iceylan

    2018-10-30 09:45:18
    Purchased Reply

    OK, that seems didn't worked but it did actually. We have to done one thing too.

  • iceylan

    2018-10-30 09:46:39
    Purchased Reply

    “application/config/autoload.php” line 12 line 14 clean the // (double slashes) and save, upload. it should work.

  • oOL1ONCOSTAOo

    2018-10-30 09:51:05
    Purchased Reply

    I can not find any double bars =)

  • iceylan

    2018-10-30 09:54:41
    Purchased Reply

    sended e-mail.

  • PreScriptZ

    2018-08-13 10:29:19
    Purchased Reply

    Interesting Work! Congratulations :)

  • iceylan

    2018-08-13 15:50:31
    Purchased Reply

    Thank you.

  • oOL1ONCOSTAOo

    2018-10-30 02:37:14
    Purchased Reply

    I bought the plugin, but how can I connect to the database? I tried to look in the folders but I can not find anything, there is the slq file, but how can I set the parameters to connect to the database?

  • fkazemi5236

    2018-08-12 14:08:31
    Purchased Reply

    hello.. GLWS.. you have greats products :):)

  • iceylan

    2018-08-12 16:20:37
    Purchased Reply

    Thank you very much.

  • ManasaTheme

    2018-08-14 13:15:53
    Purchased Reply

    Nice Work, Congratulations! Good Luck With Sale :grin:

  • iceylan

    2018-08-14 17:35:05
    Purchased Reply

    Thank you :thumb

  • Gambol

    2018-08-14 14:40:15
    Purchased Reply

    Great Work, GLWS :)

  • iceylan

    2018-08-14 17:35:39
    Purchased Reply

    Thank you very much.