OpenCart Programmer 3.0.2.0.
Technical task: Adaptation of the product card page for different screen resolutions for PC
1. General description
It is necessary to adapt the product card page according to the design presented in
the screenshot. The main goal is to ensure the correct placement of elements on different
screen resolutions, improve UX, and make the interface more user-friendly.
2. Responsiveness requirements
● The page must display correctly on screens with a width of 1024px and
above.
● Use flexible grids (e.g., flexbox, grid) for positioning
blocks.
● Ensure proper scaling and spacing between elements.
3. Changes on the page
3.1. Block with price and characteristics
● Ensure a fixed position for this block when scrolling the page
(sticky position).
● Add the text "Guaranteed cashback".
● The cashback amount is automatically calculated as 1% of the discounted price and must
be rounded down to 1 UAH.
3.2. Changes in product cards
Mattresses
● Rename "Additional information" to "Characteristics".
● Add:
● "Allowed load". (the number can be taken from the properties)
● "Video review" (if there is a video in the gallery, open the gallery specifically with the video; if
not, the item does not display).
Beds
● Rename "Sleeping place size" to "Sleeping place size (W x
L)".
● Rename "Size" to "Dimensions (W x L x H)".
● Add:
● "View samples" (scroll to the fabric samples).
● "Video review" (similarly to mattresses).
● "We recommend adding" (scroll to the "Frequently bought together" block).
● Rename "Additional information" to "Characteristics".
● Remove the "Fabric category" item from "Additional information".
● Arrange in the order specified in the screenshots.
4. Layout requirements
● Correct display in browsers Chrome, Firefox, Opera, Edge, Safari.
5. Testing and acceptance of work
● Work to be done on the dev version of the site
● Testing on screens 1024px, 1280px, 1440px, 1920px.
● Check the correct display of all elements.
● Test the functionality of scrolling, zooming, and the responsive price block.
6. Deadline
● Desired deadline – 10 working days.
7. Notes
● Start with the product card – mattresses. After completing the work, provide for
review. After approval, continue working on other categories.
9. Additional materials
● Screenshot of the product card example (mattresses): Product_card-mattress.jpg
● Screenshot of the product card example (beds): Product_card-bed.jpg
● Example of display at 1920px resolution: Screenshot_2.png
Client's review of cooperation with Margarita Svistun
OpenCart Programmer 3.0.2.0.Collaboration with Margarita Svystun left only pleasant impressions. The tasks were completed with quality, on time, and with attention to detail. I especially appreciate the responsibility, proactivity, and professional approach.
I recommend her as a reliable specialist, with whom it is a pleasure to work. I will definitely reach out again!
Freelancer's review of cooperation with Roman Kozakov
OpenCart Programmer 3.0.2.0.The client provided a clear and detailed technical assignment, which significantly simplified the work process. Communication was prompt and constructive, all issues were resolved quickly. It is a pleasure to work with professionals who understand their needs. I recommend for collaboration!
-
2958 113 0 Good day, I will help you solve your task, I work with OS on a permanent basis, supporting more than 50 websites also on a permanent basis. Feel free to reach out, I will be happy to help.
-
6958 102 0 Good day, my experience in web development is over 10 years, I will do it without any problems, feel free to contact me, thank you.
-
602 11 0 Good day. I will complete exactly according to the technical assignment. I have experience in OpenCart.
-
901 11 0 Good day.
For an accurate assessment, we need to look at the website and the layouts.
Experience with Opencart for over 7 years.
Feel free to reach out.
-
1323 5 0 I will be happy to do the work for you. I have extensive experience working with Opencart, I can be helpful in solving technical issues as a programmer, and I can think ahead about the necessary additional functionality.
-
8495 38 0 1 I can redesign the product card from scratch, please contact me, thank you, work in the profile
-
6474 229 4 7 Hello.
I am ready to complete it.
Message me privately.
We will discuss the details.
-
Додайте будь ласка скріншоти, бо у вас вони текстом.
-
скриншоты не прикрепились
-
Доброго дня. Прикріпіть скріншоти з дизайном та надайте посилання на сайт.
-
Current freelance projects in the category HTML & CSS
Ищу программиста или вайб кодинг Автоматизация scraping данныхמחפש מתכנת או תומך בקידוד וייב. גירוד נתונים אוטומטי. https://drive.google.com/file/d/1Ogsx2iyahw79sleaDEUwMnSTPHhwF3Nu/view?usp=sharing HTML & CSS, Web Programming ∙ 26 minutes back ∙ 13 proposals |
Error correction, conversion optimization, and UX improvement in a Shopify storeAn experienced Shopify developer is required to address the following tasks: 1. Fixing critical JavaScript errors (priority) In several user sessions, errors are recorded when adding products to the cart, which prevent order completion. Errors are reproduced on different… HTML & CSS, Java ∙ 7 hours 5 minutes back ∙ 16 proposals |
SCSS HTML JS FIGMA Layout
22 USD
Need a layout of the template from Figma without dev mode. Well-structured SCSS, responsive at your discretion, everything by sections. If you use Claude code, that's a big plus. It needs to be done by yesterday. Please specify the price. Need to start today and finish as soon… HTML & CSS ∙ 10 hours 41 minutes back ∙ 70 proposals |
WordPress website online store
445 USD
A good website is needed (on WordPress) for an online store (selling CBD products in the USA).The category is competitive, with many photos/many products, it needs to be original. There is some kind of technical specification. Later, it will need to be promoted on social media… HTML & CSS ∙ 11 hours 36 minutes back ∙ 51 proposals |
Fix the CSS/DOM layout of cards in the Chrome extension for localizing D&D BeyondThere is a Chrome extension Manifest V3 that localizes the D&D Beyond website into Ukrainian. The project is written in TypeScript + WXT. The extension works through a content script: it finds English text on D&D Beyond pages and replaces it with the Ukrainian translation. The… HTML & CSS, Javascript and Typescript ∙ 19 hours 37 minutes back ∙ 36 proposals |