Code Monkey home page Code Monkey logo

Comments (8)

gavinballard avatar gavinballard commented on June 30, 2024 1

This is why it needs more documentation :).

The productImageSize filter relies on Shopify's Shopify.Image.getSizedImageUrl method being available, although I believe that should be available on any page with option_selectors.js included. But anyway, first step would be to double check that method's available by entering that in your console.

Another thing that might be causing a problem here is that reading the upgrade notes for Rivets.js from 0.6.0 (the bundled version prior to v0.3.0 of Cart.js) to 0.8.0, they note that arguments to formatters should now be wrapped in quotes if they're meant to be strings, as in the case of the small argument here. So I'd try changing your example to:

<img rv-src="item.image | productImageSize 'small'">

and seeing if that helps.

from cartjs.

bakura10 avatar bakura10 commented on June 30, 2024

Hi :),

I've tried to use the productImageSize filter, but it always return me the biggest image:

<img rv-src="item.image | productImageSize small">

What am I doing wrong?

from cartjs.

bakura10 avatar bakura10 commented on June 30, 2024

Bingo ! Adding the quotes worked! Thanks a lot !

Envoyé de mon iPhone

Le 28 juin 2015 à 12:11, Gavin Ballard [email protected] a écrit :

This is why it needs more documentation :).

The productImageSize filter relies on Shopify's Shopify.Image.getSizedImageUrl method being available, although I believe that should be available on any page with option_selectors.js included. But anyway, first step would be to double check that method's available by entering that in your console.

Another thing that might be causing a problem here is that reading the upgrade notes for Rivets.js from 0.6.0 (the bundled version prior to v0.3.0 of Cart.js) to 0.8.0, they note that arguments to formatters should now be wrapped in quotes if they're meant to be strings, as in the case of the small argument here. So I'd try changing your example to:

and seeing if that helps.


Reply to this email directly or view it on GitHub.

from cartjs.

michaelrshannon avatar michaelrshannon commented on June 30, 2024

@gavinballard Would you like me to factor this issue into work on #55?

from cartjs.

gavinballard avatar gavinballard commented on June 30, 2024

@michaelrshannon That would be awesome, thank you!

I'd also like to bring product images into the advanced cart example on the Cart.js homepage.

from cartjs.

michaelrshannon avatar michaelrshannon commented on June 30, 2024

Np - I can do that at the same time.

from cartjs.

dungle-scrubs avatar dungle-scrubs commented on June 30, 2024

I love the plugin but I'm stuck on getting images to appear, tried the method above. Is new documentation still going to happen? Particularly around Rivets.

from cartjs.

gavinballard avatar gavinballard commented on June 30, 2024

@michaelrshannon? ;)

from cartjs.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.