Thumbnails anwählen geht nicht mehr

Du hast Probleme mit der Formatierung der Anzeige und weißt nicht woher der Fehler kommt und wie du ihn beheben kannst?

Moderator: maennchen1.de

Forumsregeln
Antworten
Benutzeravatar
pebs
Beiträge: 275
Registriert: 08.06.2013, 16:27
Lizenz: wpShopGermany Pro

Thumbnails anwählen geht nicht mehr

Beitrag von pebs »

Hallo zusammen,

daschmi hatte vor längerer Zeit einmal ein wie ich finde sehr schönes Template zur Verfügung gestellt -> viewtopic.php?f=12&t=3273&p=19460

Leider funktioniert die Direktauswahl eines der Thumbnails nicht (mehr).
Man gelangt lediglich wieder auf die Produktseite mit dem Hauptvorschaubild.
Eigentlich soll das ausgewählte Bild dann an der Stelle des Hauptbildes angezeigt werden.

Hat hier vielleicht jemand eine Lösung, die er zur Verfügung stellen würde?

Das ist der von daschmi zur Verfügung gestellte Code:

Code: Alles auswählen

<?php

   /*
    * Template für das Produkt im Frontend
    */

   //Ausgabe der verfügbaren Variablen
   //wpsg_debug($_SESSION);
   //wpsg_debug($this->view['data']['stock']);

   // Damit keine Zubehörprodukte ausgegeben werden
   //$this->noReleatedProducts = true;
   
?>
<style type="text/css">

   .wpsg_theme1 { background-color:#EFEFEF; border:0px; }
   .wpsg_theme1_mainimage a { text-decoration:none; padding:5px; display:table-cell; vertical-align:middle; text-align:center; width:184px; height:184px; background-color:#FFFFFF; }
   .wpsg_theme1_mainimage a img { vertical-align:middle; }
   .wpsg_theme1_previewslider a { margin-right:7px; margin-top:7px; display:block; float:left; text-decoration:none; padding:5px; display:table-cell; vertical-align:middle; text-align:center; width:50; height:50px; background-color:#FFFFFF; }
   .wpsg_theme1_previewslider a img { vertical-align:middle; } 
   .wpsg_theme1_produkt_produktbilder { float:left; width:220px; }
   .wpsg_theme1_produkt_right { width:335px; float:left; }
   
</style>

<script type="text/javascript">

   if (typeof wpsg_theme1_switch !== 'function')
   {

      function wpsg_theme1_switch(htmlEle)
      {
 
         jQuery(htmlEle).parent().parent().find('.wpsg_theme1_image').hide();
         jQuery(htmlEle).parent().parent().find('.' + jQuery(htmlEle).attr("class")).show();
         
         return false;
         
      } // function wpsg_theme1_switch(ele)
      
   }

</script>

<div class="wpsg_produkt_wrapper wpsg_theme1">
   <div itemscope itemtype="http://schema.org/Product" class="wpsg_produkt wpsg_produkt_<?php echo $this->view['data']['id']; ?>">
   
      <?php /* Block für die Produktbilder START */ ?>
      <?php if ($this->hasMod('wpsg_mod_produktbilder')) { ?>   
      <div class="wpsg_theme1_produkt_produktbilder">
         <?php 
         
            $arBilder = $this->callMod('wpsg_mod_produktbilder', 'getProduktBilder', array($this->view['data']['id']));
             
         ?>
         <?php if (sizeof($arBilder) > 0) { ?>
         <div class="wpsg_theme1_mainimage">
            <a class="wpsg_theme1_image_0 wpsg_theme1_image" href="<?php echo $this->callMod('wpsg_mod_produktbilder', 'getPicPath', array($this->view['data']['id'], true)); ?>/<?php echo $arBilder[0]; ?>" class="thickbox" rel="gallery-<?php echo $this->view['data']['id'] ?>">
               <img src="<?php echo $this->callMod('wpsg_mod_produktbilder', 'makeTn', array($this->view['data']['id'], $arBilder[0], 184, 184, 's')); ?>" />
            </a>
            <?php for ($i = 1; $i < sizeof($arBilder); $i ++) { ?>
            <a class="wpsg_theme1_image_<?php echo $i; ?> wpsg_theme1_image" style="display:none;" href="<?php echo $this->callMod('wpsg_mod_produktbilder', 'getPicPath', array($this->view['data']['id'], true)); ?>/<?php echo $arBilder[$i]; ?>" class="thickbox" rel="gallery-<?php echo $this->view['data']['id'] ?>">
               <img src="<?php echo $this->callMod('wpsg_mod_produktbilder', 'makeTn', array($this->view['data']['id'], $arBilder[$i], 184, 184, 's')); ?>" />
            </a>
            <?php } ?>
         </div>
         
         <div class="wpsg_theme1_previewslider">
         <?php if (sizeof($arBilder) > 1) { ?>
            <?php for ($i = 0; $i < sizeof($arBilder); $i ++) { ?>
            <a href="#" onclick="return wpsg_theme1_switch(this);" class="wpsg_theme1_image_<?php echo $i; ?>">
               <img src="<?php echo $this->callMod('wpsg_mod_produktbilder', 'makeTn', array($this->view['data']['id'], $arBilder[$i], 50, 50, 's')); ?>" />
            </a>
            <?php } ?>
         <?php } ?>
         </div>
         
         <?php } ?>   
          
      </div>
      <?php } ?>
      <?php /* Block für die Produktbilder ENDE */ ?>
   
      <div class="wpsg_theme1_produkt_right">
      
         <h1 itemprop="name"><?php echo wpsg_hspc($this->view['data']['name']); ?></h1>
      
         <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="wpsg_produkt_preis">
            <?php echo __('Stückpreis:', 'wpsg'); ?>
            <meta itemprop="priceCurrency" content="<?php echo $this->get_option('wpsg_currency'); ?>" />
            <span itemprop="price" class="preis_<?php echo $this->view['data']['id']; ?>" id="preis_<?php echo $this->view['data']['id']; ?>"><?php echo wpsg_ff($this->view['data']['preis']); ?></span> <?php echo $this->get_option('wpsg_currency'); ?>
         </div>      
         
         <?php if ($this->get_option('wpsg_kleinunternehmer')) { /* Kleinunternehmerregelung aktiviert START */ ?>      
         
            <div class="wpsg_produkt_preishinweis">
               <?php echo wpsg_translate(__('Preise zzgl. #1#', 'wpsg'), '<a href="'.$this->getURL(wpsg_ShopController::URL_VERSANDKOSTEN).'">'.__('Versandkosten', 'wpsg').'</a>'); ?>
            </div>
         
         <?php } else { /* Kleinunternehmerregelung aktiviert ENDE */ ?>   
   
            <div class="wpsg_produkt_preishinweis">      
               <?php if ($this->get_option('wpsg_preisangaben_frontend') == WPSG_NETTO) { /* Frontend = NETTO Preise */ ?>
               <?php echo wpsg_translate(__('(zzgl. #1#% MwSt. und zzgl. #2#)', 'wpsg'), wpsg_ff($this->view['data']['mwst_value']), '<a href="'.$this->getURL(wpsg_ShopController::URL_VERSANDKOSTEN).'">'.__('Versandkosten', 'wpsg').'</a>'); ?>
               <?php } else { /* Frontend = BRUTTO Preise */ ?>
               <?php echo wpsg_translate(__('(inkl. #1#% MwSt. und zzgl. #2#)', 'wpsg'), wpsg_ff($this->view['data']['mwst_value']), '<a href="'.$this->getURL(wpsg_ShopController::URL_VERSANDKOSTEN).'">'.__('Versandkosten', 'wpsg').'</a>'); ?>
               <?php } ?>
            </div>
            
         <?php } ?>
         
         <?php /* Füllmengenanzeige START */ ?>
         <?php if ($this->hasMod('wpsg_mod_fuellmenge')) { ?>
         
            <div class="wpsg_produkt_fuellmenge">
            <?php echo wpsg_translate(__('Füllmenge: #1# (#2# / #3#)', 'wpsg'), 
               wpsg_ff($this->view['data']['fmenge'], $this->view['data']['feinheit'], true),
               wpsg_ff($this->view['data']['fmenge_preis'], $this->get_option('wpsg_currency')),
               wpsg_ff($this->get_option('wpsg_mod_fuellmenge_bezug'), $this->view['data']['feinheit'])
            ); ?>
            </div>
         <?php } ?>      
         <?php /* Füllmengenanzeige ENDE */ ?>
         
         <?php /* Gewichtsanzeige START */ ?>
         <?php if ($this->hasMod('wpsg_mod_weight') && $this->get_option('wpsg_mod_weight_showProduct') === '1') { ?>
         <div class="wpsg_mod_weight_produkt">
            <?php echo wpsg_translate(__('Gewicht: #1# #2#', 'wpsg'), '<span id="weight_'.$this->view['data']['id'].'">'.wpsg_ff($this->view['data']['weight']).'</span>', $this->get_option('wpsg_mod_weight_unit')); ?>
         </div>
         <?php } ?>
         <?php /* Gewichtsanzeige ENDE */ ?>
         
         <?php /* Varianten START */ ?>
         <div class="wpsg_produkt_varianten">
         <?php echo $this->callMod('wpsg_mod_varianten', 'renderTemplate', array($this->view['data']['id'])); ?>
         </div>
         <?php /* Varianten ENDE */ ?>
         
         <div class="wpsg_produkt_add_basket_wrapper">   
            
            <label for="wpsg_menge_<?php echo $this->getTemplateIndex(); ?>"><?php echo __('Anzahl', 'wpsg'); ?>:</label>
            
            <input type="text" value="1" name="wpsg[menge]" class="wpsg_menge" id="wpsg_menge_<?php echo $this->getTemplateIndex(); ?>" />   
            <input class="wpsg_button wpsg_add_basket wpsg_add_basket_<?php echo $this->getTemplateIndex(); ?>" type="submit" value="<?php echo __('In den Warenkorb', 'wpsg'); ?>" name="wpsg[submit]" />
         
            <?php if ($this->get_option('wpsg_afterinsert') == '2') { ?>
            <script type="text/javascript">
         
               jQuery('.wpsg_add_basket_<?php echo $this->getTemplateIndex(); ?>').bind('click', function() {
                   
                  jQuery.ajax( {
                     url: '<?php echo $this->getURL(wpsg_ShopController::URL_BASKET); ?>',
                     data:
                     {
                        wpsg_form_data: jQuery('#wpsg_produktform_<?php echo $this->getTemplateIndex(); ?>').serialize(),
                        'wpsg[ajax]': '1',
                        'wpsg[submit]': '1'               
                     },
                     success: function(data) 
                     {
                        tb_show('<?php echo __('Ihr Warenkorb', 'wpsg'); ?>', '<?php echo $this->getURL(wpsg_ShopController::URL_BASKET_AJAX); ?>');
                     }
                  } );   
                  
                  return false;
                  
               } );
             
            </script>
            <?php } ?>
            
         </div>
         
      </div>
      
      <div class="wpsg_clear"></div>
          
      <?php /* Facebook und Co Integration aus dem Produktartikel Modul */ ?>
      <?php echo $this->callMod('wpsg_mod_produktartikel', 'socialIntegration', array($this->view['data']['id'])); ?>
      <?php /* Facebook und Co Integration ENDE */ ?>
      
   </div>
   
   <div class="wpsg_produkt_additional_information">
   
      <div itemprop="description" class="wpsg_produkt_beschreibung">
         <?php echo $this->view['data']['beschreibung']; ?>
      </div>
      
      <?php $this->callMods('product_bottom', array(&$this->view['data']['id'])); ?>
      
   </div>
</div>
Beste Grüße
pebs

wp 6.5.3 | wpsg 4.4.7 | PHP 7.4.33
Nach oben
Benutzeravatar
maennchen1.de
Administrator
Beiträge: 17874
Registriert: 14.08.2003, 16:55
Lizenz: wpShopGermany Enterprise
Wohnort: Thüringen, Ellersleben
Kontaktdaten:
Kontaktdaten von maennchen1.de

Re: Thumbnails anwählen geht nicht mehr

Beitrag von maennchen1.de »

Hallo!
Der verlinkte Thread ist 3 Jahre alt.
In der Zwischenzeit hat sich sicher einiges geändert.
Probiere bitte mal das Template aus dem WebSVN: http://wpshopgermany.maennchen1.de/webs ... ard2.phtml
Kein Support per PN! Alle Fragen beantworten wir hier im Forum. Per PN bitte nur Passwörter, Namen und URLs - sofern notwendig.
Bitte vor dem posten lesen:
Wie poste ich eine Frage zu einem Problem?
FAQ / häufig gestellte Fragen
Anzeige-Fehler / Funktionsfehler in wpShopGermany erkennen und selbst beheben
PHTML-Dateien richtig verwenden (für eigene Anpassungen)
Nach oben
Benutzeravatar
pebs
Beiträge: 275
Registriert: 08.06.2013, 16:27
Lizenz: wpShopGermany Pro

Re: Thumbnails anwählen geht nicht mehr

Beitrag von pebs »

Super, vielen Dank.
Das macht genau, was ich wollte.
Beste Grüße
pebs

wp 6.5.3 | wpsg 4.4.7 | PHP 7.4.33
Nach oben
Antworten

Zurück zu „Formatierung, Templates (PHTML), HTML, CSS-Anzeige“