Đã Đóng

Woocommerce Global Variation Selector / Filter + Product image display adjustments

Hello,

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.

Kĩ năng: WordPress, PHP, WooCommerce, CSS, HTML

Xem nhiều hơn: product selector filter zen cart, oscommerce product image multiple display rotate, display product image jsp, virtuemart display product image settings, display product image virtuemart, display interest product image magento, joomla display product image table, virtuemart hot change product browse page product image display order description, magento display flash product image, display product image sidebox zen cart, prestashop display product image listing, display product image grid jquery, code display product image prestashop, prestashop display product image, woocommerce product variation image display, woocommerce product price display, woocommerce filter product, woocommerce display product image

Về Bên Thuê:
( 21 nhận xét ) Chonburi, Thailand

ID dự án: #30590287

21 freelancer chào giá trung bình$182 cho công việc này

evgendob

Hello. WordPress development expert ready to help you with a project. I have more than 400 good reviews and more than 9 years of development experience behind, so all job will be done with the best quality and timefram Thêm

$250 USD trong 7 ngày
(624 Nhận xét)
8.2
(348 Nhận xét)
7.8
(54 Nhận xét)
7.5
angelsofttech

Hello, I have read your detail requirement and I understood it but have some doubts in it. Lets talk in chat for more clearance. I have more than 10 years of experience in Wordpress/Woocommerce and developed more th Thêm

$250 USD trong 7 ngày
(191 Nhận xét)
7.4
(284 Nhận xét)
7.7
smilemittal181

Hello, I have gone through the project description, I have few doubts to clear. I am an expert woo-commerce Developer/Designer and I can start this job immediately! I have an experience of more than 6+ years and a ver Thêm

$250 USD trong 7 ngày
(232 Nhận xét)
7.3
(121 Nhận xét)
6.9
(59 Nhận xét)
6.6
aswebsmart

Hi, I have been working on WordPress since last 8+ years. I have worked on several similar projects. You can see an example of one of those projects in my portfolio here: https://www.freelancer.com/u/aswebsmart I'm in Thêm

$200 USD trong 5 ngày
(67 Nhận xét)
5.9
vladilavsuhovoy1

Hey, How are you? I’ve carefully checked " Woocommerce Global Variation Selector / Filter + Product image display adjustments" and really interested in this job. I have rich experiences in HTML, WordPress, WooCommer Thêm

$150 USD trong 5 ngày
(19 Nhận xét)
5.0
NextYoo

Hi There, I am confident for the project *GUARANTEE:- WORK DONE OR FULL REFUND *WHY ME :- I have 100% complete rate because I have good Respect for clients and i always try to make good communication to clear things Thêm

$212 USD trong 7 ngày
(12 Nhận xét)
5.3
usmansyedid

Hi, I can do all above mentioned requirement on time and within your budget, have worked on similar projects to what you are looking for, and I am confident I can exceed your expectations. I am a full-stack web develop Thêm

$90 USD trong 3 ngày
(40 Nhận xét)
5.0
nutankumarftp

Hi There, I have read your post requirement for the "The coding should be done on a dev environment and created as a plugin, so I can easily move it to my live site. ". Now I have some questions to clear the things for Thêm

$100 USD trong 7 ngày
(15 Nhận xét)
4.4
rizwange4

Hi There, i am a Website designer and developer. i have 05 years experience in website designing and development. i am expert in website designing and development. please message me to discuss about your project so t Thêm

$40 USD trong 2 ngày
(18 Nhận xét)
3.7
Syedhammadhafeez

HELLO! i have read your description very carefully.i can do this work very easily .i would love to work on your project .i am professional web developer/designer 7+ year experience will give you best quality work in ch Thêm

$100 USD trong 7 ngày
(11 Nhận xét)
3.6
kundanmukhi4

Grettings... Hello Dear Brother.. I have read your project description carefully and I would love to work on this. My Skills are matched with your project successfully and I will do it the best way and I also do the Thêm

$100 USD trong 7 ngày
(7 Nhận xét)
3.6
blogfor

Hello, As an experienced developer I have a deep coding skill in woocommerce. I have done lot of projects in woocommerce and confident to do this project also. I have more than 14+yrs of experience in this field and Thêm

$220 USD trong 6 ngày
(9 Nhận xét)
3.5
globalseo614

Hello, I can help you with Woocommerce Global Variation Selector I have more than 5 years of experience in below listed skills: PHP WordPress CSS HTML WooCommerce I have gone through your job posting and become ver Thêm

$150 USD trong 3 ngày
(3 Nhận xét)
2.3
abdulazizakash

Hello there, I will certainly meet your requirements and develop a stunning website for your business, So I'm perfectly able to do this Job and I assure you that will give you quality work in less than anticipating ti Thêm

$100 USD trong 3 ngày
(1 Nhận xét)
1.0
rajnishtripathi1

we have very good experience of the Woocomerc, if I get the chance for your project I would like to deliver under time line

$250 USD trong 15 ngày
(0 Nhận xét)
0.0