I am looking for somebody with deep woocommerce coding skills.
What must be done is:
Having a dropdown menu always visible on the left side corner to select from a variation of around 9 values. These values are mostly always same for every products. Besides variations that are depending on the product, these the user should select then within the product archive and product page, so the selection to quickly add those products to the cart must be visible within the products archive without having to open the product)
Lets take an example. You wish to sell car parts for 9 different car models.
So within the dropdown on the homepage / any page, you select the car model and then the whole woocommerce store must display prices, stock, images, description etc based on the selected variant. This must work for the product categories archive, product page, search box, cart, crossells, related products, checkout and all other places.
Preferred the selected choice should be saved on cookies, so on next visit the user will see his recent choice. If there is even a better alternative than cookies, this would be welcome too.
In case the user selects car parts of 2 different models (by switching the dropdown to another car and adding further products into the cart), then within the shopping cart there should be a clearly visible note that multiple choices had been made and that these should be rechecked to make sure it is the user's intention to purchase products from different variants.
All out of stock products/variants for the selected car model should be completely hidden.
The ideal solution will be that the customer can't add the product to the cart if option 1 (car model) isn't selected. When the customer presses to add the product to their cart, it should turn red to gain their attention with small text that they have to select their car model before they can add it to their cart. In an easy understandable way so that nobody gets confused where to change it. Maybe replace the add to cart button with a "Select your car model" instead.
A selector to quickly switch over the whole shopping carts choices to a new car model would be awesome aswell but if this would take too much time we can skip this.
Besides all out of stock variations (the product specific ones, not the car model) should be greyed out, unclickable and display something like "Variant name - Out of stock".
Please also keep SEO and fast performance in mind, so that the google bot will read the page as it is without getting interfered with the dropdown selector. So the schema should not be modified and display everything as it would be without the selector. If you got any recommendations here that something must be adjusted please let me know.
Also I am looking for adjustments to the products images, so that these look beautiful within the products archive, products page and all other areas, fitting into my design with fullsize images (probably woocommerce settings can do the full size image display?). Short codes to display first and second images would be great so that these can be seprately placed within the product page (build with elementor pro) somewhere.
Aswell displaying the second image on mouseover (having the second image move while the mouse is moving over the featured image) within the products archives.
The coding should be done on a dev environment and created as a plugin, so I can easily move it to my live site.