Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

HELP - What do I need to use to try different colours on a car on my site

Featured Replies

Hi All

 

I am a newbie , and through this excellent site have managed to create a small intro page for my 1st website.

What I want to do is the following and I have NO IDEA how to go about it, I will explain it the best I can.

 

For Example:- I have say a side on picture of a car on my website. What I want to do is allow the website viewer to change the colour of the car between a various selection of colours to see which one the user likes.

I would also like the same for the wheels.

 

How do I ggo about it , where do I start etc etc

 

Many Many Thanks in advance for your help

 

Luvie

The simplest way is to have a lot of images, every permutation of body and wheel color for each car. You would have to use a graphics program like Photoshop to produce the different color schemes.

 

Then have a list of links for each car with the options like:-

Hummer:-

Black body, red wheels

Black body, silver wheels

Red body, red wheels

Red body, silver wheels

 

Use hover popup code to show the images in the same place on the web page as item 2 here:-

http://www.wickham43.net/hoverpopups.php

The example has thumbnail images for links but you could have text instead or just have a "normal" colored car for the thumbnail and the different combinations in the popup.

 

A bit messy but easier than setting up some kind of image overlay.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.