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..................................................................................................................
-
1931 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?
-
12912 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!
-
367 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!
-
756 26 1 Hello. Please contact me. I have extensive experience working with OpenCart.............
-
6878 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.
-
866 26 4 1 I will be happy to work.
------------ ----------------- ---------------- --------------- -----------
-
Питання тільки одне: Якщо користувач переходить на сторінку товару, відображається обраний раніше розмір
- Мається на увазі підмінити посилання в плитці товару на посилання варіації? -
Current freelance projects in the category HTML & CSS
Web design and developmentHello! For the current project, I am looking for two separate specialists: web designer (Figma) web developer (Frontend / WordPress) The project includes tasks such as: landing pages, online store, admin panels, WordPress site, as well as small tasks on React / Next.js and… HTML & CSS, Web Design ∙ 1 day 8 hours back ∙ 96 proposals |
A modern website is needed for a stretch ceiling company in Poland.
634 USD
Need a modern premium design, mobile device adaptation, fast loading, SEO, animations, calculator, portfolio, application form. Experience in creating websites in Poland, landing pages for construction or renovation companies is preferred. Please be sure to send examples of your… HTML & CSS, Web Programming ∙ 1 day 9 hours back ∙ 146 proposals |
A Drupal developer is needed for edits on several websites.A Drupal developer is needed for edits on several websites. The site has bloated and filled up all the hosting.. HTML & CSS, Web Programming ∙ 1 day 15 hours back ∙ 37 proposals |
Optimization of WordPress site speed
113 USD
We will send full details in private messages Goal Maximize website loading speed, especially on mobile devices. KPI (mandatory) After the work is completed, the following metrics must be achieved. Mobile Performance 90+ LCP less than 2.2 sec INP less than 200 ms CLS less than… HTML & CSS, Javascript and Typescript ∙ 2 days 6 hours back ∙ 65 proposals |
Create a website and connect it to Shopifyto create a website and connect it to Shopify the main page is in the mockup there will be no product pages, there will be a modal window for selecting the size of the cream jar and its quantity after that, a delivery and payment window the order must be sent to Shopify with… HTML & CSS, Web Programming ∙ 2 days 9 hours back ∙ 75 proposals |