Image instead plain text for Downloads

-- url of the page with the problem -- : eppmexico.com/productos/zapato-borcegui-biotech-cafe-berrendo
-- HikaShop version -- : 5.1.3
-- Joomla version -- : 5.2.3
-- PHP version -- : 8.3
-- Error-message(debug-mod must be tuned on) -- : None

Hello, is there a way to put an image instead of a file name for download in a product? Something like we can do in specifications, color, where we can use <img src=" eppmexico.com/images/coloricon/rojo.png " /> to show color and not plain text "Red"

What i want to do, is insted of saying "Technical Sheet", place an image. Example here eppmexico.com/productos/zapato-borcegui-biotech-cafe-berrendo

Thank you!

Hi,

Yes. Edit the file on the product edit page in your backend.
There, in the popup, in the name field, instead of having the text "Technical Sheet" you can enter a custom translation key. For example: MY_TRANSLATION_KEY
Then, under the Languages tab of the HikaShop configuration, edit your language file. And in the override area, you can add a line like this:
With this, HikaShop will automatically add the img tag of the translation for the download link on the product page.

Thank you, could not do it. Plain text kept appearing. Maybe because it has a link attached?

What i was able to replace, was the word "Downloads" for an image. Not what iu wanted but helped

eppmexico.com/productos/guante-solvex-alphatec-13-ansell

I can't check the situation on your website. The website forbids the use of Dev Tools.
i.imgur.com/koRtCPP.png

Sorry to bother you here with another subject.
I placed colors instead of text, but its displaying vertical. Is there a way to display them horizontal so it would look more compact?

Hi,

A bit of CSS should allow you to do that. I would need the URL of that page and that you allow for Dev tools to check the situation. Then, I could give you the CSS code to add for this.

I dont know how to allow dev tools. Maybe it has something to do with jspeed plugin?

Oh i know what it was! Disabling right clicks! Done, you should be able now!

Hi,

Great. Can you also provide the URL of the page with that issue ? I couldn't find it on your website.

Thank you, there are several, maybe this one with the most

eppmexico.com/productos/categoria/cascos

Hi,

You want to add that CSS: www.hikashop.com/support/documentation/1...ize-the-display.html

Thank you, is it here where i should paste it?


Oh i found it!! Done, thank you!!