short description product on product info avev link more info on the same page

[diamond1]

Hello, I would like to make a short description of the products on the page products with a link more info that shows the whole text, I have description too long and the iudeale would be to show part of the desciption (character limits a 100) and clicking on more info the entire text appears on the info products page. I think the code at the bottom seems to do what I want but I can not make it work. a few things like aria-hidden

echo zen_trunc_string (zen_clean_html ($products_description), 100, ' [more]'); 

it's not the mod short description listing that I'm looking for.

[simon1066]

I tend to use the <details> and <summary> tags for this situation, although this is html5 coding.

https://www.w3schools.com/tags/tag_summary.asp

[mc12345678]

Issue I see with using the summary/details tags is that without additional javascript/jquery to hide the summary when the details are shown then both will be on screen, the snippet of the original text and then the complete text.

While I don't have a direct link to show the desired operation I have seen this type of portion text to be expanded display and that javascript/jquery has been involved to recognize the click action of selecting the more info without loading/reloading the page.

[simon1066]

Unless I'm missing something, I seem to have it working without the need for any javascript - to make sure I disabled all javascript and it still works. So you can see, I'll send you a PM with the link, as I'd rather not post it here. The parts of the page that don't validate (which I'll need to work on) are not associated with the details/summary tags.

Edit: scroll down to the sections with a 'plus'.

[mc12345678]

Unless I'm missing something, I seem to have it working without the need for any javascript - to make sure I disabled all javascript and it still works. So you can see, I'll send you a PM with the link, as I'd rather not post it here. The parts of the page that don't validate (which I'll need to work on) are not associated with the details/summary tags.

Edit: scroll down to the sections with a 'plus'.

Correct, the use of summary/details is appropriate on the site provided: let's say the name of a person or object is given in the summary, clicking on that "section" opens the description of that object in more detail.

What has been requested though is something like:
+ This is the best thing since sliced bread to support... more info

If it were to use the summary/details configuration then clicking on it would result in:

- This is the best thing since sliced bread to support... more info

This is the best thing since sliced bread to support the benefit of this product.


See how the "first" text would be reproduced twice? It appears that the concept sought is to bait with some leading content and then allow the full content to be seen. The application demonstrated by the site sent to me is appropriate for how it is used and perhaps the OP would change their desired content to be displayed even though the solution doesn't appear to align with the request.

[diamond1]

I do not know how to summarize, but I have to be able to post part of the text of the description to see here what I would like to do.
https://www.marktplaats.nl/a/auto-s/...-e153-p-m.html

[simon1066]

What has been requested though is something like:
+ This is the best thing since sliced bread to support... more info

If it were to use the summary/details configuration then clicking on it would result in:

- This is the best thing since sliced bread to support... more info

This is the best thing since sliced bread to support the benefit of this product.


See how the "first" text would be reproduced twice? It appears that the concept sought is to bait with some leading content and then allow the full content to be seen. The application demonstrated by the site sent to me is appropriate for how it is used and perhaps the OP would change their desired content to be displayed even though the solution doesn't appear to align with the request.

Ah yes, I misunderstood the question.