1001 Freelance Projects
Latest Projects from Freelance Marketplaces
Today is: 18-May-2024 16:40 GMT
View Project
View this project in detail (Note: you will be redirected to external marketplace)
Project title: Create a new button in Drag'n'Drop editor in React
Posted by: External project from PeoplePerHour
Started: 16-Jun-2020 19:20 GMT
Description: I have an HTML Drag'n'drop edit on my system and I need to include a new button that will perform a new function in the editor. My editor is similar to https://unlayer.com/. Documentation: https://docs.unlayer.com/docs

It is basically a button to include e-commerce products within HTML.

By selecting the button, the customer will be able to search for products by name, category and a few more options. This product list will be retrieved from my backend via JSON.

After the selected product, an HTML must be pasted showing data for this product. The data will basically be name, price, promotional price, button for purchase with direct link. All product information will be in the JSON mentioned earlier.

New functionality in the editor where we will add a new button to the drag and drop editor. This button will include HTML with a photo, title , prices, button and link for a product from the customer's online store.

1) A new button with the product title will be available to be dragged into the editor. This button will only appear if the customer is connected to an e-commerce platform. The solution I thought for this is for me to pass some parameter when showing the editor and the button appears if it is a product = true parameter, for example.
2) When dragged , you should put a basic HTML with no picture and no text and click r it will open a form next to right with the options
a. The form will appear one combo box with the categories of products, such as a search that will search for title or product code. All category and product information will be searched via our back - end.
b. Another option is that the customer can display the product with a horizontal or vertical image . The idea of this option is that sometimes you will have products with a height greater than width and vice versa. Sometimes the product will not fit just to the left of the information (see image above), the photo of the product will need to come above the information.
c. Another option will be to choose the color of the button that will be used
d. Another option will be to choose the font and font size to be used .
e. Another option is the title of the button that will come as standard BUY, but can be changed to another title with a limitation of 10 characters.
f. Whenever it is changed in the form, it must be changed in real time in the editor. For example, if I change the color of the button, it should automatically change in the editor
3) The HTML that will be placed basically is a photo (to the left or above the information), a title, a price that may have a promotional price (in this case the normal price is crossed out) , information about how many times without interest , an HTML pattern to make the shape of the button and the product link in the button link (the link information turns into the product's JSON) . The HTML we will create together, I will pass it as it should be and you create the coding.
Project ID: 3009001
Project category:
Project budget:
View this project in detail (Note: you will be redirected to external marketplace)
Last Projects / Browse Projects
  Project Started
Deploying React Wallet Connect on Server
Category: Express JS, JavaScript, Node.js, PHP, React.js
Budget: $30 - $250 USD
18-May-2024
16:04 GMT
Vintage Logo Design in Black & White
Category: Animation, Caricature & Cartoons, Graphic Design, Logo Design, Web Design
Budget: ₹100 - ₹400 INR
18-May-2024
16:03 GMT
Engaging Content Writer for Makeup Brand
Category: Article Writing, Content Writing, Copywriting, Creative Writing, Ghostwriting
Budget: $300 - $400 USD
18-May-2024
15:59 GMT
Stack AI Workflow & Recommendation System
Category: Large Language Models (LLMs), Software Architecture
Budget: $30 - $250 USD
18-May-2024
15:59 GMT
Looking for a person who PAID for a CHARITY organization in Facebook.
Category: Facebook Ads, Virtual Assistant
Budget: $10 - $30 USD
18-May-2024
15:59 GMT
Social Media Graphic Designer
Category: Facebook Marketing, Graphic Design, Illustration, Logo Design, Photoshop
Budget: ₹12500 - ₹37500 INR
18-May-2024
15:58 GMT
Comprehensive CV Revamp
Category: Content Writing, Editing, Resumes, Technical Writing
Budget: $10 - $30 USD
18-May-2024
15:58 GMT
Urgent English to Vietnamese Translation & Letter Mailing
Category: English (UK) Translator, English (US) Translator, Indonesian Translator, Translation, Vietnamese Translator
Budget: ₹1500 - ₹12500 INR
18-May-2024
15:56 GMT
Photo Editing: Person Replacement with Fountain
Category: Graphic Design, Illustration, Photo Editing, Photoshop, Photoshop Design
Budget: $10 - $30 USD
18-May-2024
15:56 GMT
Social Media Photo Editing
Category: Graphic Design, Illustration, Photo Editing, Photoshop, Photoshop Design
Budget: ₹100 - ₹400 INR
18-May-2024
15:52 GMT
International Banking Cybersecurity Expert Needed -- 3
Category: Computer Security, Internet Security, Software Architecture, Software Testing, Web Security
Budget: min $50000 USD
18-May-2024
15:52 GMT
Youtube Thumbnail Editor Development
Category: Creative Design, Photoshop
Budget: ₹600 - ₹1500 INR
18-May-2024
15:51 GMT
Advanced Twitter Brand Visibility Training
Category: Advertising, Facebook Marketing, Internet Marketing, Social Media Marketing, Twitter
Budget: $30 - $250 AUD
18-May-2024
15:50 GMT
Kreol-English Interpreter for Bible Seminar
Category: English (US) Translator, English Grammar, English Spelling, Indonesian Translator, Proofreading
Budget: $25 - $50 USD
18-May-2024
15:50 GMT
Architectural Surfaces Design Showcase
Category: Graphic Design, HTML, Logo Design, Photoshop, Web Design
Budget: $20000 - $50000 USD
18-May-2024
15:50 GMT
Browse All Projects
Projects by Skills ...
Projects for 'android'
Projects for 'ajax'
Projects for 'asp'
Projects for 'aspnet'
Projects for 'cms'
Projects for 'cpp'
Projects for 'csharp'
Projects for 'css'
Projects for 'delphi'
Projects for 'design'
Projects for 'drupal'
Projects for 'excel'
Projects for 'facebook'
Projects for 'flash'
Projects for 'html'
Projects for 'java'
Projects for 'javascript'
Projects for 'joomla'
Projects for 'iphone'
Projects for 'mysql'
Projects for 'photoshop'
Projects for 'php'
Projects for 'python'
Projects for 'ruby'
Projects for 'seo'
Projects for 'sql'
Projects for 'sysadm'
Projects for 'translate'
Projects for 'typing'
Projects for 'twitter'
Projects for 'vbnet'
Projects for 'xml'
Projects for 'wordpress'
Projects for 'writing'
Read RSS feeds ... New!
RSS feed for 'android'
RSS feed for 'ajax'
RSS feed for 'asp'
RSS feed for 'aspnet'
RSS feed for 'cms'
RSS feed for 'cpp'
RSS feed for 'csharp'
RSS feed for 'css'
RSS feed for 'delphi'
RSS feed for 'design'
RSS feed for 'drupal'
RSS feed for 'excel'
RSS feed for 'facebook'
RSS feed for 'flash'
RSS feed for 'html'
RSS feed for 'java'
RSS feed for 'javascript'
RSS feed for 'joomla'
RSS feed for 'iphone'
RSS feed for 'mysql'
RSS feed for 'photoshop'
RSS feed for 'php'
RSS feed for 'python'
RSS feed for 'ruby'
RSS feed for 'seo'
RSS feed for 'sql'
RSS feed for 'sysadm'
RSS feed for 'translate'
RSS feed for 'typing'
RSS feed for 'twitter'
RSS feed for 'vbnet'
RSS feed for 'xml'
RSS feed for 'wordpress'
RSS feed for 'writing'
New!
Проекты на русском
(Projects in Russian)

Long URL:
www.1001freelanceprojects.com
Mobile version:
m.1001fp.com
Copyright © 2005-2022 1001 Freelance Projects