Enfold Portfolio Grid Pagination Scrolling Problem

Ismael/Victoria,

Oops!!! I put Victoria’s code in the functions.php of the “production” site which we are not developing right now) and not the “staging site”, which we ARE USING right now.

So now, with Victoria’s code working, it seems that the page ‘jumps to the top and then ‘jumps’ back down to the Portfolio Grid with the “Other Completed Projects” in it.

Does it have to ‘refresh’ the page like that? It might ‘concern’ the user that something is wrong. (This does not happen on our website using Angular: https://visualimpactsystems.com/example/print-flyers/ )

Correct SFTP info for the “Staging” site FTP is in the private area.

Thank you,
Mark

• This reply was modified 6 years, 8 months ago by mbesh. Reason: Add link to our Angular page that works like we would like it to

Victoria,

Again, thank you for all your effort! We’re just a bunch of ‘designers’ and don’t have a lot of ‘programming’ expertise. So, I guess we’ll go with your “Posts Slider” suggestion.

Question: Is it possible to make the projects show starting with “A” and be presented alphabetically ascending? (instead of how it starts with “V” or the latest portfolio item). I don’t see an option in the Post Slider setup for this.

Thanks,
Mark
Visual Impact Systems

Ismael,

In what file do I put the “// post slider query” code? (Put it at the bottom of the “functions.php” and it ‘broke’ the site)

Thanks,

Mark

Victoria,

I placed just the slider code just after the line you suggested, and it ‘broke’ the website. Here’s the error:

This page isn’t working
0e5.ad2.myftpupload.com is currently unable to handle this request.
HTTP ERROR 500

FYI: I still have “completed_projects” in the Color Section that has the post slider in it.

Below is the top portion of the function.php, to show you where I put the code (that broke it).

Also, just to be sure, we just want the title of the project to be shown below the pic—just want to have the order of the project show from “A” to “Z”.

In addition, on an iPhone, there are no “arrows” to indicate to the viewer that they have to swipe to see more projects (like the desktop does). Is it possible to have something like the desktop does?

Also, is it possible to change the color of the “square” behind the arrows to #8fb25f green?

Thanks for your help!

Mark

=============

<?php
if ( !defined(‘ABSPATH’) ){ die(); }

global $avia_config;

/*
* if you run a child theme and dont want to load the default functions.php file
* set the global var below in you childthemes function.php to true:
*
* example: global $avia_config; $avia_config[‘use_child_theme_functions_only’] = true;
* The default functions.php file will then no longer be loaded. You need to make sure then
* to include framework and functions that you want to use by yourself.
*
* This is only recommended for advanced users
*/

if(isset($avia_config[‘use_child_theme_functions_only’])) return;

// post slider query
add_filter('avia_post_slide_query', 'avia_post_slide_query_mod', 10, 2);
function avia_post_slide_query_mod( $query, $params ) {
$query['orderby'] = 'title';
$query['order'] = 'DESC';
return $query;
}

/*
* create a global var which stores the ids of all posts which are displayed on the current page. It will help us to filter duplicate posts
*/
$avia_config[‘posts_on_current_page’] = array();

. . . . .

==========

Victoria,

I found this post in the documentation, and it does just want we need…WOO-HOO!:

NOTE: For others reading this later:
We put the code almost at the bottom of the functions.php file:

====================

if(!function_exists(‘avia_custom_query_extension’))
{
function avia_custom_query_extension($query, $params)
{
global $avia_config;
if(!empty($avia_config[‘avia_custom_query_options’][‘order’]))
{
$query[‘order’] = $avia_config[‘avia_custom_query_options’][‘order’];
}

if(!empty($avia_config[‘avia_custom_query_options’][‘orderby’]))
{
$query[‘orderby’] = $avia_config[‘avia_custom_query_options’][‘orderby’];
}

unset($avia_config[‘avia_custom_query_options’]);

return $query;
}

add_filter(‘avia_masonry_entries_query’, ‘avia_custom_query_extension’, 10, 2);
add_filter(‘avia_post_grid_query’, ‘avia_custom_query_extension’, 10, 2);
add_filter(‘avia_post_slide_query’, ‘avia_custom_query_extension’, 10, 2);
add_filter(‘avia_blog_post_query’, ‘avia_custom_query_extension’, 10, 2);
add_filter(‘avf_magazine_entries_query’, ‘avia_custom_query_extension’, 10, 2);

add_filter(‘avf_template_builder_shortcode_elements’,’avia_custom_query_options’, 10, 1);
function avia_custom_query_options($elements)
{
$allowed_elements = array(‘av_blog’,’av_masonry_entries’,’av_postslider’,’av_portfolio’,’av_magazine’);

if(isset($_POST[‘params’][‘allowed’]) && in_array($_POST[‘params’][‘allowed’], $allowed_elements))
{
$elements[] = array(
“name” => __(“Custom Query Orderby”,’avia_framework’ ),
“desc” => __(“Set a custom query orderby value”,’avia_framework’ ),
“id” => “orderby”,
“type” => “select”,
“std” => “”,
“subtype” => array(
__(‘Default Order’, ‘avia_framework’ ) =>”,
__(‘Title’, ‘avia_framework’ ) =>’title’,
__(‘Random’, ‘avia_framework’ ) =>’rand’,
__(‘Date’, ‘avia_framework’ ) =>’date’,
__(‘Author’, ‘avia_framework’ ) =>’author’,
__(‘Name (Post Slug)’, ‘avia_framework’ ) =>’name’,
__(‘Modified’, ‘avia_framework’ ) =>’modified’,
__(‘Comment Count’, ‘avia_framework’ ) =>’comment_count’,
__(‘Page Order’, ‘avia_framework’ ) =>’menu_order’)
);

$elements[] = array(
“name” => __(“Custom Query Order”,’avia_framework’ ),
“desc” => __(“Set a custom query order”,’avia_framework’ ),
“id” => “order”,
“type” => “select”,
“std” => “”,
“subtype” => array(
__(‘Default Order’, ‘avia_framework’ ) =>”,
__(‘Ascending Order’, ‘avia_framework’ ) =>’ASC’,
__(‘Descending Order’, ‘avia_framework’ ) =>’DESC’));
}

return $elements;
}

add_filter(‘avf_template_builder_shortcode_meta’, ‘avia_custom_query_add_query_params_to_config’, 10, 4);
function avia_custom_query_add_query_params_to_config($meta, $atts, $content, $shortcodename)
{
global $avia_config;
if(empty($avia_config[‘avia_custom_query_options’])) $avia_config[‘avia_custom_query_options’] = array();

if(!empty($atts[‘order’]))
{
$avia_config[‘avia_custom_query_options’][‘order’] = $atts[‘order’];
}

if(!empty($atts[‘orderby’]))
{
$avia_config[‘avia_custom_query_options’][‘orderby’] = $atts[‘orderby’];
}

return $meta;
}
}

/*
* register custom functions that are not related to the framework but necessary for the theme to run
*/

require_once( ‘functions-enfold.php’);

/*
* add option to edit elements via css class
*/
// add_theme_support(‘avia_template_builder_custom_css’);

=====================

Victoria/Ismael: We would strongly suggest y’all add this code to the next update.

Now, just to finish up, could you help us with these last things:

On an iPhone, there are no “arrows” to indicate to the viewer that they have to swipe to see more projects (like the desktop does). Is it possible to have something like the desktop does?

Also, is it possible to change the color of the “square” behind the arrows to #8fb25f green?

I REALLY APPRECIATE all the effort you and Ismael have put into this!!!

Mark Besh
Visual Impact Systems

Ismael,

No, your additions changed all the ordering of all portfolios, and post sliders. We were happy with what we did when we added the “filter solution” in the Enfold documentation ( https://kriesi.at/documentation/enfold/change-the-sort-order-of-portfolio-elements/ ).

Now, just to finish up, could you help us with these last things:

On an iPhone, there are no “arrows” to indicate to the viewer that they have to swipe to see more projects (like the desktop does). Is it possible to have something like the desktop does? (left and right arrows).

Also, is it possible to change the color of the “square” behind the arrows in the Post Slider to #8fb25f green?

Thanks MUCH!
Mark