Hallo zusammen, stelle eben mit Schrecken fest, dass in IE8 der Button „Kaufen“ auf der Abschlußseite nicht angezeigt wird. Der Mauspfeil wird zwar zur „Hand“, aber sehen kann man nichts. Wie lange das schon so ist, kann ich nicht sagen. Dasselbe gilt für das Facebook-Plugin auf Artikelebene - auch das wird nicht angezeigt. Hat jemand einen Rat? Shopware 3.5.6 mit Plugin „Button-Lösung“. Anschauen könnt ihr euch das unter http://www.fantactic.de Danke und Gruß Ralph
Push - Niemand eine Idee?
Hallo, stimmt, der Button wird im IE8 nicht angezeigt. Vielleicht liegt es am fehlenden repeat-x in deiner Klasse .button-right { background-image: url("../images/buttons/button\_right-large.png"); } Im IE Fehler aufzuspüren, ist bekanntermaßen kein Spaß weil man hier immer im Trüben fischen muss. Würde mich freuen, wenn das ein Treffer wäre 
Gruß
… da war wohl einer schneller 
… also es hängt auf jedem Fall mit der CSS Eigenschaft zusammen. Neben dem Repeat-X auch die Position des Hintergrundes prüfen!
Danke Euch schon einmal. Mit Repeat-x und Position ändert sich an der Sache nichts, aber evtl. habt hier mich schon auf die richtige Fährte gebracht. Die Grafik des Buttuns ist doch 400px breit, was soll repeat denn da bringen? Habt ihr bedacht, dass die „Buttonlösung“ eine eigene css hat? Bevor ich da jetzt planlos rumbastel (ist halt nicht mein Fachgebiet), hier mal der Code der swag_buttonsolution.css: /\*\* Inner container styling \*/ #confirm .personal-information .inner\_container, #confirm .additional-options .inner\_container, .agb\_cancelation .inner\_container { padding: 10px 15px 5px; margin: 0; border: 1px solid #c7c7c7; border-top: 0 none; line-height: 16px; } /\*\* Headline \*/ #confirm .personal-information .underline, #confirm .additional-options .table\_premium h5, #confirm .basket\_slider .header, #confirm .revocation .underline { color: #333; font-weight: bold; font-size: 12px; border-bottom: 1px solid #c7c7c7; margin: 0 0 8px; padding: 5px 0 0; line-height: 1.6em; } /\*\* AGB and Cancelation \*/ .agb\_cancelation .inner\_container .revocation { border: 1px solid #c7c7c7; padding: 8px 12px; background: #f7f7f7; line-height: 16px; } .agb\_cancelation .inner\_container .revocation a { color: #dd4800; text-decoration: underline; } /\*\* Structure of the personal information panel \*/ #confirm .personal-information .invoice-address, #confirm .personal-information .shipping-address, #confirm .personal-information .payment-display { float: left; width: 28.334%; margin: 0 5% 0 0; position: relative; height: 188px; } /\*\* Last box, so we don't need a margin here \*/ #confirm .personal-information .payment-display { margin: 0 } /\*\* Position the action buttons at the bottom of the panel \*/ #confirm .personal-information .actions { position: absolute; bottom: 0; } /\*\* Additional options - Structure \*/ #confirm .additional-options .voucher-add-article, #confirm .additional-options .user-comment { float: left; width: 48%; margin: 0 2% 0 0; } #confirm .additional-options .voucher-add-article label { display: block } #confirm .additional-options .voucher-add-article .text { width: 70% } #confirm .additional-options .user-comment textarea { width: 98%; height: auto; } /\*\* Thumbnails \*/ #confirm .table\_row a.thumb\_image { background: #fff; border: 1px solid #aaa; margin: 0 0 15px 5px; padding: 10px 10px; /\*\* CSS3 Border radius \*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #confirm .table\_row a.thumb\_image img { display: block; /\*\* CSS3 Border radius \*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /\*\* Premium articles \*/ #confirm .additional-options .table\_premium .body .article { float: left; height: 105px; margin: 0 6px 10px 6px; width: 235px; background: #fff; border: 1px solid #dadada; position: relative; } #confirm .additional-options .table\_premium .body .thumbnail {display:block;height: 57px;width: 57px;text-align: center;float:left;margin: 15px 0 0 5px;} #confirm .additional-options .table\_premium .body .article .name {display: block; margin: 10px 0 0 72px;} #confirm .additional-options .table\_premium .body .bonus\_price {position: absolute;bottom: 15px;left: 75px;margin: 5px 0 0 0;color: #333;font: bold 11px/14px Arial, sans-serif;float:left;} #confirm .additional-options .table\_premium .body .bonus\_price .pr1 {margin-right: 8px;} #confirm .additional-options .table\_premium .body .article .button-right { width: 147px; position: absolute; bottom: 8px; left: 70px; } /\*\* Payment methods \*/ #confirm .personal-information .payment\_method .grid\_5 { padding: 0 } #confirm .personal-information .payment\_method .bankdata { left: 240px } #confirm .personal-information .payment\_method .bankdata label { display: block; float: left; width: 100px; padding-top: 6px; } #confirm .personal-information .payment\_method .bankdata .text { width: 365px } #confirm .personal-information .payment\_method .method .last, #confirm .personal-information .payment\_method .bankdata .description, #confirm .table .main-article-features p { color: #888; } /\*\* Reposition all footer elements \*/ #confirm .additional\_footer { width: 888px } #confirm .table\_foot { padding-left: 451px; width: 329px; border-bottom: 0 none; } /\*\* Country notice \*/ #confirm .country-notice { border: 1px solid #c7c7c7; border-top: 0 none; position: relative; top: -11px; } #confirm .country-notice p { padding-left: 465px; padding-right: 10px; color: #888; } /\*\* Fix the delivery status icons \*/ .status0, .status1, .status2, .status3, .status4, .status5, .status6, .status7, .status8 { background-image: url(../images/sprite\_delivery.png) } /\*\* Remove the white stripes in the aggregation \*/ .table #aggregation\_left .border, .table #aggregation\_left .doubleborder { border-color: transparent } /\*\* Fix VAT table header cell \*/ #confirm .table .table\_head .charge\_vat { margin-left: 0; margin-right: 0; width: 100px; } /\*\* Reposition the button and the button text \*/ #confirm .additional\_footer .actions { margin: 0 100px 0 } #confirm .additional\_footer #basketButton { padding-left: 15px } /\*\* Bonus system \*/ #confirm .table\_foot .basket-points { background: transparent } #confirm .table\_foot .basket-points .spending\_left, #confirm .table\_foot .basket-points .earning\_left { width: 145px; border: 0 none; } #confirm .points\_for\_basket .inner\_container { width: 100%; padding: 0; border: 0 none; border-right: 1px solid #c7c7c7; } #confirm .points\_for\_basket .before { padding: 0 0 0 50%; margin: 0 0 0 -25%; } #confirm .basket\_slider { position: relative } #confirm .basket\_slider .header { background: transparent; height: auto; margin: 0 0 18px; } #confirm .basket\_slider .inner-content { padding: 0 0 23px } #confirm .basket\_slider .inner-content .slider-info { left: 15px; top: 110px; } /\*\* Reformat the error message \*/ .ctl\_checkout #content .agb\_confirm { padding: 12px 35px 12px 14px; margin-bottom: 18px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #B94A48; background: #F2DEDE; width: 728px; left: 80px; position: relative; /\*\* CSS3 Border radius \*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } /\*\* Dispatch methods \*/ #confirm .dispatch-methods { padding: 0 0 20px } #confirm .dispatch-methods .method { margin: 0 0 6px } #confirm .dispatch-methods .method .last { color: #888 } /\*\* Table styling \*/ #confirm .table\_row a.thumb\_image, #confirm .table .table\_row .basket\_details { float: left; } #confirm .table .table\_row .basket\_details { position: static; left: auto; top: auto; width: 180px; margin: 0 0 0 15px; } .ajax\_modal\_custom { width: auto } .ctl\_checkout #content .agb-holder, .ctl\_checkout #content .newsletter-holder { height: 22px; } .ctl\_checkout .agb\_accept { position: absolute; z-index: 1; left: 16px; top: 134px; } .ctl\_checkout .more\_info { border: 0 none; padding: 0; margin: 0; position: absolute; z-index: 1; left: 16px; top: 155px; } .outer-confirm-container { position: relative } /\*\* IE 7 Hack \*/ \*+html .outer-confirm-container { zoom: 1 } \*+html #confirm .personal-information .inner\_container, \*+html #confirm .additional-options .inner\_container, \*+html .agb\_cancelation .inner\_container { zoom: 1; } \*+html .voucher-add-article .button-left, \*+html .voucher-add-article .button-middle, \*+html .voucher-add-article .button-right { width: 85px; top: -4px; } \*+html .ctl\_checkout #basketButton { right: 100px; } .ctl\_checkout .modal { position: relative } .ctl\_checkout .modal .headingbox { color: #dd4800; padding: 5px 0 5px 20px; height: 20px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #c7c7c7; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 0; } .ctl\_checkout .modal .close { display: block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAMAAABrN94UAAABC1BMVEXiTgeqOADum3PlZSnmZinkXRzqhFTjVBDlZinjXRziUxDwpYLiVBDjXBzqhVTcYR7dYR6qNwDnbzbhTQf98+7hTgf7593unnfztpnunXfjfEj0vqSrOwSyZUDfZyv528zhbjLNkHPmbTPqn3neYyGtQgz40b+uTR/upYLidT3lZijlg1PiVRHplWvqhlXwo4CsOwX53M3sjWDp1cm0bkzxqojojF+1dVf2ybPpfUnvnnfdYBz76eH76N+wVSn52syqOQKxXTSsPwzUp5CtRxXccDbtpYPoeUT14dbcYB73zrvdYB3pekXskGToekXtkGTrhVTvm3PwpoKrOADncDbgSQDgSAD////hSQDCK3Q1AAABMklEQVR42kVNh3aCQBBcBAQENUaiMb333rvp1UKEu73//5LMgu9l383OzO7NHX2+j4oKw3AUgnKz9UKrv6hSCchZlOhL2h8O+0OgjwMByvUZXSRJrQwkaHJqSYJenqfdQW8wAHpoUmDBE81kWTYJ5PTfH2jb9h3HsW3fd2wH2oeE2qSlwHWrrht0+K4aXPFsUBXnvtJC5EUVL4q8DT484XuvUpETPdNak4imgJ04PuZrqKbgiG6NlDZKd5jPtTHKKNiUfjTISJtm7mIGB2/Rl1bF6oDjFt9gLg6JCdwRudfi9gfzioJRsqgXWTz0bUybF+VWkVDYiwHlChIZi+rIKoN/0NANpMYACXhx8JIbl8IfCKNkLjRe6JTeNEgjViRhROo5Ol1vpJaVohoWALbgH5f/AH7De3xSMcDcAAAAAElFTkSuQmCC") no-repeat; width: 24px; height: 21px; text-indent: -9999px; position: absolute; right: 10px; top: 12px; cursor: pointer; } Liege ich mit meiner Vermutung richtig und wenn ja, an welcher Stelle kann ich hier etwas tun? Ab Zeile 168 geht es um die Positionierung des Buttons… Danke und Gruß Ralph
Ich nochmal, tappe noch immer im Dunkeln, habe aber eben etwas interessantes festgestellt - wenn man auf der Abschlußseite den Artikel aus dem Waren löscht, wird der Button kaufen für einen Moment angezeigt. Im Quellcode ist mir übrigens noch aufgefallen, dass alles bzgl. IE8 und 7 auskommentiert ist. VG, Ralph
Hallo Ralph, habe Dir ne Mail geschickt!
1 „Gefällt mir“
Danke, Petra. Schau ich gleich mal nach 
So, Problem gelöst. Petra war so lieb, und hat mir ihre confirm.tpl aus dem Plugin zum Vergleich zugeschickt. Ein kleiner Verdreher im Code war der Grund allen Übels, was mir wahrscheinlich beim Auskommentieren eines Bereiches passiert ist. Merkwürdig finde ich, dass damit kaum oder vielleicht sogar kein anderer Browser ein Problem hatte. Das Facebook-Plugin hake ich als unwichtig ab… VG, Ralph