Registerkarten verlinken

Sie sind hier: Startseite » Anleitungen » Web- & Shop » Registerkarten verlinken

Tabs in Web (to Date) 8 verlinken

Viele Nutzer von Web to Date oder Shop to Date kennen sicherlich das Problem, dass Registerkarten nicht verlinkt werden können, es bleibt immer die erste Registerkarte geöffnet. Um diesen "Fehler zu beheben folgenden Sie bitte den Schritten dieser Anleitung. Ein Beispiel der Anpassung finden Sie bei den Registerkarten der Baxley-Demo, hier wurde die zweite Registerkarte verlinkt.

Sollten Sie Fragen oder Anregen haben, können Sie mir gerne weiter unten einen Kommentar hinterlassen oder eine Nachricht senden.

Anpassung der Datei paragraph_tab_div.ccml

Der Pfad zu der Datei kann abhängig von dem Installationsorder und der verwendeten Shop to Date bzw. Web to Date Version variieren. Üblich sind Pfade wie C:\Program Files (x86)\DATA BECKER\shop to date 8 pro\common

Zur Sicherheit sollten Sie eine Kopie der originalen Datei anlegen. bevor Sie mit der Bearbeitung der Datei beginnen. Da in den Standardtemplates immer auf diese Datei zugegriffen wird ist es ausreichend nur diese Datei zu bearbeiten, um in allen Designs die Registerkarten verlinken zu können.

Öffnen Sie die Datei paragraph_tab_div.ccml mit einem Texteditor Ihrer Wahl und ersetzen den folgenden Abschnitt (standardmäßig ab Zeile 65):

Kopieren

$(document).ready(function () {
   $("#w2dptabs<cc:print value=" & para.uid"> .w2dptab:gt(0)").hide();
   $("#w2dptabs<cc:print value=" & para.uid"> .w2dptablinks a:eq(0)").addClass("w2dptabsel");
   $("#w2dptabs<cc:print value=" & para.uid"> .w2dptablinks a").click(function () {
      $("#w2dptabs<cc:print value=" & para.uid"> .w2dptablinks a.w2dptabsel").removeClass("w2dptabsel");
      $(this).blur().addClass("w2dptabsel");;
      $("#w2dptabs<cc:print value=" & para.uid"> .w2dptab").hide()
      $($(this).attr("href")).show();
      return false;
   })
})

durch

Kopieren

$(document).ready(function () {
   $("#w2dptabs<cc:print value=" & para.uid"> .w2dptab:gt(0)").hide();
   $("#w2dptabs<cc:print value=" & para.uid"> .w2dptablinks a:eq(0)").addClass("w2dptabsel");
   $("#w2dptabs<cc:print value=" & para.uid"> .w2dptablinks a").click(function () {
      $("#w2dptabs<cc:print value=" & para.uid"> .w2dptablinks a.w2dptabsel").removeClass("w2dptabsel");
      $(this).blur().addClass("w2dptabsel");
      $("#w2dptabs<cc:print value=" & para.uid"> .w2dptab").hide();
      $($(this).attr("href")).show();
      return false;
   })

   var hashTab = location.hash;
   if (hashTab.match('w2dptab')) {
      $("#w2dptabs<cc:print value=" & para.uid"> .w2dptablinks a.w2dptabsel").removeClass("w2dptabsel");
      $("#w2dptabs<cc:print value=" & para.uid"> .w2dptab").hide();
      $('#w2dptabs<cc:print value="&para.uid"> .w2dptablinks a[href=' + hashTab + ']').blur().addClass("w2dptabsel");
      $(hashTab).show();
   }
})

Speichern Sie anschließend bitte die Datei und veröffentlichen Ihre Website erneut. Nach erfolgreichem Hochladen können nun die von Ihnen angelegten Registerkarten verlinkt werden.