Comments (7)
@chrispreisler It should already have this option - https://github.com/thetre97/gridsome-source-shopify#transformsrc
from gridsome-source-shopify.
As I understand it, I can only get a transformed image with this options, but I would like to get the values of maxWidth and maxHeight like this. This gives me an error right now:
Cannot query field "maxWidth" on type "ShopifyImage"
images(limit: 10) {
id
originalSrc
altText
maxWidth
maxHeight
}
from gridsome-source-shopify.
I don't believe they are actually fields, they are arguments for the transformSrc
field.
So you specify the maxWidth
& maxHeight
as needed.
from gridsome-source-shopify.
As I read it right, in this link they are actual fields like originalSrc and altText. Or am I wrong?
https://shopify.dev/docs/storefront-api/reference/object/image
from gridsome-source-shopify.
If you look at the way they have written the docs, the arguments are typed as code blocks (crop
etc):
from gridsome-source-shopify.
Aah okay I see, so then there is now way to calculate the ratio based on the data I get from the shopify storefront...
But thank you very much for your help.
from gridsome-source-shopify.
No - but you can specify multiple image sizes using that transformSrc
field, as the example I give.
from gridsome-source-shopify.
Related Issues (17)
- Query Pages/Articles HOT 1
- Query metafields in product query HOT 5
- ProductVariants as a first class content type HOT 3
- Query more than 250 products pro collection HOT 3
- Add sortKey to sort products in collection query HOT 22
- Last version of Shopify Storefront API HOT 4
- Timeout Error getting Products HOT 3
- Getting an issue when attempting to run gridsome build HOT 11
- Trying to get comments in allShopifyArticle HOT 2
- Cannot get SEO in shopifyProduct HOT 1
- Getting storefrontToken is not defined
- Cannot get metafileds in ShopifyProduct
- Pass Accept-Language header to query HOT 18
- Allocation failure scavenge might not succeed HOT 1
- Shopify Cart Checkout : Out of stock Some items are no longer available. Your cart has been updated. HOT 1
- Possible client update? HOT 5
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 gridsome-source-shopify.