March 25, 2019 at 8:31 pm #1082841
Hello Enfold team,
I would like to see the main image on my my portfolio item page like this one:
to be zoomable while having a nice shadow around it and look nice. Can you please recommend what I can do, or what plugin to use. I have tried a few but it’s not been satisfactory.
From Zoomable I mean something like this:
https://www.erinhanson.com/p/Dawning_PineMarch 26, 2019 at 3:57 pm #1083145
You might find the plugin here
VictoriaMarch 27, 2019 at 7:10 am #1083460
I tried the WP Image Zoom by Silky press, the free version.
I applied the css class zoooom in the advanced layout builder “custom css class” for my main image.
Even if I embedded the image to a not full size, say a medium size, though I see a magnifying glass, the zoom did not work.
Can you please confirm if this plugin works with enfold on an image on the portfolio page?
SrishtiMarch 28, 2019 at 8:42 pm #1084249
It might work with the portfolio items built with the Classic editor, not sure it will work with the Advanced Layout Builder.
VictoriaApril 4, 2019 at 4:46 am #1086733
I have tried and yes, it works on the pages without the advanced layout builder. But I really really need an image zoom on my portfolio pages built with the advanced builder.
Also I noticed that when I resize the page to a smaller screen size, then the zoom starts working! Al=nd it also works on my cell phone! But not on a regular screen. so there has to be something you can tell me as to how to get it working on my portfolio pages on a regular screen.
Also, on my test page with default builder the zoom level is greater than on the advanced builder page. I wonder why?
Please please help!!!! Login details for my site below…
SrishtiApril 10, 2019 at 6:27 am #1088971
I can see the zoom on both pages, but not on the top image. It is because u are using different element in this section so the zoom is not supported.
There is no way to use a different element there to make it work for this undortunately as we do not support this functionality on a simple image
BasilisApril 11, 2019 at 5:15 am #1089383
Thanks a lot for the reply!
The thing is that it works on the top single image when I make my browser size small, as I mentioned earlier.
Why does it not work when the browser is full screen. Also the one on the test page is a single image as well. but it’s just made with the default builder.
So for some reason it works on the page made with the advances builder only when I shrink the page down…. I would like it to work normally just like on the test page.
SrishtiApril 12, 2019 at 5:20 pm #1090099
I really would love to have this functionality of a nice zoom image on my portfolio pages (I actually do not want it on my shopping cart, which are the bottom images)
Please advice what I need to do to get it for the large image on the portfolio page.April 14, 2019 at 4:01 pm #1090642
Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
BasilisApril 14, 2019 at 6:28 pm #1090681
What else is possible, is there another plugin that would work with the advanced layout builder or another kind of image element?
Also on my image I decided to put the slightly zoom feather for now:
And whether I apply the slightly zoom or slightly increase the size, it ALWAYS just increases the size.
How can I male it so it just slightly zooms?
ThanksApril 14, 2019 at 11:31 pm #1090771
So I was able to solve the issue.
Instead of using an image element, I used the following html
I uploaded the files in large sizes for the zoom to work and then the has width and ht in the size I wanted them on my page.
I am very thrilled to have it working, thanks for all your efforts!
I have two things that I would like a little help with, please:
1: the edges are not rounded (radius) on my images that I put with the tag.
When I had them with the image element they were nicely rounded. I have tried adding the class avia-image-container-inner to the image, but no luck. What am I missing? Please help.
2. The zoom image that I have that comes up on top of my image, starts a bit higher and end a bit higher than the original image due to the drop shadow I have around my image. Is there an easy css fix for that so that my zoom image fits right on top of my original image?
Here is a page that shows the above two problems:
thanks a lot!!!
srishtiApril 18, 2019 at 6:18 pm #1092476
The image is not loading – could you please check it out?
BasilisMay 23, 2019 at 2:13 am #1103494
Hi Basilis, I was able to get this working with the help of the plugin designer.
I have one other question…
Is it possible to have the different sections on the hope page float up as I zoom down on the page? You can see the example on the home page of the site in the private tab… As you scroll down, the sections kind of float up. Do you know what that feature is called and if the enfold theme has that?
SrishtiMay 30, 2019 at 5:32 am #1105334
That is a fixed background. Add a color section element, set the minimum height to 100% and add a section background. Set the “Background Attachment” settings to either parallax or fixed.
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
IsmaelJune 21, 2019 at 11:06 pm #1112451
Sorry, for asking you in this thread, but I am not able to start a new question.
I was not able to create the effect I want with parallax, I don’t want the background to be floating (that the parallax does) but the image and text blocks to be floating like in the example website above)
Is it possible to do it? If not what is it called? I have been trying to google it but parallax seems when the text scrolls at the speed of the mouse while the background image scrolls at a different speed of is fixed.
What I want is that the foreground seems to bubble up faster as you scroll down. as it does on the home page of the following website.June 24, 2019 at 3:15 am #1112802
Thanks for the update.
Are you referring to the animating text while scrolling down the page? That is a css animation. You can place an element inside a column, edit the column element, go to the Animations tab and select your preferred animation.
IsmaelJune 24, 2019 at 5:26 am #1112829
yes!!! that is very close to what I want it to do! thank you!!!
The animation doesn’t happen every time I scroll up on the page, only the first time, to see the animation again on the page by scrolling up, I have to refresh the page. But that is better than not. Is there a way for the animation to happen every time I scroll up and come upon each section?June 25, 2019 at 2:37 am #1113068
Thank you for the update.
That is possible but it’s not available in the theme by default. The animation will not restart once it’s done. You may need to hire a freelance developer or contact our partner, Codeable if you really need that feature.
IsmaelJune 25, 2019 at 7:36 pm #1113362
thanks a lot Ismael. I am good for now! thanks a lot for all your help!!!
You may close this thread :DJune 26, 2019 at 6:44 pm #1113686
The topic ‘portfolio item image zoom’ is closed to new replies.