Variations feature in product card

Job ID: 38303185

Budget: $10 – $30 USD

We have two prices for each color in the admin panel (e.g., blue is more expensive than white). Currently, both prices are shown in the product card and category view. We need to display only one price in these views. However, on the product page, the price should update based on the selected color, size, etc., as set in the admin panel.

Here are some example issues:

When selecting a size, the price changes correctly, but selecting a color does not update the price.
Display issues where two prices are shown before any selection, confusing customers.
The pricing display needs to be consistent across the site, with the main price (large) on top and the crossed-out price (small) below. We need a solution to either pre-select parameters or handle the initial display better to avoid confusion.

We're using:

- WordPress
- WooCommerce

Details are in the file:

https://docs.google.com/document/d/17PWVf5qPGYHQeKVOnLynrl-a1N2ndagr6M6n1eAvgTs/edit?usp=sharing

There is not much work, part of the functionality works, you just need to solve the problem with the output in the front 2 prices.

Read more in the file.
Related categories: PHP WordPress CSS HTML WooCommerce