{"id":17168765,"url":"https://github.com/sanix-darker/hono","last_synced_at":"2026-02-07T17:30:57.135Z","repository":{"id":109579757,"uuid":"152677610","full_name":"Sanix-Darker/Hono","owner":"Sanix-Darker","description":"A Button allows your custommer to negotiate prices on articles on any ecommerce webSite","archived":false,"fork":false,"pushed_at":"2020-01-04T12:06:33.000Z","size":2819,"stargazers_count":11,"open_issues_count":0,"forks_count":4,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-14T00:56:59.553Z","etag":null,"topics":["ecommerce","ecommerce-framework","ecommerce-platform","ecommerce-shopping-solution","ecommerce-website"],"latest_commit_sha":null,"homepage":"https://sanix-darker.github.io/Hono/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Sanix-Darker.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-10-12T01:37:15.000Z","updated_at":"2024-07-18T13:57:14.000Z","dependencies_parsed_at":"2023-07-28T20:15:08.839Z","dependency_job_id":null,"html_url":"https://github.com/Sanix-Darker/Hono","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/Sanix-Darker/Hono","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sanix-Darker%2FHono","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sanix-Darker%2FHono/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sanix-Darker%2FHono/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sanix-Darker%2FHono/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sanix-Darker","download_url":"https://codeload.github.com/Sanix-Darker/Hono/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sanix-Darker%2FHono/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29201065,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-07T16:28:23.579Z","status":"ssl_error","status_checked_at":"2026-02-07T16:28:22.566Z","response_time":63,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ecommerce","ecommerce-framework","ecommerce-platform","ecommerce-shopping-solution","ecommerce-website"],"created_at":"2024-10-14T23:12:48.004Z","updated_at":"2026-02-07T17:30:57.104Z","avatar_url":"https://github.com/Sanix-Darker.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"./images/logo.jpg\" /\u003e\n\n\u003ch1\u003eHONO - haggle the world\u003c/h1\u003e\n\n# Introduction\n\nIt makes me *\"sick\"* and *\"sad\"* when I come to an online sales site and I find an excellent product, but which I think is a little too expensive and completely unable to offer the seller a discount on it, here it is the most big problems of all online sales sites, no interaction, inert interfaces that do not benefit either the customer or the seller, or, he himself can agree to sell his product with a percentage of reduction, Hono is therefore to resound this great interaction problem that is missing at all ecommerce sites in the world by allowing the customer to offer the price that fits best and thus exchange with the seller.\n\n### *The important thing, you need to know here is that, with this button, you will INCREASE your traffic, because, more customer will try their chance and can propose you a suitable amount for you too as the seller.*\n\u003chr\u003e\n\n## How it work?\n\nHono connects the Customer who wants to offer a price that is affordable for a product and the seller in two steps, first, it verifies that the margin of reduction of the seller card with what the customer proposes then, send the information of the customer to the seller and the price the customer wants for the product in question, all of which is done using a number of html attributes\n\u003chr\u003e\n\n## How to use it:\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n\t\u003ctitle\u003eYour Product page\u003c/title\u003e\n\n\t\u003c!-- Include the Hono's CSS file --\u003e\n\t\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://raw.githubusercontent.com/Sanix-Darker/Hono/master/assets/css/hono.css\"\u003e\n\n\u003c/head\u003e\n\t\u003cbody\u003e\n\n\t\t...................\n\t\t\u003cbutton\u003eAdd to Cart Button\u003c/button\u003e\n\t\t...................\n\n\t\t\u003c!-- Include the Hono Button (Most Important) Configurations --\u003e\n\t\t\u003c!-- data-emailseller : Seller's Email / L'email du vendeur --\u003e\n\t\t\u003c!-- data-product-title : Product's Title / Le nom/titre du produit/article --\u003e\n\t\t\u003c!-- data-product-currency : Product's currency / La monaie du produit --\u003e\n\t\t\u003c!-- data-product-amount : Product's amount / Le prix du produit --\u003e\n\t\t\u003c!-- data-product-margin-amount : Amount's margin of the product / La marge ou le pourcentage de reduction en % --\u003e\n\t\t\n\t\t\u003cspan id=\"div_hono\" data-emailseller = \"test@gmail.com\"\n\t\t\t\t\tdata-product-title =\"Wolfpack Jacket - Black\"\n\t\t\t\t\tdata-product-currency =\"USD\" \n\t\t\t\t\tdata-product-amount =\"1,599.95\"\n\t\t\t\t\tdata-product-margin-amount =\"20\" \n\t\t\t\t\t\u003e\u003c/span\u003e\n\t\t...\n\n\t\t\u003c!-- Include the Hono's JS script --\u003e\n\t\t\u003cscript type=\"text/javascript\" src=\"https://raw.githubusercontent.com/Sanix-Darker/Hono/master/assets/js/hono.js\"\u003e\u003c/script\u003e\n\t\t\u003c!-- And it's ALL --\u003e\n\t\u003c/body\u003e\n\u003c/html\u003e\n```\n\u003chr\u003e\n\n## Hono's Button Preconfigurations Classes\n\n#### Fade Style (Without animation on Hover)\n\n```css \n/*\n* Hono Styles buttons\n* You just have to add classes in the attribute: \"data-button-class\"\n*\n* // Fade Style\n* Example: data-button-class = \"honobtnFade honobtnBlueGreen\"\n* Available colors:\n\t- honobtnBlueGreen\n\t- honobtnLightBlue\n\t- honobtnOrange\n\t- honobtnPurple\n*/\n```\n\u003cimg src=\"assets/img/bluebutton.PNG\"\u003e \u0026nbsp; \n\u003cimg src=\"assets/img/greenbutton.PNG\"\u003e \u0026nbsp; \n\u003cimg src=\"assets/img/orangebutton.PNG\"\u003e \u0026nbsp; \n\u003cimg src=\"assets/img/purplebutton.PNG\"\u003e\u003cbr\u003e\n\n#### Push Style *(With animation on Hover)*\n\n```css\n/*\n* // Push Style\n* Example: data-button-class = \"honobtnPush honobtnBlueGreen\"\n* Available colors:\n\t- honobtnBlueGreen\n\t- honobtnLightBlue\n\t- honobtnOrange\n\t- honobtnPurple\n*/\n```\n\u003cimg src=\"assets/img/pushbluebutton.PNG\"\u003e \u0026nbsp; \n\u003cimg src=\"assets/img/pushgreenbutton.PNG\"\u003e \u0026nbsp; \n\u003cimg src=\"assets/img/pushorangebutton.PNG\"\u003e \u0026nbsp; \n\u003cimg src=\"assets/img/pushpurplebutton.PNG\"\u003e\u003cbr\u003e\n\n#### Border Style *(With animation on Hover)*\n```css\n/*\n* // Border Style\n* Example: data-button-class = \"honobtnBorder honobtnBlueGreen\"\n* Available colors:\n\t- honobtnBlueGreen\n\t- honobtnLightBlue\n\t- honobtnOrange\n\t- honobtnPurple\n*/\n```\n\u003cimg src=\"assets/img/borderbluebutton.PNG\"\u003e \u0026nbsp; \n\u003cimg src=\"assets/img/bordergreenbutton.PNG\"\u003e \u0026nbsp; \n\u003cimg src=\"assets/img/borderorangebutton.PNG\"\u003e \u0026nbsp; \n\u003cimg src=\"assets/img/borderpurplebutton.PNG\"\u003e\u003cbr\u003e\n\u003chr\u003e\n\n## Hono's Modal personnalizations\n```css \n/**\n* ------------------------------------------------------------------\n* You can personnalize the elements in the Modal\n* Allready Present in the hono.css, you just have to configure them\n* ------------------------------------------------------------------\n*/\n\n/* The Price/Amount input's Style */\n#hono_modal #myprice{ }\n\n/* The Title's style of the modal*/\n#hono_modal #hono_prix_box h3{ }\n\n/* The Currency Style */\n#hono_modal span#currency{ }\n\n/*The Next Step button's style */\n#hono_modal #hono_suivant{ }\n\n/*The Send button's style */\n#hono_modal #hono_envoyer{ }\n\n/*The Phone number input's style */\n#hono_modal #hono_numeroTel{ }\n\n/*The Email input's style */\n#hono_modal #hono_Email{ }\n\n/*The Message Textarea's style */\n#hono_modal #hono_Message{ }\n```\n\n\u003chr\u003e\n\n## Attributes and explanations:\n\n\u003ctable border=\"1\"\u003e\n\t\u003ctr\u003e\n\t\t\u003cth\u003e \u003cb\u003eRequired\u003c/b\u003e \u003c/th\u003e\n\t\t\u003cth style=\"min-width:190px;\"\u003e \u003cb\u003eAttribute\u003c/b\u003e \u003c/th\u003e\n\t\t\u003cth\u003e \u003cb\u003eDescription\u003c/b\u003e \u003c/th\u003e\n\t\t\u003cth\u003e \u003cb\u003eType\u003c/b\u003e \u003c/th\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003eyes\u003c/td\u003e\n\t\t\u003ctd\u003edata-emailseller\u003c/td\u003e\n\t\t\u003ctd\u003eThis attribute contains the email of the seller, Hono will use it to send the mail.\u003c/td\u003e\n\t\t\u003ctd\u003eString\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003eno\u003c/td\u003e\n\t\t\u003ctd\u003edata-product-image\u003c/td\u003e\n\t\t\u003ctd\u003eThis attribute contains the path of th image(The absolute path)\u003c/td\u003e\n\t\t\u003ctd\u003eString\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003eyes\u003c/td\u003e\n\t\t\u003ctd\u003edata-product-title\u003c/td\u003e\n\t\t\u003ctd\u003eThis attibute contains the title of the product\u003c/td\u003e\n\t\t\u003ctd\u003eString\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003eyes\u003c/td\u003e\n\t\t\u003ctd\u003edata-product-currency\u003c/td\u003e\n\t\t\u003ctd\u003eThis attribute contains the currency of the product\u003c/td\u003e\n\t\t\u003ctd\u003eString\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003eyes\u003c/td\u003e\n\t\t\u003ctd\u003edata-product-amount\u003c/td\u003e\n\t\t\u003ctd\u003eThis attribute contains the amount/price of the product\u003c/td\u003e\n\t\t\u003ctd\u003eFloat\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003eyes\u003c/td\u003e\n\t\t\u003ctd\u003edata-product-margin-amount\u003c/td\u003e\n\t\t\u003ctd\u003eThis attribute contain the reduction marge to apply on the amount, it's what Hono will use to control if what the customer enter is in the acceptable marge of the amount that the seller want\u003c/td\u003e\n\t\t\u003ctd\u003eFloat\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003eno\u003c/td\u003e\n\t\t\u003ctd\u003edata-button-lang\u003c/td\u003e\n\t\t\u003ctd\u003eThis attribute control all the language of the Hono systeme, now it's can work with: en, fr, sp, ge\u003c/td\u003e\n\t\t\u003ctd\u003eString\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003eno\u003c/td\u003e\n\t\t\u003ctd\u003edata-number-trying\u003c/td\u003e\n\t\t\u003ctd\u003eThis attibute is the limit number that is allow to a customer to hit his amount proposition in the modal\u003c/td\u003e\n\t\t\u003ctd\u003eInt\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003eno\u003c/td\u003e\n\t\t\u003ctd\u003edata-autoload-action\u003c/td\u003e\n\t\t\u003ctd\u003eThis attribute control the way the button will appear \u003cbr\u003e-'onclosepage' [The button will appear if the customer try to close the page and cancel it in the end],\n\t\t\u003cbr\u003e-'onclick' [This is the default value],\n\t\t\u003cbr\u003e-'onCallBack' [The button will appear by calling the function 'honolaunch()' ],\n\t\t\u003cbr\u003e-'onwait-10' [This value is to configure a timeout before the button appear])\u003c/td\u003e\n\t\t\u003ctd\u003eString\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003eno\u003c/td\u003e\n\t\t\u003ctd\u003edata-button-position\u003c/td\u003e\n\t\t\u003ctd\u003ethis attribute set the button position we have (standard, float-left and float-right)\u003c/td\u003e\n\t\t\u003ctd\u003eString\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003eno\u003c/td\u003e\n\t\t\u003ctd\u003edata-button-css\u003c/td\u003e\n\t\t\u003ctd\u003eIf you have a personnal style you want to add on Hono Button this attribute is for you\u003c/td\u003e\n\t\t\u003ctd\u003eString\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003eno\u003c/td\u003e\n\t\t\u003ctd\u003edata-button-class\u003c/td\u003e\n\t\t\u003ctd\u003eIf you have a personnal class you want to add on Hono Button this attribute is for you\u003c/td\u003e\n\t\t\u003ctd\u003eString\u003c/td\u003e\n\t\u003c/tr\u003e\n\u003c/table\u003e\n\u003chr\u003e\n\n### Responsive render\n\u003ctable style=\"width: 100%;\"\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/img/q.PNG\"\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/img/w.PNG\"\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/img/e.PNG\"\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/img/r.PNG\"\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/img/t.PNG\"\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\u003c/table\u003e\n\u003chr\u003e\n\n### How it's work with the Customer haggling his amount and the email received by the Seller:\nYou can Try the \u003ca href=\"https://sanix-darker.github.io/Hono/\"\u003eDEMO HERE\u003c/a\u003e, *But you need to change the emailseller attribute to receive the mail as the seller.*\n\u003ctable style=\"width: 100%;\"\u003e\n\t\u003ctr\u003e\u003ctd\u003e\u003cbr\u003eCustomer's Test\u003cbr\u003e\u003c/td\u003e\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd colspan=\"2\"\u003e\n\t\t\t\u003cimg src=\"assets/img/Hono.gif\" \u003e\n\t\t\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\u003ctd\u003e\u003cbr\u003eInbox's Email of the Seller, _*LOOK AT YOUR SPAM TOO*_ \u003cbr\u003e\u003c/td\u003e\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd colspan=\"2\"\u003e\n\t\t\t\u003cimg src=\"assets/img/Capture.PNG\" \u003e\n\t\t\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\u003ctd\u003e\u003cbr\u003eHono's TCHAT platform\u003cbr\u003e\u003c/td\u003e\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd colspan=\"2\"\u003e\n\t\t\t\u003cimg src=\"assets/img/Capture2.PNG\" \u003e\n\t\t\u003c/td\u003e\n\t\u003c/tr\u003e\n\u003c/table\u003e\n\u003chr\u003e\n\n### Author:\n- \u003ca href=\"https://github.com/Sanix-Darker\"\u003e 🐼 Sanix Darker \u003c/a\u003e\n\u003chr\u003e\n\n### SOURCES:\n\n- \u003ca href=\"https://sanix-darker.github.io/Hono/docs/\"\u003eDOCUMENTATION\u003c/a\u003e\u003cbr\u003e\n- \u003ca href=\"https://github.com/Sanix-Darker\"\u003eSOURCE CODE\u003c/a\u003e\u003cbr\u003e\n- \u003ca href=\"https://sanix-darker.github.io/Hono/\"\u003eDEMO HERE\u003c/a\u003e\n\n### TODO:\n\n- Adding a config file for smtp server for sending mail (assets/js/hono.js At line [434 - 436] ).\n- Adding an SMS services same as mail to notify better users.\n\n### LICENSE:\n\n[MIT License](https://github.com/Sanix-Darker/hono/blob/master/LICENSE)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsanix-darker%2Fhono","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsanix-darker%2Fhono","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsanix-darker%2Fhono/lists"}