Antworten auf deine Fragen:
Neues Thema erstellen

CategoryChildlist in Joomla VM template ist verschoben

T

Tobadin

Noch nicht viel geschrieben

Hallo beisammen,

ich baue gerade einen online-shop für Pilze auf:

Feinkost Zollner - Online Shop

Leider bin ich bei der Kategorienansicht auf ein großes Problem gestoßen... Ich bekomme die Headline nicht an den offensichtlich vorgesehenen Platz.

Eventuell könnt ihr mir dabei helfen?

Ich poste mal CodeSchnippsel:
.category_product_browser {
padding-left: 10px;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 10px;
margin: 10px;
background-image: url(images/browse_page_background.jpg);
background-repeat: no-repeat;
width: 220px;
height: 300px;
overflow: hidden;
}
.Category_Childlist_link{
font-size: large;
color: rgb(255,000,000);
text-align: center;

}
.Category_Childlist_link:hover{
font-size: large;
color: rgb(255,255,255);
text-align: left;
}
Zum Vergrößern anklicken....

<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
mm_showMyFileName(__FILE__);

$iCol = 1;
if( !isset( $categories_per_row )) {
$categories_per_row = 3;
}


if( empty( $categories )) {
return; // Do nothing, if there are no child categories!
}
?>
<br/>

<table width="100%" cellspacing="0" cellpadding="0">
<?php
foreach( $categories as $category ) {
if ($iCol == 1) { // this is an indicator wether a row needs to be opened or not
echo "<tr>\n";
}
?>
<td class="category_product_browser" align="left" width="220px" >
<!-- Kategoriennamen -->
<a class="Category_Childlist_link"
title="<?php echo $category["category_name"] ?>"
href="<?php $sess->purl(URL."index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=".$category["category_id"]) ?>">
<!-- Inhalt des Kategoriennamens Hyperlink -->
<?php echo $category["category_name"]; echo "<br />";
?>
</a>
<!-- ANFANG KATEGORIEBILD -->

<?php
if ($category["category_thumb_image"] )
{
echo ps_product::image_tag( $category["category_thumb_image"], "alt=\"".$category["category_name"]."\"", 0, "category");
}
?>


<!-- Ende Kategorienbild -->


</td>


<?php
// Do we need to close the current row now?
if ($iCol == $categories_per_row) { // If the number of products per row has been reached
echo "</tr>\n";
$iCol = 1;
}
else {
$iCol++;
}
}
// Do we need a final closing row tag?
if ($iCol != 1) {
echo "</tr>\n";
}
?>
</table>
Zum Vergrößern anklicken....

Das komische ist, dass doch über der category_name gar kein Platz verbraucht wird... trotzdem rutscht der nicht nach oben .... grrrrr!!!!

bastle schon den ganzen Tag daran herum und wahrscheinlich ist die lösung ganz simpel :-/

Ich hoffe dass mir jemand helfen kann,
für Zusatzcodeinfos bitte schreiben ich weiß nicht was dafür noch relevant ist.

Danke
 
Lizzard

Lizzard

Aufmerksamer

AW: CategoryChildlist in Joomla VM template ist verschoben

Kannst du mal einen Screenshot posten welche Headline du meinst? So kann man das recht schlecht sagen.
 
T

Tobadin

Noch nicht viel geschrieben

AW: CategoryChildlist in Joomla VM template ist verschoben

Oh na klar, natürlich ich dachte nur, dass es so hässlich ist, dass es gleich auffällt ^^

hier der screenie:
 
Lizzard

Lizzard

Aufmerksamer

AW: CategoryChildlist in Joomla VM template ist verschoben

Okidoki. Lege mal im CSS die Klasse "category_div_headline" mit negativem margin an, dann dürfte die Schrift bzw. der Link nach oben rutschen.
 
T

Tobadin

Noch nicht viel geschrieben

AW: CategoryChildlist in Joomla VM template ist verschoben

Hmm ich weiß nicht
was ich gemacht habe, aber komischerweise funktioniert es jetzt halbwegs, jedoch übernimmt er beim 3. Table nicht mehr das Format vom CSS für die Überschrift.
Guckst du nochmal?

Hier der direkte Link zur Liste

Feinkost Zollner Onlineshop

Codes:
.category_product_browser {
padding-left: 10px;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 10px;
margin: 10px;
background-image: url(images/browse_page_background.jpg);
background-repeat: no-repeat;
width: 220px;
height: 300px;
overflow: hidden;
}
.Category_Childlist_link{
font-size: large;
color: rgb(150,150,150);
text-align: center;

}
.Category_Childlist_link:hover{
font-size: large;
color: rgb(250,250,250);

}
.Category_Childlist_link_bild{
height: 100px;
width: 100px;

}
.category_div_headline{
top: -5px;
position: relative;
}
.category_picture{
position: relative;
top: -50px;
background-color: rgb(200,200,200);
}
Zum Vergrößern anklicken....

<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
mm_showMyFileName(__FILE__);

$iCol = 1;
if( !isset( $categories_per_row )) {
$categories_per_row = 3;
}


if( empty( $categories )) {
return; // Do nothing, if there are no child categories!
}
?>

<table width="100%" cellspacing="0" cellpadding="0">
<?php
foreach( $categories as $category ) {
if ($iCol == 1) { // this is an indicator wether a row needs to be opened or not
echo "<tr>\n";
}
?>

<td width="220px" height="300px" background-color="#000000">
<div class="category_product_browser">
<!-- Kategoriennamen -->
<a class="Category_Childlist_link"
title="<?php echo $category["category_name"] ?>"
href="<?php $sess->purl(URL."index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=".$category["category_id"]) ?>">
<!-- Inhalt des Kategoriennamens Hyperlink -->
<?php echo $category["category_name"]; echo "<br />";
?>
</a>
<br/>
<br/>
<!-- ANFANG KATEGORIEBILD -->
<?php
if ($category["category_thumb_image"] )
{
echo ps_product::image_tag( $category["category_thumb_image"], "alt=\"".$category["category_name"]."\"", 0, "category");
}
?>


<!-- Ende Kategorienbild -->
</div>
</td>



<?php
// Do we need to close the current row now?
if ($iCol == $categories_per_row) { // If the number of products per row has been reached
echo "</tr>\n";
$iCol = 1;
}
else {
$iCol++;
}
}
// Do we need a final closing row tag?
if ($iCol != 1) {
echo "</tr>\n";
}
?>
</table>
Zum Vergrößern anklicken....

Sorry aber code ist nicht mehr aufgeräumt, ich verliere langsam die Geduld und werd mal Notebook-Weitwurf üben :'(
 
T

Tobadin

Noch nicht viel geschrieben

AW: CategoryChildlist in Joomla VM template ist verschoben

Was ich am allermeisten nicht verstehe, warum die ersten Beiden Überschriften im Google Chrome Grau sind, die restlichen jedoch nicht.
Hättest du ne Idee womit das zusammen hängen könnte?
 
Lizzard

Lizzard

Aufmerksamer

AW: CategoryChildlist in Joomla VM template ist verschoben

Werde mir über Mittag den Chrome mal installieren und nachsehen was es sein könnte. Die Überschrift scheint ja (zumindest im FF) schonmal in der richtig(eren) Position zu sitzen.
 
T

Tobadin

Noch nicht viel geschrieben

AW: CategoryChildlist in Joomla VM template ist verschoben

Danke dass du dich der Sache annimmst.
Ich bin im dritten Forum deswegen und du bist der erste der sich ran traut :)

die Headline habe ich ja schon irgendwie rangebastelt okay aber warum och die per CSS nicht einfärben kann ... Hmm
der hover Effekt funktioniert aber
 
T

Tobadin

Noch nicht viel geschrieben

AW: CategoryChildlist in Joomla VM template ist verschoben

YUHUUUUUU!!!!

Habs gefunden!
Des Rätsels Lösung ist in der template.css versteckt.
Code: 
/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #000000;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #CCCCCC;  <--- Hier
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #000000;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #000000;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #666F62;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #666F62;
}
/* Finish Content headings Fonts & Colors  */

Nur noch n h2 in der browse und category page hinzufügen und schon funktionierts wie ich es haben möchte

Danke euch für die Unterstützung!
 
T

Tobadin

Noch nicht viel geschrieben

AW: CategoryChildlist in Joomla VM template ist verschoben

Yeah einen Schritt vor und einen wieder zurück..

Jetzt taucht neben dem Bild so ein unbekanntes Zeichen auf.
Es kann eigentlich nur von dem PHP-Echo kommen aber funktionierte es vorher was könnte ich verändert haben

Feinkost Zollner Onlineshop

Code: 
if( empty( $categories )) {
	return; // Do nothing, if there are no child categories!
}
?>

<table width="100%" cellspacing="0" cellpadding="0">
<?php
foreach( $categories as $category ) {
	if ($iCol == 1) { // this is an indicator wether a row needs to be opened or not
		echo "<tr>\n";
	}
	?>
	
	<td width="220px" height="300px">
		<div class="category_product_browser">
<!-- Kategoriennamen -->
<h2>
	<a	class="browseProductTitle"
		title="<?php echo $category["category_name"] ?>"
		href="<?php $sess->purl(URL."index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=".$category["category_id"]) ?>">
		<!-- Inhalt des Kategoriennamens Hyperlink -->
		<?php echo $category["category_name"]; echo "<br />";
		?>
	</a>
</h2>
	<br/>
	<br/>
<!-- ANFANG KATEGORIEBILD -->
´	<a	
		title="<?php echo $category["category_name"] ?>"
		href="<?php $sess->purl(URL."index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=".$category["category_id"]) ?>">
	<?php
		if ($category["category_thumb_image"] )
		{
		echo ps_product::image_tag( $category["category_thumb_image"], "alt=\"".$category["category_name"]."\"",0, "category");
		}
		?>
		
	</a>
	<!-- Ende Kategorienbild -->
	</div>
	</td>


	
	<?php
	// Do we need to close the current row now?
	if ($iCol == $categories_per_row) { // If the number of products per row has been reached
		echo "</tr>\n";
		$iCol = 1;
	}
	else {
		$iCol++;
	}
}
// Do we need a final closing row tag?
if ($iCol != 1) {
	echo "</tr>\n";
}
?>
</table>
 
T

Tobadin

Noch nicht viel geschrieben

AW: CategoryChildlist in Joomla VM template ist verschoben

Haha na jetzt ist da kein Zeichen mehr ;-)
bin ja schließlich auch nicht untätig.
Da hatte sich ein ' eingeschlichen.
Jetzt passt eig alles...
Dass die kleinen sinnlosen Fehler immer so aufhalten.........
 
Lizzard

Lizzard

Aufmerksamer

AW: CategoryChildlist in Joomla VM template ist verschoben

Passt jetzt alles bei deinem Shop? Dann werde ich mich mal versuchen noch wo anders behilflich zu sein.
 
T

Tobadin

Noch nicht viel geschrieben

AW: CategoryChildlist in Joomla VM template ist verschoben

Joah Danke Lizzard jetzt passt alles,

jetzt wo ich fertig bin mit dem Shop hat mir der Webspacebesitzer gesagt, dass er nicht mehr will dass seine Freundin den gleichen Webspace wie er benutzt....

Jetzt muss ich mit Joomla und Virtuemart umziehen. Yeah das wird ein Spaß, davor habe ich mich immer gedrückt und habe lieber ein komplett neues System aufgebaut.
Zudem kommt auch noch, dass der neue Webspace nur noch eine Datenbank besitzt und nicht mehr 2 wie vorher.... Also DatenbankPräfixe habe ich bereits durch mySQL-dumbing und Texteditor umgeschrieben. Jetzt bin ich gerade am Uploaden und werde mich bestimmt die nächsten tage mit Problemen über Problemen melden :D
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.
Gesamt: 57 (Mitglieder: 0, Gäste: 57)
Robots: 1.011

Statistik des Forums

Themen
118.619
Beiträge
1.538.363
Mitglieder
67.540
Neuestes Mitglied
Alex Weidner
Oben