Portfolio Accordion

Estimated reading: 1 minute 25 views

Portfolio Accordion displays portfolio images as expandable panels. One panel can expand while others stay compact — useful for dramatic feature sections.

How to Create a Portfolio Accordion

To create a Portfolio Accordion:

  1. Add the Portfolio Accordion block.
  2. Choose which portfolio items appear in Query.
  3. Open Image Accordion settings for number of images, style, breakpoint, and click behavior.
  4. Style the accordion under the Style tab.
  5. Publish and test interaction on the frontend.

guten-portfolio-accordion

  • Number of Images: How many accordion panels to show.
  • Accordion Style: Horizontal or Vertical.
  • Accordion Breakpoint: None, Mobile, or Tablet behavior for smaller screens.
  • Image Extent Click: Redirect to the single portfolio page, or open in a popup.
  • Content / Query: Select which portfolio posts feed the accordion.
  • Typography / Spacing / Colors: Style accordion presentation where controls are available.
  • Responsive Settings: Device visibility and supported style overrides.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

Portfolio Accordion

Or copy link

CONTENTS