Jump to content
  • 0

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


ateg

Question

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 by ateg (see edit history)
Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

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>
Link to comment
Share on other sites

  • 0

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}
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...