WooCommerce Website Customizations

Job ID: 33485943

Budget: $30 – $250 USD

I am running a WooCommerce website and I need a developer that is well versed in both WordPress and WooCommerce.

I need some modifications done to the checkout page and on the custom product pages that I built with Elementor.

This website primarily sells food items that are added to a menu every week. Each week, the menu items are swapped out for new food items. The menu can be viewed here (https://optimizeumeals.com/menu/). I want this menu page to be a one-page shopping experience for the customers. Customers should be able to select their variations and add quantities to their cart without ever having to leave this menu page. I don't want a customer to have to click into a product to have to add it to their cart. They should be able to just add it straight from the menu page. As of now, the menu page is close to working. However, when adding a variable product to the cart from this menu page, you get the following message: "Please select variation". This needs to be fixed.

I have also added a free shipping bar/banner to the top of the website. Sometimes this bar displays and sometimes it doesn't. I don't know why it doesn't show up all the time. The moment a customer comes to the website, the bar should display the message "Free shipping for orders over $130.00".

Upon ordering $130 worth of food, free shipping is unlocked. A progress bar under the free shipping bar shows how close you are to activating free shipping. This bar only pops up sometimes and is having issues with the header of the website. When the customer scrolls down a page, the free shipping bar overlaps the header.

To see the header with the free shipping bar, add some products to your cart from the menu page. (https://optimizeumeals.com/menu/)

I also want to do some modifications on the checkout page with the Local Pickup option. The dropdown selector and date selector need some design modifications.
Related categories: PHP JavaScript WordPress CSS WooCommerce