Badge on every variant

  • Posts: 23
  • Thank you received: 0
7 years 11 months ago #273545

-- HikaShop version -- : 3.1.1
-- Joomla version -- : 3.7.3

HI,

I've got a client who runs a t-shirt printing business. He has asked if I can set up products with a variant of colours that a user can choose and the image displayed changes to match the option chosen. Now that part I know is easy by simply setting the relevant image of the t-shirt to the variant.

Here come the hard part.... The client has about 100 different things that he prints on the front of the t-shirts so rather than making 300 different images one for each slogan in each colour I want to use the same 3 images of the t-shirts in different colours and just use a different 'slogan image' over laid on the image.

i.e. a t-shirt with 'Hello' printed on it comes in 3 colours, white, blue & red. I'd like my image files to be something like 'white.jpg', 'red.jpg', 'blue.jpg' and 'hello.jpg' where 'hello.jpg' is overlaid on all the other images automatically.

Now I tried this using badges.. seemed like a good way so I set up 'hello.jpg' as a badge and assigned it to the product which had variants of red, white & blue who's images were the relevant one... seem logical right?.... However the badge only appears when you first land on the product page, as soon are you change the variant from say white (which is default) to blue the badge disappears.

So after some digging I found an old forum post from 2011 I think that says you don't support keeping the badge across all images.... so my questions are this:

1. Is it possible to get the badge to over the image regardless of which variant is chosen? I don't mind altering the product display files if need be to do this.

2. If this is not possible do you have any suggestions as to how I might achieve it without creating 300 images ie. 3 for each product rather than using the same 3 colour images for every product plus 1 'slogan' image?

3. How to I turn off the image popup. The client doesn't want people to be able to click on the images and get a popup model with the image in it.

I really love hikashop and don't want to have to look for a different solution just for this clients needs if they can't be achieved using it.

Thanks,

Aran

Please Log in or Create an account to join the conversation.

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
7 years 11 months ago #273623

Hello,

Why not add some picture in your thumbnail div via Css command with if needed specific selector (for example if you want restricted image display to one or several category).

With this and some "positioning" command to keep the new image in the top-right corner for example, something like this can do the trick :

.category_class .thumbnail_div_class a:before {
content: url("http://YourWebsiteUrl/images/color/ImageName.png");
    position: absolute; / to better move your new picture */
    left: 85px; /* To deplace to the right the pic */
    top: 5px; /* To deplace to the bottom the pic */
}

You can learn how to customize your frontend Css, here

Hope this will fit your needs.

Regards

Last edit: 7 years 11 months ago by Philip.

Please Log in or Create an account to join the conversation.

Time to create page: 0.051 seconds
Powered by Kunena Forum
loading