With regards to my attempt at adding the loading="lazy" attribute to the Joomla Article Particle (contentarray.twig.html and contentarray.yaml) I got as far as this:
{% if display.image.enabled and article.images.image_intro or article.images.image_fulltext %}
{% if article.images.image_intro and display.image.enabled == 'intro' or display.image.enabled == 'show' %}
<div class="g-array-item-image">
<a href="{{ article.route }}">
<img src="{{ url(article.images.image_intro) }}" {{ article.images.image_intro|imagesize|raw }} {% if particle.image_loading !== false %} loading="lazy" {% endif %} alt="{{ article.images.image_intro_alt }}" />
</a>
</div>
{% elseif article.images.image_fulltext and display.image.enabled == 'full' %}
<div class="g-array-item-image">
<a href="{{ article.route }}
<img src="{{ url(article.images.image_fulltext) }}" {{ article.images.image_fulltext|imagesize|raw }} {% if particle.image_loading !== false %} loading="lazy" {% endif %} alt="{{ article.images.image_fulltext_alt }}" />
</a>
</div>
{% endif %}
{% endif %}And, in fact, the previous attempt did whitescreen (PHP error) the site, as does this attempt...I feel this attempt is closer though.
Can anyone help?
So, it is my instinct that SP Page Builder may impact on the structure of Gantry layouts through writing to DOM in frontend perhaps.
preg_match(): Passing null to parameter #2 ($subject) of type string is deprecated.
The save is not completed.
This is not happening in PHP 8.0.
https://github.com/gantry/gantry5/issues/new/choose
This youtube video Understanding Basic Article Setup With Gantry 5 and Joomla may help explain the relationship between Gantry and Joomla Articles. It is a few years old and shows the process in Joomla 3.7 but the process is the same for J4
Hello @everyone!
As a web developer with 6 years of full stack experience, I would like to set up a new job opportunity for myself, who has led several projects to success and received good reviews from many clients.
This is my website: https://dennis-stephens.vercel.app
You can check my experiences, projects with my name in team section, several certifications and Linkedin recommendations here.
It can be said that the strengths that I can see are the simultaneous guarantee of project speed and quality, accurate time management, and sincerity.
If you are currently in need of a new developer for your team, want to bring up a new startup, or need a freelancer, please check my website and feel free to send me a message.
@Wicko-Design I completely agree and that's how I build all my sites. Only use one or two frontend extensions.
I would highly recommend Joomlead, they have a full range of over 100 Particles and they all use UIKIT3 but sites still reach 100% performance.
joomlead: https://joomlead.com/gantry-5-particles/
here is a demo store site I made with JL Particles on Joomla 4 on PHP 8.1.13: https://storedemo.whodesigns.co.uk/
(function () {
const createImage = (url) => {
const div = document.createElement("div");
div.classList = "img-thumbnail";
div.style.width = "250px";
const image = document.createElement("img");
image.src = url;
div.appendChild(image);
return div;
};
const serchInput = () => {
const inputs = document.querySelectorAll("input");
inputs.forEach((el) => {
if (
(el.getAttribute("name") &&
el.getAttribute("name").indexOf("glrimg") != -1) ||
(el.getAttribute("name") &&
el.getAttribute("name").indexOf("hover_image") != -1)
) {
if (el.value != "") {
el.parentNode.appendChild(
createImage("/images/" + el.value.substring(15))
);
} else {
el.parentNode.appendChild(
createImage("https://via.placeholder.com/250x250?text=hover image")
);
}
}
});
};
document.addEventListener("click", (event) => {
if (
event.target.classList == "config-cog" ||
event.target.parentNode.classList.value ==
"collection-editall button button-simple"
) {
//waiting to be displayed modal
setTimeout(() => {
serchInput();
}, 3000);
}
});
})();
Is there a way to show/hide particle's fields based on value of another field ?
Is like the "showon" in joomla form fields (https://docs.joomla.org/Form_field#Showon)