Layout of the Pop-up and editing of the progress bar animation | Shopify site
Good evening,
1) I have a ready design for a pop-up in Figma, and I need to add it to the Shopify site. The pop-up should work like on the reference site (https://smilekit-eu.store/products/smilekit-dental), the functionality should be the same, the only thing that needs to change is that the "GO TO SITE" button should not redirect but simply close the pop-up. It is also important that there is the same or similar animation after winning a discount (falling confetti). The pop-up should only be on one page and open before the main content of the site (the pop-up is the first thing a person should see when they go to this page). On the "wheel," -60% should constantly appear, and it should not be perfectly centered in the block (the section with the -60% discount), but asymmetrically, to make it more realistic. The pop-up must be adapted for all devices.

2) I have a custom slider, and there is a progress bar on it where I need to replace the animation with one like in the reference:
https://drive.google.com/file/d/1wsimV87j40et1zpa2ucHS8XcJAK7Kzyd/view?usp=drive_link
Client's review of cooperation with Yury Nikonenko
Layout of the Pop-up and editing of the progress bar animation | Shopify siteThe work was done quickly, professionally, and with high quality. I recommend for collaboration!
Freelancer's review of cooperation with Marian Kozlovskyi
Layout of the Pop-up and editing of the progress bar animation | Shopify siteI am satisfied with the collaboration! The client was always in touch, which allowed for quick resolution of any issues that arose. I recommend Marian for collaboration – it was pleasant and productive to work with him.
-
425 8 0 Hello, Marian.
Developing such a "wheel" requires a large stack of Js. I can guarantee it will work as you say. Recently, I created this product basket (https://gray-s.com/krovato/card.html#) most of which is written in js script from scratch. Therefore, I can guarantee the quality and reliability of the execution.
The work requires time. So I can make such a "wheel" in 3 days + integration into your CMS to set everything up correctly and be confident in the quality of execution.
Write to me privately to discuss the details and agree on the start of work, okay?
Other works:
… https://gray-s.com/cookes/
https://gray-s.com/ship/
https://gray-s.com/clinic/
https://gray-s.com/personalized-blog/
https://gray-s.com/positivus/
-
3663 111 3 5 Hello, Marian!
I am implementing a popup with a wheel, a progress bar, and I will add it to the website.
Best regards, Yuriy
-
852 7 1 Good evening, I am interested in your task and ready to implement it. I have created a similar wheel, so I will easily handle your task. I am ready to start right after discussing all the details.
Current freelance projects in the category HTML & CSS
Development of an iOS application for online chess similar to (possibly through Vibe Coding)
445 USD
It is necessary to develop an MVP mobile application only for iOS. The concept can be based on Chess.com, but without copying the design or code. It is preferable to maximize the use of Vibe Coding/AI to speed up development and reduce costs, but the code must be clean,… HTML & CSS ∙ 57 minutes back ∙ 11 proposals |
We are looking for a specialist in Joomla.Hello everyone, there is a project for which a Joomla specialist is needed. Right now, we need to understand how everything is arranged and what pages exist. Find the registration page and form, and explain how everything works and where the applications go, etc. HTML & CSS ∙ 2 hours 27 minutes back ∙ 14 proposals |
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 ∙ 3 days 4 hours back ∙ 115 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 ∙ 3 days 11 hours back ∙ 39 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 ∙ 4 days 2 hours back ∙ 68 proposals |