Results 1 to 6 of 6

Thread: Display image depending on additions selected.

  1. #1
    Join Date
    Sep 2017
    Posts
    121

    Default Display image depending on additions selected.

    So, we're showing additions in drop down menus in the product content: 5 drop downs, each with 5 colour options.

    Above the dropdowns we'd like the selected colours to display (again the product content, not the product image). We can do this by 5 images in a table, but need the colours to swap when they're selected in the dropdown.

    Each dropdown option has been assigned the images as below, so how do I get the images to display in the table cell when selected?

    Hope that makes sense...... We're soooooo close to getting this doing what we need!




    <
    style>

    option {
    value = '*'
    }

    option:nth-child(1) {
    value = "https://www.mywebsite/images/myimage0";
    }

    option:nth-child(2) {
    value = "https://www.mywebsite/images/myimage1";
    }

    option:nth-child(3) {
    value = "https://www.mywebsite/images/myimage2";
    }

    option:nth-child(4) {
    value = "https://www.mywebsite/images/myimage3";
    }

    option:nth-child(5) {

    value = "https://www.mywebsite/images/myimage4";
    }
    </style>

  2. #2
    Join Date
    Aug 2016
    Posts
    186

    Default

    I THINK I understand where your going with this, but do you have either a link (PM if you like) or screen grab so I can get a visual?

    Mike

  3. #3
    Join Date
    Sep 2017
    Posts
    121

    Default

    Im away on the road at the mo, so by the powers of Paint! :
    BP1.jpg

    Basically when colour 1 is selected from the dropdown the box above it will display the colour ( html colour codes), then so on for each one.

  4. #4
    Join Date
    Aug 2016
    Posts
    186

    Default

    So I've had a play around this and I think I've managed to achieve what your after with the use of jQuery. However, please be aware that like with anything custom coded the trade-off is with making future changes as it can only be done via directly editing the code. Without hopefully sounding too condescending, you need to be confident in going in to do this or otherwise you end up with an unmanageable product page/website. Anyway, take a look and let me know what you think...

    Custom Colours Example.jpg

  5. #5
    Join Date
    Sep 2017
    Posts
    121

    Default

    That basically looks like what I've been trying to achieve this past month or so!

    My approach to coding is the same as my French: if I see it written down i can generally understand it, and I have enough to get by, but ask me to start from scratch and I'm a bit lost. So no worries on the condescending side!

    This feature is just required to make the selection process a bit more appealing to the customer. Worst case scenario it all goes tits up then we can always remove the problem code and go back to using BPs core function as we are now.

  6. #6
    Join Date
    Aug 2016
    Posts
    186

    Default

    I've sent you a PM with the code & instructions - let me know how you get on...

    Mike

Similar Threads

  1. Feature request - add users to groups depending on what they purchase?
    By Nerf Herder in forum Bluepark Technical Discussion
    Replies: 11
    Last Post: 02-04-2020, 11:33
  2. possible for the site to show correct currency depending on users IP address?
    By Setantaa in forum Bluepark Technical Discussion
    Replies: 2
    Last Post: 28-03-2013, 22:55
  3. Different way to display 'extra' image
    By balancedview in forum Bluepark Technical Discussion
    Replies: 5
    Last Post: 10-10-2012, 11:47
  4. Help with additions/Basket image
    By Potbelly in forum Bluepark Technical Discussion
    Replies: 4
    Last Post: 06-06-2012, 10:41
  5. Selected Categories
    By Deefer in forum Bluepark Technical Discussion
    Replies: 1
    Last Post: 19-10-2011, 23:38

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
About us

Bluepark's ecommerce software is developed, hosted and supported exclusively by ourselves, here in the UK, and has been so since the company was initially formed in 2004. Your brand new online shop will be hosted securely on our fast and reliable server network, using a domain name of your choice, providing the ability to build and maintain your ecommerce website, and manage your orders, from any location via your own secure online Administration Console.

A Bluepark ecommerce site is the perfect tool for selling online, whether you're selling physical products, digital downloads or services. You'll be in good company with over 1,000 UK customers who also form a friendly and helpful online community, further strengthening our highly acclaimed support network.

Find us on...