spree-contrib / spree_product_zoom Goto Github PK
View Code? Open in Web Editor NEWLightbox zoom functionality to show original product image
Home Page: http://guides.spreecommerce.org
License: BSD 3-Clause "New" or "Revised" License
Lightbox zoom functionality to show original product image
Home Page: http://guides.spreecommerce.org
License: BSD 3-Clause "New" or "Revised" License
Thanks for Product Configuration update!
However, currently getting the following error:
perhaps by relaxing the dep?
Bundler could not find compatible versions for gem "spree_core":
In Gemfile:
spree_product_zoom (>= 0) ruby depends on
spree_core (~> 2.3.0.beta) ruby
spree (>= 0) ruby depends on
spree_core (2.4.0.beta)
Hello,
I'm using Spree 2.1 with spree_product_zoom (2-1-stable). After deployment to production I've figured out that arrow images are not shown on zoom. In my dev env everything looks correctly.
Moreover I'm unable to scroll images (by click nothing happens). Can you please take a look?
Does this gem works with Spree 3.1?
I getting error "The requested content cannot be loaded. Please try again later."
When I just upload 1 picture in products.
Many images works fine.
For example i getting the error on page http://vk-magazin.com/products/n-19-poudre.
What's wrong?
I installed your gem but it doesn't work at all. I think it may be conflicted with other UI gems, I used spree_front_end and spree_fancy.
I'm not very familiar with spree's versioning conventions so I am not providing a pull request, but users who are currently on spree 2-1-stable
are forced to use the master
branch of spree_product_zoom and those who are trying to use the spree master
branch can't use spree_product_zoom at all because as far as I can tell s.add_dependency 'spree_core', '~> 2.1.0.beta'
will not advance minor versions to 2.2.x...
I'm getting the following exception when I go to a product page for a product that has more than one variant:
NoMethodError in Spree/products#show
undefined method `available?' for #<Spree::Variant:0x0000000796b098>
The relevant part of stack trace:
spree_product_zoom/app/views/spree/products/_thumbnails.html.erb:10:in `block in _ab93dc2ef55505bd9d02bac0880917a9'
spree_product_zoom/app/views/spree/products/_thumbnails.html.erb:9:in `_ab93dc2ef55505bd9d02bac0880917a9'
spree/frontend/app/views/spree/products/show.html.erb:12:in `_7160dc24317fb65c3f3f31c9ef2329fc'
Looks like Spree::Variant.available?
has been removed from Spree 3 months ago by this commit: spree/spree@14f911e and this code no longer works:
@variants.each do |v|
if v.available?
v.images.each do |i| %>
My configuration:
ruby 2.0.0-p195
rails 3.2.13
spree 2-0-stable
spree_product_zoom 2-0-stable
Hello,
Currently I'm developing a new store using Spree 2.1 and spree_product_zoom (2-1-stable).
I've figured out one important improvement, which could really help me:
Whenever I'm on the product page and click on several product images, they are showed in bigger size. If I click on the image, a view with zoomed image is showed. However, uses sees first image in the gallery instead of the clicked one.
From users point of view, it would be more logical to show clicked image instead of first one in gallery on zoom.
Could you please take a look at this?
I am using spree 1.1.3 I have successfully installed spree_product_zoom with the installation steps but i am not getting any zoom button on images. Is there any line of code to be inserted to obtain the zoom button or the spree_product_zoom gem is not compatible with my spree version?
Not working on my site, not working on "clear" spree installation.
I think it's becouse of the 'jquery-rails' 2.2.0 (2.1.4 earlier) that using jquery 1.9.0 (1.8.3 earlier), but i'm very poor in js, so ask you look into it.
After installing spree_product_zoom a number of my css styles were over-written. When examining one of them I noticed the style was in screen.css.
So is there a way to change the default way you are loading this in? Evidently it is after my styles are loaded.
Thanks,
Jet
pulled from the 2-0 stable branch of spree and spree_product_zoom
instead of displaying the lightbox when selecting the zoom or product image, the original image path is opened in the current window (displaying the image and nothing else).
Hello there,
I have a product that has 3 variants, all with their respective images.
The extension just zoom the images that I have defined as for All variants, but those images that are for a specific variant are not zoomed or displayed in any way.
Just an example product: http://goo.gl/ijhXW
This has Green, Red and Silver variants and at least 18 images, but just the first two are zoomed as those are specified for All variants.
Something different happend with this product: http://goo.gl/khvZ6
This product has no variants, so, all the images is in the master variant (All variants). All the images are displayed. The only issue is that the first image is displayed twice.
Thank you.
If I click on one of the alternate product images, either using zoom button or
clicking on image currently displayed, the 'main' image is zoomed, not the current image.
Below is example of main image displayed being a detail, while the anchor is for the main image:
<div data-hook="" id="main-image">
<a rel="gallery" class="fancybox zoom-image large-image" href="/spree/products/1981/original/LHBP2ZT_travelmate-backpack-main.jpg?1350929553"><img src="/spree/products/1982/product/LHBP2ZT_travelmate-backpack-det1.jpg?1350929593" itemprop="image" alt="TravelMate Backpack"></a>
<br>
<a rel="gallery" class="fancybox zoom-image click-to-zoom" href="/spree/products/1981/original/LHBP2ZT_travelmate-backpack-main.jpg?1350929553"><img src="/assets/zoom.gif" class="click-to-zoom" alt="Zoom"></a>
Also, the default behavior I experienced with fancybox is:
I have patched fancybox.js v2.0.6 in your commit c93dbcc
(since your latest commit still appears to be broken).
If you wish, I can submit a pull request from the fork of the above commit to enable horizontal scrolling and fix for forward and back scroll buttons not working in your 1-1-stable branch (I set gemspec to spree v1.1.2)
Thanks!
Jet
In your README.md you state the way to change default style is:
To change:
Spree::ProductZoom::Config.default_image_style = :image_style
The above generated an error for me.
Perhaps a more explicit comment would be:
To change default style from :original create a file config/initializers/spree_product_zoom.rb
with the following line:
Spree::ProductZoom::Config[:default_image_style] = :your-style
Thanks!
Jet
I created a git branch to test spree_product_zoom.
However, now in my main branch I am getting a duplicate image of the :product image,
to reiterate there are 2 copies, one above the other, of the product image :)
Have deleted cache, only thing I can think of is that sass files are in .gitignore.
This is a problem.
Help!
Jet
My :original is a psd. So, clicking on an image correctly brings up a dialogue box to save.
However, in the view file _image.html.erb I changed:
<%= link_to image_tag(image.attachment.url(:product), :itemprop => "image"), image.attachment.url(:original), :class => 'fancybox zoom-image' %>
To:
<%= link_to image_tag(image.attachment.url(:product), :itemprop => "image"), image.attachment.url(:large), :class => 'fancybox zoom-image' %>
...along with all occurences of :original to :large
For some reason this is not propagating and path is still:
Instead of:
Is the above not correct format for changing url of image?
Thanks! Jet
I just updated my gemfile to use the latest version of spree_product_zoom
I get the following error
spree_product_zoom-665ba34304f8/app/views/spree/products/_thumbnails.html.erb where line # raised:
stack level too deep
Would it be possible to create a stable1-2 branch that we user of spree 1.2 could use?
Since fancyBox is released under creative-commons non-commercial license (http://www.fancyapps.com/fancybox/#license), I would add a disclaimer for that your gem just can be used for commercial products if fancyBox has been licensed. Spree is normally used in a commercial way.
Got this to work in spree 2.4 but only after I moved the CSS into a separate file in stylesheets/spree/frontend/xtra_fancybox.css.
Also got the arrows (sprites), and other images to work.
I took the image files from your github repo and placed them in the public folder, in order to get everything working in production as well.
In the CSS files I replaced every instance of
background url(<%= 'store/various_photos_here.png' %>)
with
background url('/various_photos_here.png')
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.