-
Posts
-
Hi,
I have a couple of issues with the ajax portfolio preview. I am using this as my full portfolio, so it is somewhat important that I figure out a fix.1. When using the next and previous buttons to cycle through portfolio items, the portfolio-details-inner container jumps in height before settling to the image dimensions. All images are the same height for all portfolio entries. In safari it adds height, in chrome it reduces height, but in both there is a very noticeable shift. How can I disable this jump?
2. I have three sets of portfolio groups, and they all have a similar issue. When I click through starting at the first portfolio entry, everything works relatively smoothly. jAs I continue to click and cycle back through to the first entry, the portfolio entries seem to switch from “slideshow” to “list” – although the arrows from the slideshow still remain. Some portfolio entries show no images at all during this.
I am using a child theme and Enfold version 3.3.2. I have tried reverting back to the raw enfold theme, but the problem persists.
Thank you for any help.
Hi mmcgrat1!
1.) Right now height of your ajax portfolio is defined to “auto”, but you can define a fix height value if you want to avoid jumps:
.portfolio-details-inner { height: 1000px !important; }Adjust as needed.
2.) Try to deactivate all plugins to make sure none is causing any conflict. Are you using any caching plugin? if yes switch off caching at first, before deactivating plugins.
Cheers!
AndyThank you Andy.
The fix for screen jumping works for the desktop version, but I had to override it for mobile otherwise all the info will get cut off.The second fix did not work, I deactivated all plugins and reverted to the raw enfold theme, but the same problem persists. I do not have any caching plugins.
please let me know if you have any other suggestions. Perhaps there is a way to shut off the looping so that the forward arrow stops working after the last slide? The problem occurs on the second viewing of each portfolio item.
Thank you.
Hi!
I cannot reproduce the issue with the slideshow turning into a list but I noticed that if you go back to previous items, a few of the slideshow is gone. Please try this in the Quick CSS field:
.portfolio-preview-image .avia-slideshow-inner { min-height: 450px !important; }Could you please provide a screenshot of the “image list” issue?
Cheers!
IsmaelIf you are viewing on a desktop, you won’t notice the list mode because I put a max-height on the portfolio-details-inner div, so it is not noticeable, but the slideshow arrows are missing. You can see the “image list” if you size the browser does to mobile view.
You can disregard my last comment. I remember that I disabled the lightbox on this page using peter’s technique at the bottom of this thread. I accidentally made the change to the parent enfold theme, not the child, so that is why it was consistently not working between themes.
https://kriesi.at/support/topic/disable-lightbox-on-ajax-portfolio-featured-image-only/
You need to replace following code in avia.js:
$.avia_utilities.avia_ajax_call = function(container)
{
with$.avia_utilities.avia_ajax_call = function(container)
{jQuery(‘.portfolio_preview_container .portfolio-preview-image’).find(‘img’).unwrap();
Best regards,Peter
I removed this and my original issue no longer exists. However, I do want the lightbox and image link to be disabled. Is there another way that won’t break the ajax preview?
- You must be logged in to reply to this topic.