Comments (1)
You could try to fetch the image in Kirby and save it to a custom content folder. On these images you can then run call the blurry placeholder methods.
Every image supported by this plugin has to originate from Kirby because of the thumbnail logic provided.
Closing this, as it is out of scope for this plugin. Good luck finding a solution!
Edit: You can try to use blurhash or thumbhash placeholders. Maybe these are supported by Shopify.
Use them with my unlazy library.
from kirby-blurry-placeholder.
Related Issues (20)
- [Question] Best Slider to use with this plugin (and thus loodeer) HOT 2
- Crop & resize on `placeholderUri()` HOT 6
- Handling static assets HOT 3
- Division by zero Error (image inside Structure Field) HOT 5
- Use `<noscript>` tag with default `<img>` element for browsers with disabled JS HOT 1
- Placeholders for GIFs render all frames, which results in larger data (since inlined)
- Add transition when lazily loaded image unveils HOT 3
- Slow loading blurry placeholder image and big file size on live server HOT 6
- Blurry placeholder with WebP and `<picture>` tag HOT 4
- Make placeholders smoother HOT 9
- Add asset methods
- Get placeholder data via API/KQL HOT 1
- Update auto sizes on resize HOT 3
- Placeholder image as poster for video? HOT 1
- Artifacts when using transparent images HOT 7
- High-res image wont show up HOT 7
- Srcset conflict HOT 12
- Publish useLazyload as npm package HOT 3
- WebP & AVIF support via `srcset` HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from kirby-blurry-placeholder.