Page 1 of 1

fully linked categories box

Posted: 06 Jan 2012, 13:17
by 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):
Image
mouse over the box surrounding = no link:
Image

"future" (edited!):
Image
I mean, that the font and the box should be linked to the respective category.

Greetings from Germany,
Christopher

Re: fully linked categories box

Posted: 06 Jan 2012, 17:03
by 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.

Re: fully linked categories box

Posted: 06 Jan 2012, 17:18
by Chrisx909
SonRiab wrote: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

Re: fully linked categories box

Posted: 06 Jan 2012, 17:35
by 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

Re: fully linked categories box

Posted: 06 Jan 2012, 17:58
by 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:
Image

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

Re: fully linked categories box

Posted: 06 Jan 2012, 18:33
by 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;

Re: fully linked categories box

Posted: 06 Jan 2012, 18:49
by Chrisx909
Jetzt ist szsg. nur die Zeile, in der die Schrift ist verlinkt. 1px unter dem bild ist keine Verlinkung :)

Re: fully linked categories box

Posted: 06 Jan 2012, 18:53
by 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');

Re: fully linked categories box

Posted: 06 Jan 2012, 19:03
by SonRiab
Hast du eventuell ein Link (auch per PM falls erwünscht)?