Recent
Categories
View Replies (2)

J51 news module - Real lazy loading

  1. Issue
0
Votes
Undo
  1. gvitry
    gvitry
  3. Free Templates / Extensions
  4. Tuesday, 21 November 2023
  5.  Subscribe via email
Hi Ciaran,

We have used the J51-News module here : https://www.dev-lact.fr/nos-videos-articles/test-blog (only the first 6 articles has been re worked to look fine).
It's working as expected.

1/ I've added an option in the back-end and in the view to show the meta-description. In our case, it offers a better global layout as well as more concise text as our articles have a lot of sub-titles and other "things" before the real text and not always the intro/general text dispatch. May I send you this modified version so you can see how much you may agree to include it in your official package (to follow the future versions) ?

2/ I've used the "animate" class feature to give a "lazy loading" effect to the page. But actually we would need a real easy loading using AJAX to populate the div from the server while scrolling. We have several dozens articles to show in each of these modules and we need either a classical pagination solution either an easy loading one.
Do you have plan to include such in a close future ?

Thanks,

Laurent
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Laurent

1. Thank you. That would be great.

2. One option would be to create an override (if you havent already done so) and set the loading attribute on the loaded image (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#loading).

Replace the following (approx. line 178)...

<img src="/<?php echo htmlspecialchars($images->image_intro); ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>" />


With..

<img src="/<?php echo htmlspecialchars($images->image_intro); ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>" loading="lazy"/>


Ciaran
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 1
gvitry
gvitry
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

1/ Please, find herein the modified plugin. There is a new setup option "Display Meta Description". But it is only used by the "lact" layout. In order to include such a mod in a official release, I guess it should be included in the "default" layout (and no more lact one of course).

2/ Thanks for the tip. It's a higly valuable one (and we should use more). But what we need is a real pagination of the articles themselves. Either the classical way such as here : https://www.dev-lact.fr/nos-videos-articles/nos-videos-blog (under the list). Either though ajax where the next 'n' records are loaded and displayed while scrolling down the list. Such as here : https://www.dev-lact.fr/achat/catalogue : as far as you scroll down, when you reach the bottom of the page, it's loading several more products to increase the total number of products loaded on the page "on the fly".

3/ finally we'd like also the tags feature such as in the standard Joomla blog : https://www.dev-lact.fr/nos-videos-articles/test-blog-joomla (BTW, your Maya Template does not support the class "image-right" and "boxed" wich allow Cassiopea to display such a blog as per : https://issues.joomla.org/tracker/joomla-cms/18319).

Tell me what could be doable or not.

Regards,

Laurent
Attachments (1)
mod_j51news.zip
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!