"read more" / "czytaj wiecej"

[sasase]

Witam,

Czy można w opisie produktu wykorzystać "read more" / "czytaj wiecej"?

Chciałbym aby domyślne opis wyświetlał się o określonej wielkości, a dopiero po kliknięciu "read more" rozwijał się pełny.

Pozdrawiam

[sasase]

    {if isset($product) && $product->description }
        {* full description *}
        <div id="idTab1"  style="overflow:hidden;height:250px;font-family:avantgarde-book;font-size:12px;line-height:14px;">{$product->description}</div>
        {if $product->description|count_characters:true > 100 }
            <input id="button" type="button" style="margin-top:5px;font-size:12px;color:white;font-family:avantgarde-book; width:120px;background:#4e3248;border:none;height:30px;border-radius:5px;" value="Mostrar +" onclick="showMore()">
            <input id="button2" type="button" style="margin-top:5px;display:none;font-size:12px;color:white;font-family:avantgarde-book; width:120px;background:#4e3248;border:none;height:30px;border-radius:5px;" value="Mostrar -" onclick="showLess()">
        {else}
            {* don't display anything *}
        {/if}

{/if}

 

Chciałem użyć tego rozwiązania. Długi opis skraca mi się faktycznie do 100 znaków, jednak wyświetlony przycisk po naciśnięciu nie powoduje rozwinięcia opisu do pełnego.

[sasase]

Ktoś pomoze?

[Yabber]

Na samej górze tego forum jest takie sprytne urządzenie jak wyszukiwarka.

Wystarczy tylko wpisać tam frazę "czytaj więcej".

[sasase]

Yabber znalazłem już wcześniej post, w którym udzielasz informacji w tym temacie -> https://www.prestashop.com/forums/topic/344303-opcja-czytaj-wi%C4%99cej-w-dlugim-opisie-produktu-na-stronie-produktu/?hl=%2Bczytaj+%2Bwi%C4%99cej&do=findComment&comment=1736354

 

 

Niestety 1 metoda nie działa. Nie ma żadnego efektu na stronie po dodaniu 2 fregmentów kodu do pliku product.tpl.

 

Kolejna metoda o której piszesz w tym poście też nie działa (psuje szyki strony), prawdopodobnie przez brak pliku skryptu pod linkiem -> http://plugins.learningjquery.com/expander/jquery.expander.js

 

Dlatego powstał ten post.

 

 

 

Może kwestia leży w moim szablonie?

[Yabber]

Faktycznie link jest kaput To od czego jest wujek googiel?

Jedno zapytanie do wujka "jquery.expander.js" i już masz:

https://github.com/kswedberg/jquery-expander/blob/master/jquery.expander.js

Najlepiej wrzuć sobie ten plugin na swój serwer.

Żeby był porządek w preście to najlepiej do katalogu: /js/jquery/plugins/

 

W produkt.tpl dodaj na początku:

<script type="text/javascript"
    src="../../js/jquery/plugins/jquery.expander.js">
</script>
<script type="text/javascript">
{literal}
        $(function () {
            $('.opis').expander({
                slicePoint: 200,
                expandText: "<b>{/literal}{l s='Read more'}{literal}</b>",
                userCollapseText: "<b>{/literal}{l s='Hide'}{literal}</b>"
            });
        });
    </script>
{/literal}
</script>

I do opisu dodaj diva opis:

<div class="opis">{$product->description}</div>

[sasase]

Fantastycznie. Dziękuje!

[Sebastian_c]

On 8/15/2015 at 3:59 PM, Yabber said:

I do opisu dodaj diva opis:

<div class="opis">{$product->description}</div>

Czy to rozwiązanie zadziała w prestashop 1.7 ?

Kod dodałem do pliku /themes/classic/templates/cms/category.tpl

/* czyszczenie pamięci podręcznej */

Do opisu (rozumiem ,że w zwykłej edycji opisu kategorii ?) dodawałem ten kawałek kodu i niestety nie działa, próbowałem i jako fragment tekstu i klikajac <> i do kodu.

Ktoś może podpowiedzieć ??

[effectdesign]

Cześć! 

Czy jest możliwość dodania takiego Buttonu jak "Read more" tzn. "Czytaj dalej" w Prestashop 1.7.6.0 w opisach kategorii ? 

Podobnie jak w wersji Prestashop 1.6.1.24...

Tak żeby opis się ucinał do określonej liczby zmaków. A żeby po kliknięciu w przycisk "Czytaj dalej" pokazywał się w całości 

[krzysiek_web]

Można coś takiego zrobić. 

Wystarczy do głównego opisu dodać ograniczenie truncate:250 i tym samym ukryć pełny opis. Dograć przycisk i skrypt który będzie ukrywał/pokazywał daną sekcję.