Woocommerce, Cum se poate trunca descrierea scurta a unui produs

Resurse online pentru crearea unui website in Wordpress - Creare-Site-Web.com
Resurse online utile in 2022 pentru realizarea si optimizarea unui website realizat in WordPress
6 April 2022
Woocommerce, Cum se poate trunca descrierea scurta a unui produs 2
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:
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
Dragoescu Alin
Dragoescu Alin
Suntem o firma de web design si promovare pe internet din Pitesti pregatita oricand pentru un nou proiect de creare site din orice domeniu de activitate. Profesionalismul înseamnă să ştii cum să faci, când să faci şi să faci.
gdpr-image
Acest web site folosește politica cookie si politica de confidentialitate conform legilor in vigoare. Dupa ce apasati butonul "De acord" va dati consimțământului privind termeni si conditiile de confidentialitatePolitica de confidentialitate.
Citeste mai multe