Ok, so it should look like the images attached.
What I need:
Same title area on both pages
Add an infinite scroller at the bottom
(blog search is optional)
Hey Ismael,
thanks for your reply, ive tried the do_shortcode, but it doenst do any good :-/
it still just gets printed as shortcodes [av_section (and so on)
to implement the infinite scroll i followed a tutorial on tuts+:
http://code.tutsplus.com/tutorials/how-to-create-infinite-scroll-pagination–wp-24873
When the user scrolls to the bottom of the screen the function wp_infinitepaginate() is executed
and the echo is appended to the main container via jquery.
Why is the convertion to html not working here?
revised function:
function wp_infinitepaginate() {
$myID = 431;
$page = $_POST[‘page_no’];
$post = get_post($myID);
$content = apply_filters(‘avia_builder_precompile’, get_post_meta(431, ‘_aviaLayoutBuilderCleanData’, true));
$content = apply_filters( ‘the_content’, $content );
$content = apply_filters(‘avf_template_builder_content’, $content);
echo do_shortcode($content);
exit;
}
-
This reply was modified 10 years, 4 months ago by
meergut.
Hey guys,
im trying to implement the page break element of the advanced page builder with an infinite scroll functionallity.
So far the ajax call is working fine, im getting the desired contentblocks to load, but only uncomplied, like so:
[av_section min_height=’100′ min_height_px=’900px’ …
Even though im applying the necessary filter..
Inside of the loop (e.g. in template-buildler.php the filter works just fine, when i comment out line 41 in there:
$content = apply_filters(‘the_content’, $content);
i see the shortcodes. when i put it back in the content is displayed properly
However when loading additional content via ajax it only gives me the shortcodes and does not convert it into plain html
Here is my ajax function inside of my child themes functions.php:
function wp_infinitepaginate() {
global $page;
$content = apply_filters(‘avia_builder_precompile’, get_post_meta(431, ‘_aviaLayoutBuilderCleanData’, true));
$content = apply_filters( ‘the_content’, $content );
$content = apply_filters(‘avf_template_builder_content’, $content);
echo $content;
exit;
}
-
This topic was modified 10 years, 4 months ago by
meergut.
I’m customising the scroll down link with the following css:
#top .scroll-down-link {
-webkit-animation: avia_fade_move_down 4s ease-in-out infinite!important;
animation: avia_fade_move_down 4s ease-in-out infinite!important;
color: #008B95 !important;
font-size: 50px !important;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4) !important;
}
Default animation is avia_fade_move_down – is there reference info on the other animation options (I want a sinple fade in/out) – thanks.
Hello,
I’m attempting to recreate the fade down animation that is default with the Avia scroll down arrow, however I am having some difficulties, as I’m not sure if I should be editing Rev Slider settings are applying CSS.
I’ve applied the
webkit-animation: avia_fade_move_down 2s ease-in-out infinite;
animation: avia_fade_move_down 2s ease-in-out infinite;
to the down arrow, however for some reason it fades to the left instead of down on Revslider.
Thanks for the help.
Best,
Hayden
Hey bodhimcgee!
When you say “infinite scroll” are you referring to the sidebar moving down with you as you scroll down the page?
I’ve used this one before, https://wordpress.org/plugins/q2w3-fixed-widget/, but it was a little jerky which I did not like so I ended up setting mine to use a fixed position instead.
Regards,
Elliott
Hey Kent!
Thank you for using Enfold.
Unfortunately, it hasn’t been implemented yet because there are more important features that is being considered at the moment. You can request the feature here: https://kriesi.at/support/enfold-feature-requests/
If you like, you can hire a freelance developer to implement the infinite scroll script manually.
http://jscroll.com/
http://www.infinite-scroll.com/
Regards,
Ismael
Hi, I tried a few different infinite scroll plugins, none work. Do you have any code for this customization or previous forum request responses?
Many thanks,
bodhi
Hi,
I’ve only found a couple of closed threads on this issue, recommending this feature request. Apologies if I missed the development timeline posted somewhere. When OR how much would it cost to develop the infinite scrolling capability, so users don’t have to click “Load More” manually? I’m specifically looking for this feature in the Masonry Grid.
Thanks!
Kent
https://kriesi.at/support/topic/automatic-load-more-for-portfolio-grid/#post-180699
This reply has been marked as private.
Sorry,
Sortlink causes the fault.
Here you go, https://kriesi.at/support/topic/infinite-scroll-settings/
Please Help!
Dude,
I am trying to implement custom infinite scroll functionality to Home page without the plugin.
I have found your very helpful custom advice here, https://kriesi.at/support/?p=16257 unfortunately my page is not a Blog so mention code will not work.
Can you please replace a couple of lines to your mention code for making Home Page Infinite Scroll ready?
I want to apply in Research News, Sidebar and Studying at.. sections.
Thank YOU!
Naser
Hey!
Adding an infinite scroll functionality to the site will require custom modifications that we can’t provide here. You can use a plugin but it will not work out of the box without proper configuration. Please hire a freelance developer or contact codeable: http://kriesi.at/contact/customization
The closest thing to an infinite scroll is the masonry element. Set the Pagination to display the “Load More” button.
Cheers!
Ismael
Hey!
Thank you for using Enfold.
Infinite scroll is not a feature that you can get out of the box. There are lots of premium plugins that you can choose from:
http://61extensions.com/shop/woocommerce-infinite-product-scroll/
http://plugins.sbthemes.com/woocommerce-infinite-scroll/
Please contact the plugin author for more info.
Cheers!
Ismael
Hi!
Plugin you are currently using seems to be deprecated and Jet Pack’s infinite scroll requires some changes on theme files. It is harder to make it compatible with themes like Enfold than it is to make it for free themes. As i understand you would like to display your products with infinite scroll. Please consider plugins such as this one – http://codecanyon.net/item/woocommerce-infinite-scroll-and-ajax-pagination/10192075 or this one – http://codecanyon.net/item/infinite-ajax-scroll-woocommerce/9343295
Please firstly contact plugin authors and ask if they have any experience with Enfold.
Infinite scroll feature can be built into the theme as well. You can hire a freelance developer for such work and i believe it would take only few hours.
Best regards,
Yigit
Hi garamaleki!
Thank you for using our theme.
Try the following plugin:
https://wordpress.org/plugins/infinite-scroll/
Regards,
Günter
Hi!
hm … I cannot find any infinite scroll plugin in your plugin list. Did you remove or change it? which one are you using now?
Best regards,
Andy
This reply has been marked as private.
Hey Luke!
You can try using one of these plugins – http://codecanyon.net/item/infinite-ajax-scroll-woocommerce/9343295 or http://codecanyon.net/item/woocommerce-infinite-scroll-and-ajax-pagination/10192075
But please contact plugin authors and ask if they had any experience with Enfold. We have not tested these plugins therefore we cannot guarantee that they would work 100%
Regards,
Yigit
Can anyone help or suggest how this can be achieved?
Many thanks,
Luke
Hi,
I just bought the Enfold Theme, and I would like to have an infinite scroll on my homepage. I tried few plugins but they seem required to enter the CSS selector, which I really don’t know what are the CSS Selector of Enfold.
Can please anyone help?
Much appreciated. Thanks
Hey!
Aside from the 4th slide, there is a scroll down arrow. I think it’s enough to tell users that there are contents below the slider. You can make it more prominent by changing its style:
#top .scroll-down-link {
height: 60px;
width: 80px;
margin: 0px 0 0 -40px;
line-height: 60px;
position: absolute;
left: 50%;
bottom: 20%;
color: #FFF;
text-align: center;
font-size: 70px;
z-index: 100;
text-decoration: none;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
-webkit-animation: avia_fade_move_down 2s ease-in-out infinite;
-moz-animation: avia_fade_move_down 2s ease-in-out infinite;
animation: avia_fade_move_down 2s ease-in-out infinite;
}
Regards,
Ismael
Hey!
I tried to login to the wp dashboard but the login credentials provided above are not working. What are the features activated when you use the jetpack plugin? Note that not all jetpack features are compatible with premium themes, like infinite scroll, accordion etc. These features tend to create script conflicts between the theme and the plugin.
Regards,
Ismael
Hey!
Thank you for considering Enfold.
1.) It is possible with the masonry element but you have to create a post for each image because masonry gallery doesn’t have the infinite scroll or the load more button.
2.) The column sizes will decrease on smaller screens, for example, if you set the masonry gallery to show as 3 columns, it will display from 3 to 2, to 1. Maximum column size is 6 but you can modify it with the help of custom css modifications.
3.) Please check the demo then hover over the menu items. You’ll see the mega menu in action.
4.) Enfold is our best theme yet.
5.) What do you mean by “one menu icon”?
6.) That is possible but you have to customize the mega menu. You can visit Envato Studio or Werkpress for this kind of modifications.
Please check our demos: http://kriesi.at/themedemo/?theme=enfold-overview
Cheers!
Ismael
Hey simonac!
color, size and shadow:
#top .scroll-down-link {
color: red;
font-size: 150px;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
adjust as needed.
For arrow speed add this as well:
#top .scroll-down-link {
-webkit-animation: avia_fade_move_down 2s ease-in-out infinite;
animation: avia_fade_move_down 2s ease-in-out infinite;
}
and adjust “2s” to “1s” to increase (double) speed.
Best regards,
Andy
I am designing a website with infinite scroll home using anchors in color sections in the same page. All is working fine, but in the moment i want to make another page with access in the main menu on the header and i want to go to other element in the menu that is related to an anchor in home page with infinite scroll, this link is not working. I tried to solve putting a link with the entire url and addind after this /#link. It’s working but the look in the menu is that all this elements that have entire url adding the anchor are in bold font and the other that are other pages are not. I would like to know if there is a possibility to make that all the text in the menu were in the same color and only change in bold again when are selected, in the same way that happens before.
Thank you so much for your time
Best regards
Hi,
I really love the masonry blog because of the load more function. It’s kinda lazy load in a way which makes the site speedier because I’m doing the infinite scrolling on my homepage.
But the thing is, I need the Image Size to be exactly like the blog post grid layout.
Can you advise how to achieve this?
Many thanks,
Hafeez
This won’t help, because is for my blog page with infinite scroll!!
I really need a CSS configuration here, even if I have to create a custom.css rule for several CSS short codes…
But Kriesi could do better: to create a customization button that would make it for us!
While this doesn’t happen, I would be glad to know what CSS I must customize in order to achieve this result.
Hi!
Looks like it is coming from an infinite scroll plugin. Please deactivate the plugin.
Cheers!
Ismael
Hi,
I know I’ve been around this support forum A LOT lately, it’s just that I’m finishing the site by myself and I really want to give the visitors the best experience I could deliver.
This takes us to the blog page:
My idea is a continuous stream of posts (possibly with Jetpack infinite scroll), so I would like to know if it’s possible that:
a. There were no link to individual posts page. (As I display the whole content of each post in the blog page, I wouldn’t like the reader to open the individual posts pages, so it would break the flow I want to deliver).
b. The comments to appear in the blog page (remember, all the posts content is wide open, nothing hidden, so why would the comments?)
c. I would also like to let the visitors to comment using facebook (I believe I saw a plugin for that), so it would be REALLY NICE if the posts had their comments below the content, right in the blog page (remember, there should not be any individual posts pages…)
Can I do that?
How?
By the way, your support is great! It should be charged a fee! :)