TEMPLATE: Bootstrap - freies responsive Template

[Dato]

Hallo,
jetzt passt es und es ist als Link hinterlegt.
Danke Karl1

für die anderen die es vlt noch machen muß die Zeile so ausehen

Code: PHP  [Auswählen]

{if $SHIPPING_NAME}<p class="shippingtime"><strong>{#text_shippingtime#}</strong>{if $SHIPPING_IMAGE}<img src="{$SHIPPING_IMAGE}" alt="{$SHIPPING_NAME}" />{/if} {$SHIPPING_NAME_LINK}</p>{/if}

es ist dann die Lieferzeit mit einem Link hinterlegt "3-4 Tage"
[ Für Gäste sind keine Dateianhänge sichtbar ]

natürlich muß noch mehr geändert werden damit das als Link hinterlegt wird.
Es ging nur darum das es bei mir ein Fehler in der Datei war.

[Markhth]

Hallo an alle,

Ich hab' mir inzwischen auch das Template installiert, allerdings hab' ich jetzt das Problem, dass bei mir die POP UP Fenster nicht geöfnet werden. Die ganze Seite wird verdunkelt, aber es erscheint kein Bild...weder wenn ich Artikel Bilder vergrößern will noch wenn ich die auf die Versandkosten klicke. Vieleicht kennt jemand das Problem. Würde mich über eine Lösung freuen. LG Markus

[Dato]

Hallo,
du mußt noch was im Backend ändern damit die Pop Ups funktionieren. Das steht aber alles in diesem Beitrat drinn Lese mal am besten von Anfang an.

[Markhth]

Achso ok. Ich habs mir zwar durchgelesen, aber anscheinend hab ichs iwie nicht bemerkt.

[Markhth]

Hallo,

Ich bin jetzt das ganze nochmal durchgegangen, hab alle änderungen vorgenommen, es passiert aber leider noch immer nichts. ich bekomm einfach nur eine verdunkelte seite, aber keinen pop up fenster. Sowohl beim draufklicken auf versandkosten als auch bei der bild vergrößern funktion oder sonst was das mit pop ups zu tun hat. Vieleicht hatte schon jemand dass gleiche problem und kann mir weiter helfen.

Danke.

LG

[Markhth]

Wenn ich aber die Links in neuen Fenstern öffne, dann funktionierts...

[Karl1]

Hallo Markhth,
welcher Fehler bei dir genau vorliegt kann ich nicht sagen, zumindest nicht ohne Zugang zu deiner Seite.

Damit die Modalbox des Bootstrap-Frameworks funktioniert müssen folgende Dinge gegeben sein:

- die Einstellungen wie in Antwort #32 beschrieben müssen gemacht sein.
- die Javascriptdateien
  + jquery.js oder jquery.min.js (mit Version 1.10.2 getestet)
  + bootstrap.js oder bootstrap.min.js
  müssen geladen sein (die thickbox.js nicht).
- diese Javascriptanweisung muss geladen sein:

Code: Javascript  [Auswählen]

$('.thickbox').click(function(e){e.preventDefault();var imgPath = this.href; $('#modal #modalLabel').html(this.title);$('#modal .modal-body img').attr('src', imgPath);$("#modal").modal('show');});
$('.contentbox').click(function(ev){ev.preventDefault();var target = $(this).attr("href");$('#modal #modalLabel').html(this.title);$('#modal').modal({remote: target});$("#modal").modal('show');});

- Der Link für die Bildvergrößerung muss so:

Code: XML  [Auswählen]

<a class="thickbox" rel="111" href="images/product_images/popup_images/dein_bild.jpg" title="Dein Bild">
<img class="productimage" alt="dein_bild" src="images/product_images/info_images/dein_bild.jpg">
<br>
Bild vergrößern
</a>

für den Contentlink so aussehen:

Code: XML  [Auswählen]

<a class="contentbox" title="Information" href="http://dein_shop/popup_content.php?coID=1" target="_blank" rel="nofollow">Versandkosten</a>

Gruß Karl

Edit: In der index.html darf der Bereich mit der id="modal" (fast am Ende) nicht verändert werden.

[miheha]

​Hallo zusammen,

ich habe mal die Pagination auf Bootstrap angepasst. Zu sehen z.B. in der:

product_lisitng_v1.html

Dort wird die Pagination mit {$PRODUCT_NAVIGATOR} aufgerufen.

Einstellen ob / wann Seitennavigation überhaupt angezeigt wird im Backend: Konfiguration - Maximumwerte - Suchergebnisse und Seitenblättern.

Dann starten wir mal mit der

includes/modules/product_listing.php

Suchen

Code: PHP  [Auswählen]

if ($listing_split->number_of_rows > 0) {
  $navigation = '
  <table border="0" width="100%" cellspacing="0" cellpadding="2">
  <tr>
  <td>'.$listing_split->display_count(TEXT_DISPLAY_NUMBER_OF_PRODUCTS).'</td>
  <td align="right">'.TEXT_RESULT_PAGE.' '.$listing_split->display_links(MAX_DISPLAY_PAGE_LINKS, xtc_get_all_get_params(array ('page', 'info', 'x', 'y', 'keywords')).(isset($_GET['keywords'])?'&keywords='. urlencode($_GET['keywords']):'')).'</td>
  </tr>
  </table>';
  $group_check = '';
  if (GROUP_CHECK == 'true') {
  $group_check = "and c.group_permission_".$_SESSION['customers_status']['customers_status_id']."=1 ";
  }

Ersetzen

Code: PHP  [Auswählen]

// Pagination Bootstrap
 
  if ($listing_split->number_of_rows > 0) {
   $navigation = '
       <div class="pagination">
           <ul>
               <li>'.$listing_split->display_links(MAX_DISPLAY_PAGE_LINKS, xtc_get_all_get_params(array ('page', 'info', 'x', 'y')).(isset($_GET['keywords'])?'&keywords='. urlencode($_GET['keywords']):'')).'</li>
           </ul>
        </div>';
   
   $group_check = '';
   if (GROUP_CHECK == 'true') { $group_check = "and c.group_permission_".$_SESSION['customers_status']['customers_status_id']."=1 ";
   }

 

Anmerkung:
Ich wollte das Aussehen wie beim orginal Bootstrap Template erreichen: Nur Zahlen und nicht den Text (X Artikel von Y). Da kann man natürlich noch ein DIV davor setzen und das da reinsetze. Dem ganzen noch eine "class" geben und mit CSS hübsch machen.

Dann language/german/german.php

Suche

Code: PHP  [Auswählen]

define('PREVNEXT_BUTTON_PREV', '[&lt;&lt;&nbsp;vorherige]');
define('PREVNEXT_BUTTON_NEXT', '[n&auml;chste&nbsp;&gt;&gt;]');

Ersetze mit

Code: PHP  [Auswählen]

define('PREVNEXT_BUTTON_PREV', '&lt;&lt;');
define('PREVNEXT_BUTTON_NEXT', '&gt;&gt;');

Wer jetzt schon testen möchte wird feststellen, das beim Blättern durch die Seiten die aktuelle Seite immer rechts steht. Das liegt daran, das der aktive Eintrag nicht mit einem <a></a> Tag umgeben ist. Das musst du hier ändern.

root:  includes/classes/split_page_results.php

Suche

Code: PHP  [Auswählen]

$display_links_string .= '&nbsp;<strong>' . $jump_to_page . '</strong>&nbsp;';

Ersetze

Code: PHP  [Auswählen]

$display_links_string .= '&nbsp;<a><strong>' . $jump_to_page . '</strong></a>&nbsp;';

Dann sollte es so wie im Anhang ausschauen.

Das ganze mittels CSS in die eigenen Farben / Form bringen. Das wars schon.

Gruß
Mike

PS Dies ist meine erste "Anleitung" und wenn etwas unklar oder falsch ist, bitte bescheid sagen.

[Caro]

Hallo Olli,
du bist mir zuvorgekommen. Leere Kategorien anzeigen macht doch auch keinen Sinn. Außerdem zeigt mein Screenshot im Beitrag 1 sechs Topkategorien.

Zu den Sonderzeichen:
Hast du in der .htaccess auf UTF-8 umgestellt? Zeile 4 # entfernen, Zeile 5 # einfügen. Musste ich bisher nach jeder Neuinstallation machen.

Zum Warenkorb:
Du hast völlig Recht, das muss ich mir nochmal anschauen. Ich bin mir aber noch im Unklaren wie man das am besten darstellen könnte. Soll ausschauen wie eine Tabelle, oben Überschrift, unten viele Artikel - auf dem Handy wäre eine sollche Tabelle aber winzig klein. Steht auf meiner ToDo-Liste.

Zur Thickbox:
Ich bin froh, dass du so genau schaust. Ich werkle ja schon lange an dieser Baustelle und hab total vergessen anzugeben, dass im Adminbereich die "Erweiterte Konfiguration - Popup Fenster Optionen" zu ändern sind.
(Dateianhang Link)
Musste leider sein, da Bootstrap mir Schwierigkeiten machte Bilder bzw. Text in der Modalbox anzuzeigen.

Gruß Karl

Hallo,
muß es genau so aussehen wwie im Screen von Karl1 oder geht es nur um thickbox -> contentbox ?

[Karl1]

Hallo Caro,
entscheidend sind nur die Einträge "contentbox".
So wie du das gemacht hast sollte alles funktionieren.

Beim Aufrufen eines Textes muss die Bootstrap Modalbox anders gestartet werden als bei einem Bildaufruf.
Deshalb wird bei Bildern der Selector "thickbox" und bei Content der Selector "contentbox" für den Javascriptaufruf benutzt.
Die Parameter "&KeepThis....." und die Größenangaben werden nicht verarbeitet.

Guß Karl

[miheha]

Hallo Karl, hallo alle anderen

ich habe nun das Tutorial zu der EU Richtlinie zum 13.06.14 umgesetzt.

https://www.modified-shop.org/wiki/Tutorial:_Umsetzung_der_EU-Verbraucherrichtlinie_vom_13.06.201

Damit gibt es ja ein neues Popup für die Lieferzeit.

Wenn ich die Seite zum ersten mal aufrufe und über den Link fahre,  wird mir auch der richtig Link angezeigt.

http:// shop.xyz.de/popup_content.php?coID=24

Beim anklicken geht auch ein Popup auf mit dem Inhalt zur Lieferzeit. Alles richtig so weit.

Und nun das Problem!

Wenn ich das Popup schließe, einen anderen Link auf der Seite auswähle (z.B. Versandkosten) wird mir auch beim Hover wieder der richtige Link angezeigt (z.B http:// shop.xyz.de/popup_content.php?coID=1)

ABER im Popup ist noch der alte Inhalt, also die Info zur Lieferzeit.

Das gleiche mit Produktbildern und anderen Links.

Es schaut also so aus, als ob die Modal Box den neuen Link nicht an nimmt.

@Karl, du hast mal geschrieben das du Probleme hattest die Modal Box anzusprechen. Muss ich beim Einbau eines neuen Links (hier die Lieferzeit) noch etwas beachten?

Danke
Mike

[Fubu]

Hallo,
nur zur Info, der Link funktioniert nicht.

[miheha]

Hallo Fubu,

war das eine Frage an mich?

Wenn ja

Es ist immer der erste aufgerufene Inhalt vorhanden. Wenn ich zuerst das Produktbild anklicke, sehe ich das Produktbild. Wenn ich die Popup Box schließe und dann die Lieferzeit anklicke, wird wieder das Produktbild angezeigt.

Wenn ich den Link "Lieferzeit" in einem neuem Tab öffne, dann wird der richtig Inhalt angezeigt.

Nach einem reload der Seite kann ich das dann mit einem anderen Link (z.B. Versandkosten) reproduzieren.

Es scheint der im Quelltext richtige Link (habe ich geprüft) nicht an die Box übergeben zu werden.

Gruß
Mike

[miheha]

@ milena,

hast du das Problem aus #272 noch?

habe das gleiche Problem wie jemand am Anfang des Threads, wenn ich die Artikelbilder schließen will erscheint ein Ä statt ein X, siehe z.B. hier: http://www.maisoncreative.de/meinshop/product_info.php?products_id=548habe auch einen Verweis auf eine Antwort weiter vorne gefunden, aber weis nicht rechts was ich da machen muß.

Bitte schau mal in der bootstrap/index.html

Code: PHP  [Auswählen]

        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>

Dort ist das "x" für die Modal Box definiert. Das war bei mir "falsch" codiert und ich hatte da auch ein Ä in der Modal Box.  Sehr komisch da ich da nie etwas angefasst hatte.

Jetzt habe ich es mit einem anderen Editor neu eingegeben und gespeichert und es ist wieder ein X

Schau mal ob das bei dir auch hilft.

Gruß
Mike

[Karl1]

Hallo Mike,
schau mal in Antwort #122.

Vermutlich hast du general.js nicht geändert.

Gruß Karl