Javascript - Detect Mobile width, Add lazy loading attr to a set of images
//Lazy Load Sidebar images on mobile
if(window.innerWidth <650){
console.log("mobile!");
const collection = document.querySelectorAll("#FeaturedProductsCombined img");
for (let i = 0; i < collection.length; i++) {
collection[i].setAttribute("loading", "lazy");
}
}
More From This Section
e.g intro to pagebanner
Disable right-click on the site which should disable the context menu on click on android.
E.g. featured products combined
Replace Name with First Name and Last Name fields, but keep name field for submission. Merge First/Last to Name on change
FAQ Topics
Building your site
Advanced Page Types
E-Commerce
- Shopping Basics
- Category Management
- Products
- Product Options
- Layout and Formatting
- Payment Options
- Processing Orders
- Advanced Ecommerce
- Product Pricing, Currencies
- Plugins
- Wholesale
- Rental, Booking and Appointment Systems
- Freight - Couriers
- Stock & Quantities
- Vouchers, Discounts, Loyalty Points
- Selling Photos / Prints
- Shopping Cart Add-on Page types
- Advanced APIs / Add ons
- Point of Sale (POS)
- Reports
- Orders / Invoices
Email & Membership
- Member Management
- Members Pages / Template Customisations
- From Addresses and Reply To Email Notifications
- Global Enquiry form options
- Standard Field Names
- Webmail
- Bulk Email
- CRM Features
- Email Campaigns
- Forums & Blogs
- Pop3/Imap Email Services
- Scams and Hoaxes
- Lead Magnets / Growing Your Customer Database
- Form Spam Filtering
