Jump to content
  • 0
sasase

"read more" / "czytaj wiecej"

Question

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

Share this post


Link to post
Share on other sites

7 answers to this question

Recommended Posts

  • 0

    {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.

Share this post


Link to post
Share on other sites
  • 0

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

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

Share this post


Link to post
Share on other sites
  • 0

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?

Share this post


Link to post
Share on other sites
  • 0

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>

Share this post


Link to post
Share on other sites
  • 0
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ć ??

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More