2017-12-28 4 views
0

ich brauche mehr taste in der produktbeschreibung nach 50 worten in meinem Woocommerce laden. Es ist mit etwas Code möglich? DankProduktbeschreibung mehr in Woocommerce

+0

in welcher Seite? Seiten auflisten? – Alice

+0

ja sorry, auf der Produktseite. die Hauptbeschreibung nicht die Sorte eins. – Vachos

+0

können Sie uns bitte die Screenshots zeigen? – Alice

Antwort

0

offen yourwoocommerce/content-Single-product.php Datei und Import globaler Variable $ mehr, setzen Sie es auf false den Teil vor dem Tag zu bekommen:

<div class="collapsed-content"> 
     <?php 
      global $more; 
      $temp = $more; 
      $more = false; 
      $short_description = get_the_content(''); 
      echo $short_description; 
      $more = $temp; 
     ?> 
</div> 

Der vollständige Beschreibungstext angezeigt werden kann durch Aufrufen der Funktion "_content()". Erstellen Sie ein neues <div> unten Ihre kurze Beschreibung und Echo Ihre vollständige Beschreibung gibt:

<div class="full-content"> 
    <?php 
     $full_description = the_content(); 
    ?> 
</div> 

Das nächste, was Sie tun möchten, ist CSS dieses <div> zu ändern, so wäre es nicht angezeigt werden, bevor wir sie brauchen:

.full-content { 
    display: none; 
} 

Als nächstes setzen Sie Ihre jQuery-Funktion, um diese <div> s, nach Klicken auf "Lesen Sie mehr .." Link.

jQuery(function($) { 
    $(document).ready(function() { 
     $("#readMore, #readLess").click(function(){ 
      $(".collapsed-content").toggle('slow', 'swing'); 
      $(".full-content").toggle('slow', 'swing'); 
      $("#readMore").toggle();// "read more link id" 
      return false; 
     }); 
    }); 
}); 

So wird standardmäßig nur eine kurze Beschreibung, bevor die < - - MORE - -> Tag gezeigt. Wenn der Benutzer auf den Link klickt, wird er durch die vollständige Beschreibung ersetzt. Fügen Sie einige Animationen hinzu, wenn Sie möchten. Perfekt.

0

Wie ich verstanden habe, benötigen Sie eine Registerkarte namens "Mehr", um die Produktbeschreibung zu zeigen.

Schauen Sie sich den folgenden Code an, der einen neuen Tab (Link) mit dem Namen more hinzufügt und Ihnen dort Produktdetails anzeigt.

add_filter('woocommerce_product_tabs', 'add_my_tab'); 

function add_my_tab($tabs){ 
    $tabs['details_tab'] = array(
     'title'  => 'More', 
     'priority' => 1, 
     'callback' => 'tab_content', 
    ); 
    return $tabs; 
} 

function tab_content(){ 
    global $product; 
    echo $product->get_description(); 
} 

Fügen Sie den Code in functions.php Ihr ​​Thema des

ich in diesem link diesen Code gefunden haben. Sie können dort nach weiteren Einzelheiten suchen. Ich habe diesen Code gemäß Ihrer Beschreibung geändert.

Verwandte Themen