lange Bilder / ähnliche Artikel / Kunden kauften auch

ag-websolutions.de

Sehr aktives Mitglied
29. Dezember 2009
14.548
232
AW: lange Bilder / ähnliche Artikel / Kunden kauften auch

setz mal Containergröße verwenden auf "JA" ... dann mal einen kompletten Bilderabgleich zwischen Wawi und Shop
 

ag-websolutions.de

Sehr aktives Mitglied
29. Dezember 2009
14.548
232
AW: lange Bilder / ähnliche Artikel / Kunden kauften auch

dann teste es erst anhand von 5-10 Artikel....ob das Ergebnis auch deinen Vorstellungen entspricht

Einfach bei den jeweiligen Artikel das inet-bild neu setzen und dann den normalen webshopabgelich
 

Papierhaus

Gut bekanntes Mitglied
21. Mai 2008
491
0
Hamburg
AW: lange Bilder / ähnliche Artikel / Kunden kauften auch

Hallo, nun ja er macht was, aber nur im Hauptbild wird angepasst, das war ja aber nicht das Problem, die kleinen Bilder bleiben zum Teil schlecht...
Andere Kunden kauften auch OK, ähnliche Artikel nicht?!
Gleicher Artikel wie oben....
 

david

Administrator
Mitarbeiter
16. Juli 2010
2.310
170
AW: lange Bilder / ähnliche Artikel / Kunden kauften auch

Andere Kunden kauften auch OK, ähnliche Artikel nicht?!
Gleicher Artikel wie oben....
Die Bilder werden templateseitig fix auf height="60" gebracht, die Breite wird automatisch vom Browser berechnet. Das resultiert bei extrem breiten Bildformaten in extrem breiten Bildern.

Lösungsansatz: schreib in deine theme.css im Template-Theme folgende neue Regel:
Code:
[COLOR=#000000][FONT=dejavu sans mono].[/FONT][/COLOR][COLOR=#000000][FONT=dejavu sans mono]jcarousel-skin-tiny [/FONT][/COLOR][COLOR=#000000][FONT=dejavu sans mono]a .image { [/FONT][/COLOR][COLOR=#C80000]max-width[/COLOR]: 60px; [COLOR=#C80000]height[/COLOR]: auto; [COLOR=#C80000]max-height[/COLOR]: 60px; }

^ getestet im Chrome-Browser, bitte auch die Darstellung im Firefox und IE prüfen...
 

Papierhaus

Gut bekanntes Mitglied
21. Mai 2008
491
0
Hamburg
AW: lange Bilder / ähnliche Artikel / Kunden kauften auch

Hallo David,

Vielen Dank, aber wo füge ich das denn ein??? habe mal die hoffentlich richtige Datei mit angefügt...

Vielen Dank

Code:
/* 	JTL-Shop3 Tiny Theme "Lucid" ** 
** 	@author JTL-Software.de
**	
*/


/* Tiny-Styles zuruecksetzen */
#headlinks, #headlinks.active { background: transparent url(images/main_backgrounds.png) no-repeat top left; height: 48px; border: none; }
#headlinks ul li > a, #headlinks ul li > a:hover, #headlinks li.basket > a, #headlinks li.basket > a:hover { background-color: transparent;  margin: 0; padding: 0 0 0 10px; -moz-border-radius: 0; border-radius: 0; }
#headlinks li { padding: 0; }
#speciallinks { display: none; }
#headlinks_wrapper { margin-left: 0; }
.form fieldset select, .form fieldset textarea, .form fieldset input[type="text"], .form fieldset input[type="password"] { font-size: 1em; }
#styled_view li.gallery { width: 32.9%; }


/* Base Styles */
.page_width { width: 980px; }
body { color: #444; background: #F4F4F4 url(images/page_bg.jpg) repeat-x top left; }
#page { background: transparent none; }
#content { background: #fff; border: 1px solid #ccc; padding: 10px; -moz-border-radius:5px 5px 5px 5px; }
.sidebox { background: #fff; }
a, a:visited, a:link { color: #666; }
a:hover, a:focus { color: #fc7f20; }
h1, h2 { text-transform: uppercase; }
#breadcrumb, #breadcrumb a { color: #999; }
#logo a { position:relative; display: block; margin-top: 10px; z-index: 999; }
#logo img { position: inherit; top: 0; }
#headlinks ul li > a, .sidebox h3 { font: 12px "Trebuchet MS", sans-serif; font-weight: bold;  color: #fff !important; text-transform:uppercase; text-shadow:0 0 2px #AC5F24; }


/* Eigene Header-Styles */


#header, #header_wrapper { height: 120px; position: relative; }
#style, #settings { top: 15px; right: 300px;  }


/* Suche */
#search { background:none repeat scroll 0 0 transparent; padding:0; position:relative; text-align:right; top:-100%; }
#search-form { width:300px; padding-right:10px; position:absolute; right:0; top:0; height: 40px; padding: 15px 0 0 0; }
#search input[type="text"], #submit_search { vertical-align: top; }
#search input[type="text"] { width:180px; border: none; background: transparent url(images/search_input_bg.png) top left no-repeat; height: 25px; line-height: 25px; padding: 0 10px; }
#submit_search { width: 76px; border: none; background: transparent url(images/search_button_bg.png) top left no-repeat; height: 25px; line-height: 25px; padding: 0 20px 0 0px; font-size: 12px; }
#submit_search:hover span, #submit_search:focus span { text-decoration: underline; }


/* Headlinks */
#headlinks ul li > a, #headlinks ul li > a > span { line-height: 48px; height: 48px; display: block; }
#headlinks ul li > a, #headlinks ul li.basket { background: transparent url(images/main_backgrounds.png) repeat-y 0 144px; padding-right: 0; }
#headlinks ul li > a:hover, #headlinks ul li > a:focus, #headlinks ul li.current > a { background-position: 0 96px !important; }


#headlinks ul li.first > a { background-position: top left; }
#headlinks ul li.first > a:hover, #headlinks ul li.first > a:focus, #headlinks ul li.first.current > a { background-position: 0 192px !important; }
#headlinks ul li > a > span { padding-right: 10px; }


#headlinks ul li.basket { position: relative; left: -10px; background-position: 9px 144px; }
#headlinks ul li.basket > a, #headlinks ul li.basket > a:hover { padding-left: 10px; position: relative; left: 10px; background: transparent url(images/main_backgrounds.png) top right !important; }
#headlinks li.basket.items > a { padding-right: 0; }
#headlinks ul li.basket > a > span { padding-left: 20px; background: transparent url(images/cart.png) no-repeat 0px 15px; }
#headlinks ul li.basket > a:hover, #headlinks ul li.basket > a:focus, #headlinks ul li.basket.current > a { background-position: right 192px !important; }


#headlinks li.basket div { top: 48px; }
#headlinks li.basket div.articles { border-color: #ccc; right: -10px; -moz-border-radius:5px 5px 5px 5px; }


/* Sidepanels */
.panel_left #sidepanel_left { width: 200px; }
.panel_left #content { margin-left: 210px; }
.panel_right #content { margin-right:210px; }


.sidebox { border: none; }
.sidebox h3 { background: transparent url(images/main_backgrounds.png) 0 288px repeat-y; border: none; }
.sidebox .sidebox_content { border: 1px solid #ccc; border-top: none; }
 

ag-websolutions.de

Sehr aktives Mitglied
29. Dezember 2009
14.548
232
AW: lange Bilder / ähnliche Artikel / Kunden kauften auch

aber nicht im Original-Lucid-Theme!

Wenn dann zunächst auf Basis des Lucid-Theme ein Benutzerdefiniertes Theme erstellen ... und in diesem dann die Änderungen einpflegen!!!
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Sehr lange Ladezeit der Produktseite nach Upgrade auf Version 5.4 Allgemeine Fragen zu JTL-Shop 6
Wie lange benötigt bei euch die Wawi zum starten JTL-Wawi 1.9 7
Einkaufsliste lädt ewig lange JTL-Wawi 1.9 1
Neu Das Drucken von Versandetiketten dauert lange JTL-ShippingLabels - Fehler und Bugs 5
Neu Fehlende Bilder JTL zu WooCommerce Englishe Sprache WPML Onlineshop-Anbindung 0
Neu SQL Query zum Bilder löschen Arbeitsabläufe in JTL-Wawi 3
Bilder umbenennen JTL-Wawi 1.9 1
Bilder importieren JTL-Wawi 1.9 1
Neu Artikelübersicht zeigt 2 Bilder pro Artikel oder leeren Rahmen Allgemeine Fragen zu JTL-Shop 5
Nummernliste der Bilder in mobiler Ansicht entfernen Einrichtung JTL-Shop5 8
Nur bestimmte Bilder für einen Marktplatz aktivieren (Hood.de) JTL-Wawi 1.8 2
Neu Bilder für alle Plattformen verwenden User helfen Usern - Fragen zu JTL-Wawi 8
Hochkant Bilder werden nicht vollständig angezeigt JTL-Wawi 1.8 0
Neu Nach Komplettabgleich doppelt und dreifache Bilder? WooCommerce-Connector 6
Neu Bilder ohne Extension übertragen Shopware-Connector 0
Neu IP Sperre beim Versuch Bilder zu downloaden Allgemeine Fragen zu JTL-Shop 2
Neu Bei VarKombi-Artikeln, wie immer eine Farbe und Größe vorauswählen, damit alle Bilder angezeigt werden? Allgemeine Fragen zu JTL-Shop 4
Neu WMS Mobile zeigt keine Bilder an JTL-WMS / JTL-Packtisch+ - Fehler und Bugs 0
Bilder werden nicht auf WMS mobile angezeigt JTL-WMS / JTL-Packtisch+ - Fehler und Bugs 0
Neu JTL Google Shopping Plugin - Bilder Updaten Plugins für JTL-Shop 3
Neu Gibt es eine Möglichkeit zu große Bilder zu verbieten? User helfen Usern - Fragen zu JTL-Wawi 5
Bilder in den Artikelstammdaten aktivieren und erneut senden JTL-Wawi 1.9 3
Neu Bilder sind mobil im fullscreen zu klein Betrieb / Pflege von JTL-Shop 4
Neu Google Bilder Bot Zugriff auf /dbeS/bild.php?a=1375538&n=1&url=0&s=0 Allgemeine Fragen zu JTL-Shop 3

Ähnliche Themen