Helix Template Home Article Display
Niko
Hello,
we use the article function of Joomla for news. How can we display the articles on the start page in a nice view. Is there a module for this? Do you have examples of what is possible?
Thank you very much for your help.
Asfakur Rahman Saikat
Accepted AnswerHi Niko,
Thank you for your message. To display articles on the homepage, you can use the Articles Addon from SP Page Builder.
I believe this addon will meet your expectations. You can find more details in this documentation: https://www.joomshaper.com/documentation/sp-page-builder/articles
Additionally, you may use the Articles Module from Joomla core, but achieving the desired layout and positioning can be more challenging with this approach.
Let me know if you need any further assistance!
Best regards
Niko
Accepted AnswerHello,
Thank you very much for the quick reply. Is it also possible to set it so that the articles are displayed individually in large size and can then be clicked through with an arrow or the article changes every few seconds.
Thank you very much
Asfakur Rahman Saikat
Accepted AnswerYou can use the Articles Scroller Addon in SP Page Builder for this purpose. Please refer to the documentation: https://www.joomshaper.com/documentation/sp-page-builder/articles-scroller
Thank you!
Niko
Accepted AnswerIt looks good when you switch from ticker to carousel.
I have one more question. If you add images, can you set somewhere that they are automatically scaled or cropped? So that you are more flexible with the image format?
Asfakur Rahman Saikat
Accepted AnswerPlease refer to this documentation for the Image Addon: https://www.joomshaper.com/documentation/sp-page-builder/image
The scale setting is available in the Style tab, but the crop option might not be included.
Thanks!
Niko
Accepted AnswerI actually meant the pictures that you enter with the articles.
Introductory image Complete article image
Asfakur Rahman Saikat
Accepted AnswerFor this purpose, you'll need to write custom CSS, as shown in the following example: https://prnt.sc/HgD7cfy_n4Dq