font picker

  • Posts: 34
  • Thank you received: 2
4 years 1 month ago #324756

-- HikaShop version -- : 4.4.0
-- Joomla version -- : 3.9.22

Hello everyone,

I would like to know if it is possible to let customers choose a font which they want printed on a t-shirt.
I also want to show this font beforehand just as is shown with characteristics, but then fonts instead of text.

is this possible?

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

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
4 years 1 month ago #324764

Hello,

Did you mean to show the results on the T-Shirt image ?... And you have to detail a little through a concrete example, with detailed description of using this product page to get an overview of the results.

Awaiting more information about your needs and expectations to better answer you.
Regards

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

  • Posts: 34
  • Thank you received: 2
4 years 1 month ago #324796

Dear Philippe,

Actually I would like to make a dropdown menu where the customer can choose the font where I also show the font.
This does not have to be shown live but only as an indication.

As an example I have just added a picture



Can this be realized with characteristics?

Attachments:

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
4 years 1 month ago #324811

Hi,

Yes. You can create a custom field of the table "item" and of the type "single dropdown" with one value per font.
Then, you'll need to add CSS for each choice of the dropdown to set the font.
For example, with such CSS:

option[value="Aachen"]{ font-family : Aachen;}
You can add such CSS in the "styles for frontend" setting of the HikaShop configuration.
www.hikashop.com/support/documentation/1...ize-the-display.html

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

  • Posts: 34
  • Thank you received: 2
4 years 4 weeks ago #325025

Nicolas,

Thanks for the response, but I've been struggling for five days to get it working but unfortunately still no results.

I have tried everything in the CSS and have now given up hope.

This message contains confidential information

Last edit: 4 years 4 weeks ago by MH1981.

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
4 years 3 weeks ago #325049

Hi,

The example I've given you is for a select (a normal dropdown).
But on your URL I can see that you have activated the "use chosen library" setting of the Hikashop configuration (or your template adds chosen automatically).
In that case, the selects are transformed into improved HTML elements with javascript when the page is being loaded.
So the CSS I gave you won't work in that case.
You need to adapt it to the HTML elements of chosen, or deactivate chosen.
If you look at the HTML there, you can see:
monosnap.com/file/iKkExYX5hPjmOaK1h3CGc1dFDH5Ijt
So the CSS should be instead:

li[data-option-array-index="0"]{ font-family : "Agency FB";}

Last edit: 4 years 3 weeks ago by nicolas.
The following user(s) said Thank You: MH1981

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

  • Posts: 34
  • Thank you received: 2
4 years 3 weeks ago #325133

Thanks

That does the trick!

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

Time to create page: 0.080 seconds
Powered by Kunena Forum