Characteristics radio button with thumbnails

  • Posts: 152
  • Thank you received: 11
3 years 4 months ago #326016

-- url of the page with the problem -- : www.hikashop.com
-- HikaShop version -- : 4.4.0
-- Joomla version -- : 3.9.22
-- PHP version -- : 7.4.10
-- Browser(s) name and version -- : Chrome

How can i have a characteristics selector like Amazon?
Screenshot attached.
Thanks

Attachments:

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

  • Posts: 4491
  • Thank you received: 609
  • MODERATOR
3 years 4 months ago #326040

Hello,

I think your solution is in this tutorial , with it you will see, how via a little "hack" you can have some image value to fill your charcateristics, and add some css to improve frontend display, and at the end of the tutorial some css sample code to do this.

Hope this will help you to achieved what you need.
Regards

Last edit: 3 years 4 months ago by Philip.

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

  • Posts: 152
  • Thank you received: 11
3 years 4 months ago #326089

Thanks for the reply. I've already read this tutorial.

I would like to have the thumbnails of the variants as images. As in the Amazon screenshot.

I understood that you need to edit the file product/show_block_characteristic.php, but I don't know how ;-(

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

  • Posts: 4491
  • Thank you received: 609
  • MODERATOR
3 years 4 months ago #326105

Hello,

Sorry, I make a mistake with my Url, but at the start of this tutorial precisely show you how to add image as characteristic value, more precisely here .

Regards

Last edit: 3 years 4 months ago by Philip.

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

  • Posts: 152
  • Thank you received: 11
3 years 4 months ago #326160

Unfortunately I cannot explain myself well.
The tutorial doesn't answer my question :(
Check out this new screeshot.
Thank you so much

Attachments:
Last edit: 3 years 4 months ago by gerryna09.

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

  • Posts: 4491
  • Thank you received: 609
  • MODERATOR
3 years 4 months ago #326179

Hello,

Sorry but I have to tell you this, the tutorial answer your question, and more precisely here :
- In the Color Setup part, you can see that we add some icon (in png format), in the tutorial it's little square icon.



Why didn't you replace the little square icon by your color image product ? And that's will fit your needs.



Regards

Last edit: 3 years 4 months ago by Philip.

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

  • Posts: 152
  • Thank you received: 11
3 years 4 months ago #326183

The tutorial is very clear to me. But it doesn't answer my question.
I need to see the product variant thumbnails.
I cannot create characteristics with variant images for each product :(
Was I able to explain my question?
Thanks for your patience ;-)

Last edit: 3 years 4 months ago by gerryna09.

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

  • Posts: 4491
  • Thank you received: 609
  • MODERATOR
3 years 4 months ago #326192

Hello,

- This part of the tutorial explains how you can add an image for each variant of the product:

Color setup
First of all, go to the Joomla media manager.
There, define where you will save your color icon, or create a new folder for this purpose.

Now, you must upload your color icons. Click on the upload button.
Then, click on the "browse" button which will open the classic select window of your computer in order to pick your files (you can select several files). Once the files are selected, just click on the "start upload" button.

NOTE: You can find here, a link to an archive containing several color icons in png that you can use for this tutorial.
The screen let you see all your uploaded color icons. Here is a little tip, in order to make the next step easier! Right click on the needed icon to get its URL, copy it and paste it somewhere for later.

Quote context, here

Which, as I understand, is NOT what you want.
- This other part of the tutorial explains how you can add an image for each value of a characteristic. And you do it once and then you can use the characteristic in as many product as you want:

Now, onto the second step. You have your color icons selector displayed, and you want to show different product pictures linked with the color selector. Return to the Hikashop -> Products menu,
...and edit again your product.
Go back to manage to the "Manage variants" menu.
Select your variant.
Start to focus on "Images" section. Click on the "Upload" button OR on "Add" (+), if the picture is already on your website.

Quote context, here

Which, as I understand, IS what you want.

Regards

Last edit: 3 years 4 months ago by Philip.

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

  • Posts: 152
  • Thank you received: 11
3 years 4 months ago #326240

Hi Filippo, I hope you have a lot of patience ;-)

- This other part of the tutorial explains how you can add an image for each value of a characteristic. And you do it once and then you can use the characteristic in as many product as you want:
NO, I don't want to use the same image for all products.. for each product I would like to see the miniatures of its variants. See screenshot

Thank you so much

Attachments:

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

  • Posts: 4491
  • Thank you received: 609
  • MODERATOR
3 years 4 months ago #326280

Hello,

Sorry for this return but we have some idea about your needs but need confirmation from you.
Do you want to have only as characteristics value for each color only red, blue, green that will create directly a thumbnail with the required color product ?
And WITHOUT enter in your color characteristic for each product and each variants a little color image.
If yes, there no options in HikaShop to do that, and it will required a little development.
You can use our Contact us form in order to details your specifications, and we will give you a quote.

OR if you haven't too much product your enter for each product AND each color, that can take times and be a bit tedious to set up but this will clearly allow you to achieve what you are asking for.

Awaiting news from you to progress on your subject.
Regards

Last edit: 3 years 4 months ago by Philip.

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

Time to create page: 0.101 seconds
Powered by Kunena Forum