Phoca Forum

hover attributes for category images

Hello Benno and Jan,
I'm done with my homepage for now! It was great working with you all! I still have a small question: Is it possible to enter a text as "hover" text for the preview images for categories and products? I mean, in HTML language, the css command "title" for an inserted image in HTML, and that for individual category and product images. I haven't found anything about this yet. It would be nice if you could get in touch. Yours sincerely, Thomas.

hover-Attribute für Kategorienbilder

Hallo Benno und Jan,
ich bin mit meiner Homepage fürs erste einmal fertig! Es war eine gute Zusammenarbeit mit Euch allen! Eine kleine Frage habe ich noch: Kann man bei den Vorschaubildern für Kategorien und Produkten auch einen Text eingeben als "hover"-Text? Ich meine damit, in der HTML-Sprache, den css-Befehl "title" für ein eingefügtes Bild in HTML, und das für einzelne Kategorien- und Produkt-Bilder. Ich habe bisher nichts davon gefunden. Es wäre schön, wenn Ihr Euch melden könntet. Mit freundlichen Grüßen, Euer Thomas.

If you would like to view my lush masterpiece: https://seniorenwandern-zais.de

Wenn Ihr mein üppiges Meisterwerk anschauen wollt: https://seniorenwandern-zais.de

Hi, images use the standard alt tag, to add title tag, the layout for images needs to be changed:
components/com_phocacart/layouts/image.php

Jan

Hello Jan,

I looked at your PHP file with an editor. Since I don't know PHP, I couldn't get any further. Does this PHP file in Joomla enable further settings for additional HTML and CSS commands for the cover image files of PhocaCart products and PhocaCart categories? As I said, I don't understand the structure of the PHP file! Can you modify your PHP file and send it to me, perhaps on a cloud from me? Or will you take up the idea and make these setting options available in future PhocaCart updates?

Thank you and best regards, Thomas.

Hallo Jan,

ich habe mir Deine PHP-Datei mit einem Editor angesehen. Da ich kein PHP kann, kam ich nicht weiter. Werden durch diese PHP-Datei in Joomla weitere Einstellungen zu weiteren HTML- und CSS-Befehlen für die Titelbilddateien von PhocaCart-Produkten und PhocaCart-Kategorien ermöglicht? Wie gesagt, verstehe ich leider den Aufbau der PHP-Datei nicht! Kannst Du Deine PHP-Datei abändern und mir zuschicken, vielleicht dann auf einer Cloud von mir? Oder nimmst Du die Idee auf und stellst Du diese Einstellungsoptionen in zukünftigen PhocaCart-Updates bereit?

Ich danke Dir und verbleibe, mit freundlichen Grüßen, Thomas.

Hi, I still don't understand why you want to display the title when there is alt attribute.

Jan

Hello Jan,
I hope I can explain my problem to you in more detail: I am sending you three screenshots here, under my Microsoft OneDrive: https://1drv.ms/f/s!AmyavhWggyoOnHXNjv0 ... X?e=6pWycY . The first screenshot shows my store at https://seniorenwandern-zais.de/index.p ... gen-band-1 , i.e. a product from my store. I want an information text to be displayed when you move the mouse over it, e.g. "Old towns". The second screenshot shows this image a little closer. In the backend, I only know what you see in the third screenshot, namely the product with its submenus. Where can I display such an information text for this image, which only appears when I move the mouse over it? Many thanks for your efforts and best regards, Thomas.

Dasselbe auf deutsch:

Hallo Jan,
ich hoffe, ich kann Dir mein Problem näher erläutern: ich schicke Dir hier drei Screenshots mit, unter der Microsoft OneDrive von mir: https://1drv.ms/f/s!AmyavhWggyoOnHXNjv0 ... X?e=6pWycY . Der erste Screenshot zeigt meinen Shop unter https://seniorenwandern-zais.de/index.p ... gen-band-1 , also ein Produkt meines Shops. Da will ich, dass, wenn man die Maus darüber bewegt, ein Informationstext eingeblendet wird, der z. B. heißen soll "Altstädte". Der zweite Screenshot zeigt dieses Bild etwas näher. Im Backend kenne ich nur das, was Du im dritten Screenshot siehst, nämlich das Produkt mit seinen Untermenüs. Wo kann ich da für dieses Bild einen solchen Informationstext einblenden lassen, der nur auftaucht, wenn ich mit der Maus darübergehe? Vielen Dank für Deine Mühe und Grüße, Thomas.

Hi, as written, the image has alt tag which is the title of the product. To add there completely different inormation, the layout need to be customized, but hard to say where to take such information. Maybe you need to debug the variable in this layout and check which columns are loaded there and add such information into such field.

Jan

Hi Jan,

I did some more research in the forum and went to the options under "Phoca Cart > Display > General display options > Alt value > Image name". Then I renamed the images of the products with a more meaningful file name. Now when I click on the image of the product, this image file name is displayed together with the enlarged image. Unfortunately, this is not a "hover effect", but it is a bit of what I wanted. Unfortunately, this does not work for categories. With my knowledge of HTML and CSS, that's all I can manage. Unfortunately I don't know PHP yet! Your attempts to help me have unfortunately not helped. There's probably no better way.

Many thanks for your efforts and best regards, Thomas.

Dasselbe auf deutsch:

Hi Jan,

ich habe noch etwas recherchiert im Forum und bin in die Optionen unter "Phoca Cart > Anzeige > Allgemeine Anzeigeoptionen > Alt Wert > Bildname" gegangen. Dann habe ich die Bilder der Produkte umbenannt mit einem aussagekräftigeren Dateinamen. Wenn ich nun das Bild des Produktes anklicke, wird so dieser Bilddateiname angezeigt zusammen mit dem vergrößerten Bild. Das ist leider kein "hover-Effekt", aber schon ein bisschen das, was ich mir gewünscht habe. Für Kategorien klappt das leider nicht. Mehr schaffe ich mit meinen HTML- und CSS-Kenntnissen nicht. PHP kann ich leider noch nicht! Deine Versuche mir zu helfen, haben leider nichts gebracht. Wahrscheinlich geht es auch nicht besser.

Vielen Dank für Deine Mühe und liebe Grüße, Thomas.

Hi, this ist no so much about PHP but HTML, you just copy the same part of alt and rename it to title

e.g. here:
components/com_phocacart/layouts/image.php
Below: this value: and for categories:
components/com_phocacart/layouts/category_image.php

instead of: this:

Hello Jan,

I have modified the two PHP files. The system was not damaged. What do I have to do next? Please describe everything step by step. Greetings, Thomas.

Dasselbe auf deutsch:

Hallo Jan,

ich habe die zwei PHP-Dateien abgeändert. Das System wurde nicht beschädigt. Was muss ich als nächsten Schritt tun? Bitte beschreibe alles Schritt für Schritt. Grüße, Thomas.