OpenCart Programmer
Technical Task: Dynamic Size Selection in the Product Catalog
Goal:
Implement functionality that allows the user to select a size (width / length) in the product catalog and based on that display:
The current price for the selected size;
Additional information from the product card.
Visual Example Screenshot-prototype: https://prnt.sc/qSRotLeTdfVE
Task:
Dropdown Lists “Width” and “Length”
Add a dropdown list to each product card in the catalog: "Width (cm)" and "Length (cm)".
For the category "beds" — this is the size of the sleeping area.
Values should be dynamically pulled from the available product variations.
Displaying the Current Price
After selecting a size from the list, the price should update according to the selected variation.
Displaying Additional Information
Display additional information corresponding to the selected variation.
Data source: https://prnt.sc/BVeS5mTj6Fpd (from the product card)
UX / UI
All changes should occur without reloading the page (via AJAX).
If the user navigates to the product page, the previously selected size is displayed.
Responsiveness (mobile / desktop version):
On mobile devices, the size selection and additional information are displayed by default.
On PC — these elements appear when hovering the mouse over the product card.
Working Environment
All changes are implemented on the dev version of the site: https://dev.bed4you.ua
After final approval — transfer of changes to the main site: https://bed4you.ua
Client's review of cooperation with Olesya S.
OpenCart ProgrammerProfessional, responsible, and pleasant to communicate with. The work was done qualitatively, even before the agreed deadline. All my comments were taken into account, communication was at an excellent level. It is clear that the person approaches the task with understanding and care for the result. I recommend 100%!
Freelancer's review of cooperation with Roman Kozakov
OpenCart ProgrammerI recommend, clear terms of reference and pleasant communication )
-
1735 23 2 Good day. I am ready to complete this project. I have extensive experience working with Opencart and its modifications. I can complete this work within a week. In my work, I use the best practices and actively utilize the system of modifiers and modules.
I want to say that dynamic size selection and displaying additional information are technically two different tasks. One cannot be done based on the other, even though these elements are located close to each other.
A very important question is whether the dev version of the site is already set up? Are all modules and external APIs working there? Will there be compatibility issues between these two sites?
Also, regarding the products, some nuances are unclear. Do additional characteristics change in different variations of the product? Which specific characteristics need to be displayed on the card? What types of characteristics will there be: text, links, something else? And also an important question, how are the product variations made — using a module (which one?) or custom code?
For the work, access to the admin panel, database, and FTP (or preferably SFTP) of both sites will be needed. This is necessary for full control of the work process and to avoid bugs. Of course, I will work on the technical version of the site. The code upload to the main site will occur after several checks.
-
224 1 0 Hello!
We want to offer our services. We have a professional team of developers consisting of front-end and back-end specialists, as well as a team leader. We have been working for over 4 years with various niches, geographies, and projects, which is why we are flexible to conditions and the diversity of work.
E-Commerce, SaaS, Marketing agencies, Logistics, and IT companies are what we work with.
We have effective solutions and do not require a long adaptation period, as we have the necessary experience!
-
131 Well, let's see.... I'll figure it out..................................................................................................................
-
2060 18 1 Hello Roman, I will be happy to collaborate and will complete your task quickly and efficiently, I look forward to a long-term partnership )
There is a moment regarding two points!
1. In one of the screenshots, there is a link recommended for this product, should it be a link to some page or what? Because I did not see recommendations for the product in the card!
2. Video review, as I understand it, should it be exactly like a modal or a link to the review or a transition to the product description?
-
9897 67 0 Hello! I will complete your task quickly and efficiently.
My portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Write to me, I will start working today. I will be glad to collaborate with you!
-
361 2 1 Hello! I am ready to complete your task quickly and efficiently. I have experience in various fields, which makes me an excellent choice for your business. Feel free to reach out!
-
748 26 1 Hello. Please contact me. I have extensive experience working with OpenCart.............
-
6975 102 0 Hello, I have been working only with OpenCart for 9 years, so I will do it as correctly and qualitatively as possible, feel free to contact me, thank you.
-
841 26 4 1 I will be happy to work.
------------ ----------------- ---------------- --------------- -----------
-
Питання тільки одне: Якщо користувач переходить на сторінку товару, відображається обраний раніше розмір
- Мається на увазі підмінити посилання в плитці товару на посилання варіації? -
Current freelance projects in the category HTML & CSS
Convert the design from Figma to the Horoshop website.It is necessary to transfer the finished design from Figma to the online store on the Horoshop platform with high quality. https://www.figma.com/design/HOA7Y4kIautVAHWS6EUYfA/Untitled?node-id=0-1&t=uXEkc0hgje4vEtdc-1 from here https://toysmarket.in.ua/ to here HTML & CSS, Website Development ∙ 5 hours 32 minutes back ∙ 25 proposals |
Comprehensive refinement of the WooCommerce store (UX, responsiveness, functionality)It is necessary to complete the development of the online store on WordPress (WooCommerce). Current site: https://lerise.com.ua/ Reference for functionality and usability level: https://katysoho.com.ua/Important It is not necessary to radically change the design of the site.… Content Management Systems, HTML & CSS ∙ 22 hours 51 minutes back ∙ 32 proposals |
A turnkey website for wedding photographers: design + text + launchWe are looking for a specialist (or studio) to create a turnkey portfolio website - a full cycle from concept to publication. We want minimal involvement from our side: you take the task and bring it to a finished result. What is included in the "turnkey" work: • Design in… HTML & CSS, Web Design ∙ 1 day 5 hours back ∙ 103 proposals |
Looking for a web designer / developer on WordPress (Divi builder)https://annalecat.com/corporate-training/ What needs to be done: We have one page on the website that currently looks bad. It needs to be redesigned and laid out so that it looks beautiful, modern, and neat. What we already have for work: Text: Fully prepared and divided into… HTML & CSS, Web Design ∙ 3 days 1 hour back ∙ 36 proposals |
Processing and filling out a package of documents (Word and PDF)
68 USD
Looking for a freelancer for the prompt completion and formatting of a document package using ready-made templates (contracts, agreements, declarations). The task includes: Filling out these templates (candidate data, conditions, dates) in ready Word/PDF forms; Checking the… HTML & CSS, Text Editing & Proofreading ∙ 3 days 17 hours back ∙ 33 proposals |