HowTo/Tutorial Für Dynamic Content - Question | JoomShaper

HowTo/Tutorial Für Dynamic Content

TH

Thomas Harsch

SP Page Builder 1 day ago

Hi,

I would love to know, if there is a good Tutorial für the Dynamic Content function of Joomshaper. I want to inventory, categorize and present my collection of classic computer and accessory on the web and I think, the Dynamic Content function is the best option for that.

I have figured out building the content "database" in the backend, link between multiple collections etc.

What I did not get, yet, is to build the "front end pages" for it, I want a kind of "summary" with multiple rows that present one or two fileds from the Content that link on a "detailed page" where the device is presented "in full".

Alls tries led me to a one row index, which looks awful :-(

Best wishes

0
1 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 day ago #223830

Hello,

Thanks for reaching out.

For your use case (displaying a collection as a proper grid/list with a separate detail view), this is handled through SP Page Builder’s Dynamic Content system using Collection Index for the listing layout and Collection Details for the single item page.

The issue you’re facing (getting a single-column layout) usually happens when the Collection Index layout hasn’t been configured with a grid/column structure or when the addon layout is left at default.

Please refer to the official documentation below for the correct setup:

https://www.joomshaper.com/documentation/sp-page-builder/collection-index https://www.joomshaper.com/documentation/sp-page-builder/collection-details

Articles:

  1. https://www.joomshaper.com/blog/create-a-dynamic-blog-in-joomla
  2. https://www.joomshaper.com/blog/sp-page-builder-v5-5-0
  3. https://www.joomshaper.com/blog/create-a-dynamic-portfolio-website-in-joomla

Go through both guides carefully.

If after following the documentation you are still getting a single-column output, please share a screenshot of your layout settings so we can guide you further.

Thank you.

0