Hello, can somebody help me adding ¨click and reveal¨ description (Popis produktu) under all of my product pages, only on mobile device ? What i mean is, right now the description under every product on phone is too long, i want it to be is some clickable row, so when customer clicks on it, it reveal all the description. I am adding photo down below. Thank you very much
Topic summary
Goal: Add a mobile-only collapsible (“click and reveal”) product description to shorten long text on product pages. A site link and a screenshot illustrate the current layout.
Proposed approach: Use a Read more / Read less toggle that initially shows a shortened description, expands on click, and toggles back on second click.
Constraint noted: The store currently uses a “custom liquid section” (a reusable content block). Implementing the toggle inside it would make the buttons appear in all such liquid sections, causing unintended duplication.
Recommended solution: Create a dedicated “full-width description” section and implement the toggle there to scope the behavior to the product description only.
Mobile-only detail: The reply did not specify handling for mobile-only display (e.g., CSS/JS breakpoints), so that remains to be defined.
Status: No code or step-by-step provided; no confirmation of implementation. Discussion remains open. Attachments (screenshot) are relevant to understanding the desired UI.
Hello @radaApeta
You can do it like read more and read less buttons.
when the window is loaded it shows as read more. when user clicks it, the whole description shows up and button label change to read less.
when user clicks on read less, it sets as the short description like it shows before.
But you’ve used the custom liquid section, so above solution not worked well with it. because if you show those buttons in the custom liquid section, it appears on all custom liquid sections.
So you need to create a new section for “full width description”. in this section, you can make this thing working.