Woocommerce, Cum se poate trunca descrierea scurta a unui produs ⋆ CREARE SITE WEB Wordpress

Woocommerce, Cum se poate trunca descrierea scurta a unui produs 2

Cuprins articol

Cum se poate trunca descrierea scurta a unui produs
Ce inseamna mai exact function.php
Alte articole utile din domeniu Wordpress si Wocoomerce

In multe cazuri, atunci cand adaugati un produs, scurta descriere poate fi mult prea lunga si poate deveni ceva inestetic mai aves daca aceasta este in mare parte din situatii in dreapta imagini!

In aceast articol vreau sa va prezint cum se poate rezolva aceasta problema.

Cum se poate trunca descrierea scurta a unui produs

Tot ce trebuie sa faceti este sa codul urmator in functiile temei pe care o folositi. Mai exact in fisierul function.php pe care il gasiti la adresa urmatoare: numesite.ro/wp-content/themes/tema_aleasa/function.php

add_action( 'woocommerce_before_single_product', 'bbloomer_woocommerce_short_description_truncate_read_more' );
  
function bbloomer_woocommerce_short_description_truncate_read_more() { 
   wc_enqueue_js('
      var show_char = 500;
      var ellipses = "... ";
      var content = $(".woocommerce-product-details__short-description").html();
      if (content.length > show_char) {
         var a = content.substring(0, show_char);
         var html = "<span class=\'truncated\'>" + a + ellipses + "<a class=\'read-more\'>Read more</a></p></span><span class=\'truncated\' style=\'display:none\'>" + content + "<a class=\'read-less\'>Read less</a></span>";
         $(".woocommerce-product-details__short-description").html(html);
      }
      $(".read-more").click(function(e) {
         e.preventDefault();
         $(".woocommerce-product-details__short-description .truncated").toggle();
      });
     $(".read-less").click(function(e) {
         e.preventDefault();
         $(".woocommerce-product-details__short-description .truncated").toggle();
      });
   ');
}

Dupa adaugarea acestui cod puteti inlocui numarul 500 cu numarul dorit de caractere. Acel numar va limita lungimea textului care sa fie vizibil pe pagina.
Daca nu reusiti puteti lasa un comentariu si va pot ajuta cu mare placere la adaugarea acestui cod. Codul se poate adauga atat din contul de cPanel si sa editati fisierul respectiv sau direct din Dashboard de la Teme -> EditorTeme si cautati fisierul function.php

Ce inseamna mai exact function.php

În WordPress, functions.php sau fișierul funcțiilor temei este un șablon sau template inclus în temele WordPress. Acesta acționează ca un plugin pentru site-ul dvs. creeat cu WordPress care este activat automat cu tema. Fișierul functions.php folosește codul PHP pentru a adăuga anumite elemente sau pentru a schimba unele deja existente.

Puteti citi mai multe despre cum functioneaza acesta la articolul urmator:

Ce inseamna functions.php de la WordPress ?

Daca aveti interbari nu ezitati sa le adaugat la sectiunea de comentarii si va pot ajuta cu cea mai mare placere.

Alte articole utile din domeniu Wordpress si Wocoomerce

Daca doriti mai multe informatii despre realizarea unui magazin online nu ezitati sa ne contactati la adresa de e-mail contact@creare-site-web.com

Cum se poate adauga codul in sursa pagini?

Pentru a vedea pas cu pas cum se poate adauga codul respectiv in sursa pagini va invit sa vizualizati lectia urmatoare de la Scoala de Wordpress: Imagine preluata de pe Freepik Html css vector created by freepik - www.freepik.com

Alin Dragoescu

Eu sunt Alin, ma ocup de crearea site-urilor WEB inca din 2010 pe platforma Wordpress. Va pun la dispozitie servicii de Creare site de prezentare, magazine online, portal afaceri din orice domeniu de activitate . Sper ca articolele de pe site-ul meu sa va ajute daca doriti sa realizati un Web site sau sa intelegeti mai bine cum functioneaza Wordpress. Profesionalismul înseamnă să ştii cum să faci, când să faci şi să faci.