CSS work and banner work.
Budget: $25 – $50 USD
Job Details:
I need two experienced Magento developers to help resolve specific issues and finalize the visual aspects of my Magento 2.4.3-based website.
Milestones:
A, banners + CSS work on one page
B, CSS work only
Issue Overview:
Problem on Server Instance 2 (S2):
- Current Situation: All changes made on S2 are "stuck" and not reflected elsewhere.
- Cause: The developer removed the .gitignore file, causing all 55GB of files to be added to the repository, which crashed the git server.
- Resolution: I had to clear the history for those 55GB of files, which also removed the recent color changes.
Solution Options:
1. Manual Copy: Manually copy all changes from S2 to Server Instance 1 (S1).
2. Redo Changes: Reapply all changes from scratch on S2.
Recommendation: I suggest manually copying the changes from S2 to S1.
Cache Issue:
- Observation: Several developers have faced issues with changes not being visible due to caching. This is unusual because similar tasks were completed without issues two weeks ago.
- Action Required: Ensure you can handle caching properly to avoid wasting time.
Image Issue:
- New Images: I added new foundation images to the server, but they are not visible in the admin panel or on the product page. This issue must also be corrected.
Documents to Follow (I will share them and also the domains):
1. 2024-06-20, done on S2, feedback.pdf: Feedback on the already completed work, visible on S2.
2. 2024-06-27, remaining according to S2 todo.pdf: Details the remaining tasks based on S2's status.
3. 2024-06-20, must be done, banner page.pdf: Outlines specific tasks that must be done.
Steps to Follow:
1. Review S2 thoroughly to understand the current state and identify what needs to be copied to S1.
2. Follow the instructions in the documents "2024-06-27, remaining according to S2 todo.pdf" and "2024-06-20, must be done, banner page.pdf."
3. Note that "2024-06-20, done on S2, feedback.pdf" has already been implemented as seen on S2.
Key Tasks:
TASK A. Main Page Banner via Mirasvit PromoBanner Module
1. Change the banners to 4 in total:
- Free shipping (already exists)
- Add sales message
- Add small banner (a bit taller)
- Add the biggest banner
All, except for free shipping, shall be created in the Mirasvit module. I have code for them, so it is an easy job to change image and text. The last change is to change colors on the new tab too.
TASK B. Web and Responsiveness: Colour Changes and More
Web Page Adjustments:
Section 1: General Button and Visibility Tasks
- Change yellow buttons to black.
- Ensure all images are visible.
- Adjust text alignment: Center text over the button and image, but keep it left-aligned.
Section 2: Layout and Content Adjustments
- Reduce excessive whitespace in the "New" tab.
- Add missing H1 header with the text "New."
- Change to a three-column product layout for all sections (complexion, lips, and eyes) instead of four.
- Remove product swatches.
- Change button text color to white.
Section 3: Visibility and Interaction Issues
- Ensure foundation products are visible.
- Change hover and press color from yellow to white.
- Fix navigation issues to the detailed product page.
Mobile/Responsiveness Adjustments:
Section 4: Banner and Navigation Fixes
- Copy the small banner from the live site to the staging site.
- Correct breadcrumb navigation to accurately reflect the path down to the product level.
Section 5: Button and Review Section Issues
- Change yellow buttons to black.
- Detach Buy and Add to Cart buttons in the review section.
Section 6: Review Section Button Issues
- Detach Buy and Add to Cart buttons in the review section.
Section 7: General Aesthetic Adjustments
- Ensure the admin view matches the live view for the number of slides (should be consistent, not varying between 1 and 3).
Additional Notes:
- Ensure overall consistency in button color changes and layout adjustments.
- Verify all changes across both responsive and web views.
- Maintain clear communication for any further required adjustments or clarifications.
Ideal Candidates Should Have:
- Extensive experience with Magento 2.4.3, including theming and CSS capabilities.
- A keen eye for design and detail, ensuring precise color adjustments.
- Excellent communication skills and a commitment to meeting tight deadlines.
Instructions:
1. Provide Time and Cost for Each Milestone (A and B).
2. If Accepted, We Move to the Next Step.
3. Sign NDA.
4. I Will Then Accept the Quote.
Steps:
1. Provide time and cost for each milestone, A and B.
2. If I accept, we move to the next step.
3. Sign NDA.
4. I will then accept the quote.
What is essential is that you have two developers so both areas can be pushed forward. I have advertisements that must be run and I am now 1.5 weeks late.
I need two experienced Magento developers to help resolve specific issues and finalize the visual aspects of my Magento 2.4.3-based website.
Milestones:
A, banners + CSS work on one page
B, CSS work only
Issue Overview:
Problem on Server Instance 2 (S2):
- Current Situation: All changes made on S2 are "stuck" and not reflected elsewhere.
- Cause: The developer removed the .gitignore file, causing all 55GB of files to be added to the repository, which crashed the git server.
- Resolution: I had to clear the history for those 55GB of files, which also removed the recent color changes.
Solution Options:
1. Manual Copy: Manually copy all changes from S2 to Server Instance 1 (S1).
2. Redo Changes: Reapply all changes from scratch on S2.
Recommendation: I suggest manually copying the changes from S2 to S1.
Cache Issue:
- Observation: Several developers have faced issues with changes not being visible due to caching. This is unusual because similar tasks were completed without issues two weeks ago.
- Action Required: Ensure you can handle caching properly to avoid wasting time.
Image Issue:
- New Images: I added new foundation images to the server, but they are not visible in the admin panel or on the product page. This issue must also be corrected.
Documents to Follow (I will share them and also the domains):
1. 2024-06-20, done on S2, feedback.pdf: Feedback on the already completed work, visible on S2.
2. 2024-06-27, remaining according to S2 todo.pdf: Details the remaining tasks based on S2's status.
3. 2024-06-20, must be done, banner page.pdf: Outlines specific tasks that must be done.
Steps to Follow:
1. Review S2 thoroughly to understand the current state and identify what needs to be copied to S1.
2. Follow the instructions in the documents "2024-06-27, remaining according to S2 todo.pdf" and "2024-06-20, must be done, banner page.pdf."
3. Note that "2024-06-20, done on S2, feedback.pdf" has already been implemented as seen on S2.
Key Tasks:
TASK A. Main Page Banner via Mirasvit PromoBanner Module
1. Change the banners to 4 in total:
- Free shipping (already exists)
- Add sales message
- Add small banner (a bit taller)
- Add the biggest banner
All, except for free shipping, shall be created in the Mirasvit module. I have code for them, so it is an easy job to change image and text. The last change is to change colors on the new tab too.
TASK B. Web and Responsiveness: Colour Changes and More
Web Page Adjustments:
Section 1: General Button and Visibility Tasks
- Change yellow buttons to black.
- Ensure all images are visible.
- Adjust text alignment: Center text over the button and image, but keep it left-aligned.
Section 2: Layout and Content Adjustments
- Reduce excessive whitespace in the "New" tab.
- Add missing H1 header with the text "New."
- Change to a three-column product layout for all sections (complexion, lips, and eyes) instead of four.
- Remove product swatches.
- Change button text color to white.
Section 3: Visibility and Interaction Issues
- Ensure foundation products are visible.
- Change hover and press color from yellow to white.
- Fix navigation issues to the detailed product page.
Mobile/Responsiveness Adjustments:
Section 4: Banner and Navigation Fixes
- Copy the small banner from the live site to the staging site.
- Correct breadcrumb navigation to accurately reflect the path down to the product level.
Section 5: Button and Review Section Issues
- Change yellow buttons to black.
- Detach Buy and Add to Cart buttons in the review section.
Section 6: Review Section Button Issues
- Detach Buy and Add to Cart buttons in the review section.
Section 7: General Aesthetic Adjustments
- Ensure the admin view matches the live view for the number of slides (should be consistent, not varying between 1 and 3).
Additional Notes:
- Ensure overall consistency in button color changes and layout adjustments.
- Verify all changes across both responsive and web views.
- Maintain clear communication for any further required adjustments or clarifications.
Ideal Candidates Should Have:
- Extensive experience with Magento 2.4.3, including theming and CSS capabilities.
- A keen eye for design and detail, ensuring precise color adjustments.
- Excellent communication skills and a commitment to meeting tight deadlines.
Instructions:
1. Provide Time and Cost for Each Milestone (A and B).
2. If Accepted, We Move to the Next Step.
3. Sign NDA.
4. I Will Then Accept the Quote.
Steps:
1. Provide time and cost for each milestone, A and B.
2. If I accept, we move to the next step.
3. Sign NDA.
4. I will then accept the quote.
What is essential is that you have two developers so both areas can be pushed forward. I have advertisements that must be run and I am now 1.5 weeks late.