Hintergrundfarbe Kartei&Kategorie Bilder nach rechts

[GrNightz]

Hallo,
 
1. Mein erstes anliegen ist. Wenn man auf Sortiment geht öffnet sich die Kartei mit den Kategorien. Ich hätte da gern den   Hintergrund in weiss und die Schrift in Schwarz. Geht das ?

 

 

 

2. Ich würde gerne die Bilder bei den einzelnen Kategorien mehr nach rechts verschieben wollen. Damit sie bündig mit der rechten Seite sind und nicht so sehr im Text stehen.

 

 

 

 

 

Schon mal vielen Dank. Hab bisher immer nur tolle erfahrungen mit dem Support hier gemacht.

 

[Magicalname]

Hallo,

Ja das mit dem Hintergrund und der Textfarbe ist keine große Sache...

 

Zu den Bildern...diese musst du so anfertigen das sie auch auf der rechten Seite sind..... heisst schauen wie breit das Kategoriebild sein soll und so anfertigen das die Flaschen bei kompletter Bildbreite auf der rechten Seite liegen.

 

Gruß

[GrNightz]

der link zur seite ist graposhop.de . Mit den Bildern muss es doch möglich sein im html was zu ändern leerzeichen einfügen etc. das es nach rechts verschoben wird oder?

[phisch_max]

Ich bin auch kein experte.. aber ich denke das mit den bildern ist eher eine sache von css anstatt html.

 

gruss phil

[Whiley]

Hallo GrNightz,

 

das generierte Kategoriebild ist nicht der kleine Teil mit den Flaschen sondern es geht über die gesamte Breite (870x217 px), hat links und rechts also Weißfläche integriert.

 

Die Kategoriebilder sind im Ordner /img/c

abgespeichert. Du kannst die Bilder beliebig verändern und überschreiben, du öffnest also z.B. das Weinbild

"4-category_default.jpg" im Bildbearbeitungsprogramm deiner Wahl (i.d.R. Photoshop) verschiebst den mittleren Inhalt nach rechts und überspeicherst das alte Bild

/img/c/4-category_default.jpg

mit dem veränderten Bild

Ich habe die das Weinbild mal entsprechend modifiziert.

 

Cache noch löschen u. ev die Schreibrechte vom Bild nehmen um ein versehentliches Überschreiben des geänderten Bildes zu verhindern

 

Grüsse

Whiley

4-category_default.zip

Edited July 9, 2015 by Whiley (see edit history)

[GrNightz]

ok danke weiss bescheid.(hab dir auch eine pn geschickt).

 

Und wie mach ich das mit dem schwarzen hintergrund ?

[Magicalname]

Den Hintergrund änderst du einfach in der Datei 

themes/default-bootstrap/css/modules/blocktopmenu/superfish-modified.css

 

Suche nach

.sf-menu ul {
  position: absolute;
  top: -999em;
  background: #1D201C;
}

Ersetze mit

.sf-menu ul {
  position: absolute;
  top: -999em;
  background: #FFFFFF;
}

Die Schriftfarbe (Überschrift) dann...

 

Suche nach

.sf-menu > li > ul > li > a {
  text-transform: uppercase;
  font-size: 16px;
  color: #ccc;
}

Ersetze mit

.sf-menu > li > ul > li > a {
  text-transform: uppercase;
  font-size: 16px;
  color: #000000;
}

Und zuletzt noch die Linkfarbe

 

Suche nach

.sf-menu li li li a {
  display: inline-block;
  position: relative;
  color: #777777;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}

Ersetze mit

.sf-menu li li li a {
  display: inline-block;
  position: relative;
  color: #000000;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}

Achso und die Farbe beim überfahren der links habe ich jetzt mal rot gemacht dazu dann

 

Suche nach

.sf-menu li li li a:hover {
  color: #ccc;
} 

Ersetze mit

.sf-menu li li li a:hover {
  color: #EC1E25;
} 

Gruß

Edited July 9, 2015 by Magicalname (see edit history)

[GrNightz]

Super ! Hat soweit geklappt !

 

Nur noch eins : Die Reiter Sortiment und Angebot sollen weiss bleiben...... Ich möchte jedoch das wenn man mit dem Mauszeiger drüber geht rot werden und wenn man dann dadrauf klickt auch rot bleiben. Danke

 

 

Edited July 9, 2015 by GrNightz (see edit history)

[rictools]

Ich würde gerne die Bilder bei den einzelnen Kategorien mehr nach rechts verschieben wollen. Damit sie bündig mit der rechten Seite sind und nicht so sehr im Text stehen.

 

 

nach rechts.JPG

Hallo,

 

der Thread ist zwar schon ein wenig älter, aber es stößt ja immer mal jemand über eine Suche darauf und deshalb denke ich daß es sinnvoll ist, eine weitere Lösung hier zu posten! Ich bin zwar noch ein Neuling, was Prestashop (und auch PHP und Smarty) angeht, aber die eigentlich gesuchte Lösung habe ich doch relativ schnell gefunden:

 

Im Shopverzeichnis classes/ImageManager.php öffnen.

Folgenden Code suchen (bei mir in Zeile 258):

 

if ($dst_width >= $src_width && $dst_height >= $src_height) {

            imagecopyresized($dest_image, $src_image, (int)(($dst_width - $next_width) / 2), (int)(($dst_height - $next_height) / 2), 0, 0, $next_width, $next_height, $src_width, $src_height);

        } else {

            ImageManager::imagecopyresampled($dest_image, $src_image, (int)(($dst_width - $next_width) / 2), (int)(($dst_height - $next_height) / 2), 0, 0, $next_width, $next_height, $src_width, $src_height, $quality);

        }

        $write_file = ImageManager::write($file_type, $dest_image, $dst_file);

        @imagedestroy($src_image);

        return $write_file;

    }

 

Die rot markierten Zahlen "2" durch "1" ersetzen, dadurch wird das Produktbild innerhalb des Kategoriebildes nicht mehr in die Mitte verschoben, sondern bleibt am rechten Rand. Es dürfte auch kein Problem sein, noch einen Pixelabstand vom rechten Rand zu ergänzen.

 

Ggf. die Datei hochladen, dann im Backoffice unter "Bilder" > Wiederherstellen der Vorschaubilder > Kategorien > category_default > vorherige Bilder löschen ja die Kategoriebilder neu generieren, dann die Änderung an der Datei rückgängigmachen, damit sie sich nicht auch auf andere Bilder auswirkt. Es ist wohl auch kein Problem, eine Bedingung zu ergänzen, wodurch der geänderte Passus sich nur auf category_default-Bilder bezieht, dann werden auch neue Kategoriebilder gleich so erzeugt.

 

Der Vorteil gegenüber der obigen Methode, es geht gerade bei vielen Bildern erheblich schneller und man braucht nicht zwei verschiedene Kategoriebilder für Kategorie und Subkategorie-Vorschau (womit der von mir genutzte Store Commander offenbar nicht umgehen kann).

 

Gruß

 

ric

Edited February 15, 2016 by rictools (see edit history)