fully linked categories box

[Chrisx909]

Hi,

currently I have Joomla 1.7.3 and Phoca Download v2.1.4 installed.
I have modified the categories-layout, to provide a picture through mouse hover (useless background information for you ).

I want to go one more step forward: instead of just using the font as link to the category, I want to make the "box" around this font (or category name) linkable.
Two attached pictures to describe my purpose:

currently:
mouse over the categoryname (linked to the category):

mouse over the box surrounding = no link:


"future" (edited!):

I mean, that the font and the box should be linked to the respective category.

Greetings from Germany,
Christopher

[SonRiab]

You could customize the categories view!?

First of all I would copy /JOOMLAROOT/components/com_phocadownload/views/categories/tmp/default.php to /JOOMLAROOT/templates/TEMPLATE/html/com_phocadownload/categories/default.php. Why? You do not loose your customizations after updating PD to a newer version! Then edit the copied file so that it uses a button as link and then style this button.

[Chrisx909]

You could customize the categories view!? Then edit the copied file so that it uses a button as link and then style this button.

Thank you for your reply. I already modified the categories view ("conspicuous" ).

Could you please help me with this part? (Then edit the copied file so that it uses a button as link and then style this button.)

Regards, Chris

[SonRiab]

Es sollte funktionieren, wenn du Zeile 68 zu

Code: Select all

$pdTitle = '<a href="'. JRoute::_(PhocaDownloadHelperRoute::getCategoryRoute($value->id, $value->alias)).'"><button type="button">'. $value->title.'</button></a>';

änderst.

PS: http://de.selfhtml.org/html/formulare/k ... htm#modern

[Chrisx909]

Hi,
danke für deine Antwort. Es geht um diese Datei (?):
...\views\categories\tmpl\default.php

Ich habe den Code von dir mit der aus der Zeile 134 bei mir ersetzt, dann schaut es aber so aus:


Ich habe hier mal meine default.php-Datei hochgeladen.

Ich habe gesehen, dass meine Höhe und Breite editieren kann, allerdings ist das nicht ganz das, was ich mir vorgestellt habe ...

Viele Grüße aus München ,
Chris

[SonRiab]

Weißte was, machen wa das ma anders! (^_^)
Zeile 68

Code: Select all

$pdTitle = '<a href="'. JRoute::_(PhocaDownloadHelperRoute::getCategoryRoute($value->id, $value->alias)).'"><div class="pd-title">'. $value->title.'</div></a>';

Zeile 101

Code: Select all

echo $pdTitle;

[Chrisx909]

Jetzt ist szsg. nur die Zeile, in der die Schrift ist verlinkt. 1px unter dem bild ist keine Verlinkung

[Chrisx909]

Man könnte doch eventuell meine hover.png verlinken?

In phocadownload-grey.css habe ich folgendes hinzugefügt:

Code: Select all

#phoca-dl-categories-box div.pd-categoriesbox:hover {
	background-image: url('images/hover.png');

[SonRiab]

Hast du eventuell ein Link (auch per PM falls erwünscht)?