[Skip to main content](#vessel-content) # List of Fonts in Product ## - **[Uriel](/forum/user/31103-uriel "View Uriel's Profile")** - [![Uriel's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31103-uriel "View Uriel's Profile") Topic Author - [ Offline](/forum/user/31103-uriel) Less More - Posts: 89 - Thank you received: 2 - 5 years 2 months ago - 5 years 2 months ago [\#335159](#335159) by [Uriel](/forum/user/31103-uriel "View Uriel's Profile") *[List of Fonts in Product](/forum/26-product-category-display/903096-list-of-fonts-in-product#335159 "Good day Peeps! I hope everyone is doing great! I need to add a List of available Fonts in each product like the attached screenshot. Is this possible in Hikashop? Also - That same website "counts" the Letters entered derived from the Text / Name the visitor enters... Is this also possible?")* was created by *[Uriel](/forum/user/31103-uriel "View Uriel's Profile")* Good day Peeps! I hope everyone is doing great! I need to add a List of available Fonts in each product like the attached screenshot. [ ![ScreenShot2021-08-23at11.09.20.png](/forum/attachment/53421) ](/forum/attachment/53421 "...at11.09.20.png") Is this possible in Hikashop? Also - That same website "counts" the Letters entered derived from the Text / Name the visitor enters... Is this also possible? - [ ![ScreenShot2021-08-23at11.09.20.png](/forum/attachment/53421) ](/forum/attachment/53421 "...at11.09.20.png") [ ](/forum/attachment/53421?download=1 "...at11.09.20.png") Last edit: 5 years 2 months ago by [Uriel](/forum/user/31103-uriel "View Uriel's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMwOTYtbGlzdC1vZi1mb250cy1pbi1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86556 - Thank you received: 14304 - - 5 years 2 months ago [\#335166](#335166) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[List of Fonts in Product](/forum/26-product-category-display/903096-list-of-fonts-in-product#335166 "Good day Peeps! I hope everyone is doing great! I need to add a List of available Fonts in each product like the attached screenshot. Is this possible in Hikashop? Also - That same website "counts" the Letters entered derived from the Text / Name the visitor enters... Is this also possible?")* Hi, You need to create a custom field of the table "item" and of the type "single dropdown" via the menu Display>Custom fields. And in the "values" section, you need to have one row per font. And in the "title" input field of each row, you can enter something like that: Code: <span class='myfont_class'>My font</span> Then, in your template custom CSS file (or via the HikaShop custom CSS interface [ www.hikashop.com/support/documentation/1...ize-the-display.html](https://www.hikashop.com/support/documentation/153-customize-the-display.html) ), you can add such CSS: Code: .myfontclass { font: myfont; } and add your font to the pages ( [ www.pagecloud.com/blog/how-to-add-custom-fonts-to-any-website](https://www.pagecloud.com/blog/how-to-add-custom-fonts-to-any-website) ) Regarding the counting of the letters, there is no automatic system you can configure to display the number of letters entered. However, you could add that with a few lines of coding in the view file product / show_default.php via the menu Display>Views. Here is a jsfiddle which presents a minimalist example of code to use (of course the javascript needs to be adapted so it requires a developer to add that, but it's quite easy for a normal developer ): [ jsfiddle.net/9cpqgvm2/](http://jsfiddle.net/9cpqgvm2/) [ jsfiddle.net/9cpqgvm2/](http://jsfiddle.net/9cpqgvm2/) Finally, if you need the price of the product to be calculated based on the number of letters entered once the product is added to the cart, it's possible with this plugin: [ www.hikashop.com/marketplace/product/138...ce-letter-count.html](https://www.hikashop.com/marketplace/product/138-shopcustom-price-letter-count.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMwOTYtbGlzdC1vZi1mb250cy1pbi1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Uriel](/forum/user/31103-uriel "View Uriel's Profile")** - [![Uriel's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31103-uriel "View Uriel's Profile") Topic Author - [ Offline](/forum/user/31103-uriel) Less More - Posts: 89 - Thank you received: 2 - 5 years 2 months ago - 5 years 2 months ago [\#335236](#335236) by [Uriel](/forum/user/31103-uriel "View Uriel's Profile") Replied by *[Uriel](/forum/user/31103-uriel "View Uriel's Profile")* on topic *[List of Fonts in Product](/forum/26-product-category-display/903096-list-of-fonts-in-product#335236 "Good day Peeps! I hope everyone is doing great! I need to add a List of available Fonts in each product like the attached screenshot. Is this possible in Hikashop? Also - That same website "counts" the Letters entered derived from the Text / Name the visitor enters... Is this also possible?")* Hi Nicolas, tahnk you for the detailed reply! - I appreciate that you always take the time to be thurough. I think I have done as you suggested. 1) I downloaded the Font 2) I converted the Open Source Google Font to a wof (Web font file) 3) I uploaded those wof font files to : /public_html/templates/mytemplate/fonts 4) In my Template custom.css I added the following : [ ![ScreenShot2021-08-25at11.53.28.png](/forum/attachment/53435) ](/forum/attachment/53435 "...at11.53.28.png") 5) In Hikashop I did as you suggested : [ ![ScreenShot2021-08-25at11.55.07.png](/forum/attachment/53436) ](/forum/attachment/53436 "...at11.55.07.png") The Single Dropdows is displaying on the Product, but that Font is not pulling through: [ ![ScreenShot2021-08-25at11.56.11.png](/forum/attachment/53437) ](/forum/attachment/53437 "...at11.56.11.png") Any Ideas on what the problem could be please? - [ ![ScreenShot2021-08-25at11.53.28.png](/forum/attachment/53435) ](/forum/attachment/53435 "...at11.53.28.png") [ ](/forum/attachment/53435?download=1 "...at11.53.28.png") - [ ![ScreenShot2021-08-25at11.55.07.png](/forum/attachment/53436) ](/forum/attachment/53436 "...at11.55.07.png") [ ](/forum/attachment/53436?download=1 "...at11.55.07.png") - [ ![ScreenShot2021-08-25at11.56.11.png](/forum/attachment/53437) ](/forum/attachment/53437 "...at11.56.11.png") [ ](/forum/attachment/53437?download=1 "...at11.56.11.png") Last edit: 5 years 2 months ago by [Uriel](/forum/user/31103-uriel "View Uriel's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMwOTYtbGlzdC1vZi1mb250cy1pbi1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86556 - Thank you received: 14304 - - 5 years 2 months ago [\#335237](#335237) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[List of Fonts in Product](/forum/26-product-category-display/903096-list-of-fonts-in-product#335237 "Good day Peeps! I hope everyone is doing great! I need to add a List of available Fonts in each product like the attached screenshot. Is this possible in Hikashop? Also - That same website "counts" the Letters entered derived from the Text / Name the visitor enters... Is this also possible?")* Hi, From the top of my head: - maybe it's because it's a dropdown and the browser cannot style the elements ? - I see you're using double quotes instead of simple quotes and I don't see all of the HTML in the title input field, so maybe there is some issue there. - it could be the CSS of the template or of chosen overriding the font of the select for some reason. I would need the URL of the page to check on the situation to be able to confirm or not each possibility. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMwOTYtbGlzdC1vZi1mb250cy1pbi1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Uriel](/forum/user/31103-uriel "View Uriel's Profile")** - [![Uriel's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31103-uriel "View Uriel's Profile") Topic Author - [ Offline](/forum/user/31103-uriel) Less More - Posts: 89 - Thank you received: 2 - 5 years 2 months ago [\#335244](#335244) by [Uriel](/forum/user/31103-uriel "View Uriel's Profile") Replied by *[Uriel](/forum/user/31103-uriel "View Uriel's Profile")* on topic *[List of Fonts in Product](/forum/26-product-category-display/903096-list-of-fonts-in-product#335244 "Good day Peeps! I hope everyone is doing great! I need to add a List of available Fonts in each product like the attached screenshot. Is this possible in Hikashop? Also - That same website "counts" the Letters entered derived from the Text / Name the visitor enters... Is this also possible?")* Hi Nicolas, I've sent the URL to you on the Contact Forum Support Page. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMwOTYtbGlzdC1vZi1mb250cy1pbi1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86556 - Thank you received: 14304 - - 5 years 2 months ago [\#335246](#335246) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[List of Fonts in Product](/forum/26-product-category-display/903096-list-of-fonts-in-product#335246 "Good day Peeps! I hope everyone is doing great! I need to add a List of available Fonts in each product like the attached screenshot. Is this possible in Hikashop? Also - That same website "counts" the Letters entered derived from the Text / Name the visitor enters... Is this also possible?")* Hi, So if you check the HTML of the page, you can see that the HTML you entered in the "title" input field of the custom field has been stripped. I suppose what I proposed would work for a radio display. However, if you check the HTML, you can see that the option of the select there already has an id on which you can rely to customize it in CSS: [ i.imgur.com/TiGXPpT.png](https://i.imgur.com/TiGXPpT.png) So in your CSS, instead of .yellowtail, you could use #yellowtail_Yellowtail and it should then work. I did the change with my browser developer tools and as far as I can see it works: [ i.imgur.com/WucSAab.png](https://i.imgur.com/WucSAab.png) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMwOTYtbGlzdC1vZi1mb250cy1pbi1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Uriel](/forum/user/31103-uriel "View Uriel's Profile")** - [![Uriel's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31103-uriel "View Uriel's Profile") Topic Author - [ Offline](/forum/user/31103-uriel) Less More - Posts: 89 - Thank you received: 2 - 5 years 2 months ago - 5 years 2 months ago [\#335253](#335253) by [Uriel](/forum/user/31103-uriel "View Uriel's Profile") Replied by *[Uriel](/forum/user/31103-uriel "View Uriel's Profile")* on topic *[List of Fonts in Product](/forum/26-product-category-display/903096-list-of-fonts-in-product#335253 "Good day Peeps! I hope everyone is doing great! I need to add a List of available Fonts in each product like the attached screenshot. Is this possible in Hikashop? Also - That same website "counts" the Letters entered derived from the Text / Name the visitor enters... Is this also possible?")* Hi Nicolas, thanks again for your response. The # method works - thank you. I noticed that the new Custom Field is not pulling into the Order, although it is set up to? [ ![ScreenShot2021-08-26at09.55.40.png](/forum/attachment/53446) ](/forum/attachment/53446 "...at09.55.40.png") Nicolas - Is there a way to add an Image to the same Dropdown? So my idea is to place an image with the font name in the dropdown insdtead of all this font stuff that is in any case not working on all browsers... - [ ![ScreenShot2021-08-26at09.55.40.png](/forum/attachment/53446) ](/forum/attachment/53446 "...at09.55.40.png") [ ](/forum/attachment/53446?download=1 "...at09.55.40.png") Last edit: 5 years 2 months ago by [Uriel](/forum/user/31103-uriel "View Uriel's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMwOTYtbGlzdC1vZi1mb250cy1pbi1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86556 - Thank you received: 14304 - - 5 years 2 months ago [\#335254](#335254) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[List of Fonts in Product](/forum/26-product-category-display/903096-list-of-fonts-in-product#335254 "Good day Peeps! I hope everyone is doing great! I need to add a List of available Fonts in each product like the attached screenshot. Is this possible in Hikashop? Also - That same website "counts" the Letters entered derived from the Text / Name the visitor enters... Is this also possible?")* Hi, The issue is that you selected "yes" in the "disabled" option of the yellowtail font choice. So that means that this choice can't be selected in the dropdown. And since you don't have any other value, the browser displays it as been selected even though it's disabled so you think it's selected but it isn't and that's why it doesn't appear in the checkout / order. Having images inside dropdowns is not possible. You could do it, but you would have to change the type of the field to "radio" instead. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMwOTYtbGlzdC1vZi1mb250cy1pbi1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Uriel](/forum/user/31103-uriel "View Uriel's Profile")** - [![Uriel's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31103-uriel "View Uriel's Profile") Topic Author - [ Offline](/forum/user/31103-uriel) Less More - Posts: 89 - Thank you received: 2 - 5 years 2 months ago [\#335296](#335296) by [Uriel](/forum/user/31103-uriel "View Uriel's Profile") Replied by *[Uriel](/forum/user/31103-uriel "View Uriel's Profile")* on topic *[List of Fonts in Product](/forum/26-product-category-display/903096-list-of-fonts-in-product#335296 "Good day Peeps! I hope everyone is doing great! I need to add a List of available Fonts in each product like the attached screenshot. Is this possible in Hikashop? Also - That same website "counts" the Letters entered derived from the Text / Name the visitor enters... Is this also possible?")* That nakes perfect sense - Thank you Nicolas. How would I place images in Radio Buttons? Would it also need to get code like <span> etc? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMwOTYtbGlzdC1vZi1mb250cy1pbi1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86556 - Thank you received: 14304 - - 5 years 2 months ago [\#335310](#335310) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[List of Fonts in Product](/forum/26-product-category-display/903096-list-of-fonts-in-product#335310 "Good day Peeps! I hope everyone is doing great! I need to add a List of available Fonts in each product like the attached screenshot. Is this possible in Hikashop? Also - That same website "counts" the Letters entered derived from the Text / Name the visitor enters... Is this also possible?")* Hi, As I said, the span is for when you use radios. For a select custom field, you actually don't need it. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMwOTYtbGlzdC1vZi1mb250cy1pbi1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Uriel](/forum/user/31103-uriel "View Uriel's Profile")** - [![Uriel's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31103-uriel "View Uriel's Profile") Topic Author - [ Offline](/forum/user/31103-uriel) Less More - Posts: 89 - Thank you received: 2 - 5 years 2 months ago - 5 years 2 months ago [\#335318](#335318) by [Uriel](/forum/user/31103-uriel "View Uriel's Profile") Replied by *[Uriel](/forum/user/31103-uriel "View Uriel's Profile")* on topic *[List of Fonts in Product](/forum/26-product-category-display/903096-list-of-fonts-in-product#335318 "Good day Peeps! I hope everyone is doing great! I need to add a List of available Fonts in each product like the attached screenshot. Is this possible in Hikashop? Also - That same website "counts" the Letters entered derived from the Text / Name the visitor enters... Is this also possible?")* Hi Nicolas, You said use Span while I had a dropdown on that Product (Not a Radio) What I need to know is how to use a Radio Selct with Images please? I have read through: [ www.hikashop.com/live-demo/10-documentat...d-listing.html#relai](https://www.hikashop.com/live-demo/10-documentation/hikashop/288-hikashop-field-listing.html#relai) and I am not finding anything on this. Last edit: 5 years 2 months ago by [Uriel](/forum/user/31103-uriel "View Uriel's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMwOTYtbGlzdC1vZi1mb250cy1pbi1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86556 - Thank you received: 14304 - - 5 years 2 months ago [\#335327](#335327) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[List of Fonts in Product](/forum/26-product-category-display/903096-list-of-fonts-in-product#335327 "Good day Peeps! I hope everyone is doing great! I need to add a List of available Fonts in each product like the attached screenshot. Is this possible in Hikashop? Also - That same website "counts" the Letters entered derived from the Text / Name the visitor enters... Is this also possible?")* Hi, For images, you can directly write the Code: <img src='xxx' /> HTML tag of your image (where xxx is the path of the image) in the "title" input field of each value of your custom item field. Note that this will work for a radio custom field, like you want, but not for "single dropdown" custom fields as, like I said before, you can't have HTML in dropdowns. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMwOTYtbGlzdC1vZi1mb250cy1pbi1wcm9kdWN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.084 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)