Opcja "czytaj więcej" w dlugim opisie produktu na stronie produktu

[ateg]

Cześć wszystkim,

 

Moje opisy na stronie produktu (w tabie) są dość długie - chciałbym je ograniczyć do powiedzmy 300 znaków + link typu "czytaj więcej", i wtedy dopiero rozwijać się będzie pełny opis.

 

Czy zmiany powinienem dokonać w tym miejscu?

<!-- full description -->
		<div id="idTab1" class="rte">{$product->description}</div>
	{/if}
	{if isset($features) && $features}
		

http://zapodaj.net/62189ee87920c.png.html - tu pokazane jak to obecnie wyglada..

pozdrawiam

Edited July 15, 2014 by ateg (see edit history)

[Yabber]

Znalazłem mały expander do jquery.

Usuń tamten skrypt, a wstaw ten:

<script type="text/javascript"
    src="http://plugins.learningjquery.com/expander/jquery.expander.js">
</script>
<script type="text/javascript">
{literal}
        $(function () {
            $('.opis').expander({
                slicePoint: 300,
                expandText: '<b>Czytaj więcej</b>',
                userCollapseText: '<b>Ukryj</b>'
            });
        });
    </script>
{/literal}
</script>

[Yabber]

Bez javascript się nie obędzie.

 

Na początku pliku product.tpl wrzuć ten kod:

<script>
{literal}
$(function(){
    $('.opis').each(function(event){
         var max_length = 300;
         if($(this).html().length > max_length){
 
            var short_content     = $(this).html().substr(0,max_length);
            var long_content    = $(this).html().substr(max_length);
 
            $(this).html(short_content+
                         '<a href="#" class="read_more"><br/>Czytaj więcej</a>'+
                         '<span class="more_text" style="display:none;">'+long_content+'</span>');
            $(this).find('a.read_more').click(function(event){
 
                event.preventDefault();
                $(this).hide();
                $(this).parents('.opis').find('.more_text').show();
             });
         }
    });
});
{/literal}
</script>

I popraw:

<!-- full description -->
        <div id="idTab1" class="rte"><div class="opis">{$product->description}</div></div>
    {/if}
    {if isset($features) && $features}

[ateg]

O to mi właśnie chodziło, dzięki wielkie Yabber! Jeszcze jedno pytanie:

Jak dorzucić przycisk "zwiń" ?

Edited July 15, 2014 by ateg (see edit history)

[ateg]

Dzięki wielkie Yabber, działa super

[[email protected]]

Hej, Chciałabym wstawić ten powyższy kod w pole htmlcontent - na stronie głównej, pod produktami są w szablonie domyślnym pola na wstawienie grafik lub tekstu. Wstawiłam tekst i jest wizualnie za długi. Chcę użyć opcji "czytaj dalej", ale nie wiem gdzie włożyć powyższy scrypt.