Ismael,

Again, we REALLY appreciate ALL your efforts on this! Just one last question:

Do you know of some ‘function’/’feature’ in Angular that we could use to ‘get around’ the Avia javascript ‘issue’? What I mean by this is when someone clicks on one of the pics in a ‘layout grid’ (for example – https://visualimpactsg.wpengine.com/trade-show-backwalls/), it would just show a ‘grid’ of pics for that product rather than launching a “slideshow”? (Which would hopefully solve the Ajax issue).

Kind Regards,
Mark Besh
Visual Impact Systems

Ismael,

Thanks VERY MUCH for all your efforts on this!

For whatever reason, the “PARTNERS” images (on the Home page) don’t load, although the link works. (FYI: They are ‘rollovers’)
[ Here’s the “LIVE” site for reference: https://visualimpactsystems.com/ ]

Also, I’m assuming this next one is related to “Ajax.”

For example, click on the following link:

Now, for example, click on “GrandFabric”. The “slideshow” never loads, and the “prev”/”next” ‘buttons’ don’t work either.

Again, Thanks much for all your help on this.

Mark Besh
Visual Impact Systems

Ismael,

I REALLY appreciate you being patient with me on this. You probably think I’m ‘stupid’ (and I’m thinking so, too). I must be missing something really simple.

Just to be clear, this is what I am seeing on the Staging site (https://visualimpactsg.wpengine.com/):
http://4vis.com/After_First_Location-Still_Trying_to_Load_Images.png

[ FYI: This was the error I received the first time I tried your code (and I don’t remember the ‘location’ in the file that it gave this to me): http://4vis.com/Error-After_Second_Location_of_Code.png ].

So, I copied the code directly from your forum post above (on January 6 at 4:03 am), and pasted it into 4 different ‘locations’ in the functions.php file, cleared the cache in 3 different browsers (Chrome, Firefox, and Safari), and even cleared the server cache (on WPEngine). Every time it would just continue to try to load the images on the Home page.

@@@@@@@@@@@@@@@@

FIRST LOCATION:

<?php
global $avia_config;
if(isset($avia_config[‘use_child_theme_functions_only’])) return;

/*
* wpml multi site config file
* needs to be loaded before the framework
*/

require_once( ‘config-wpml/config.php’ );

function ava_modify_jquery_version() {
if (!is_admin()) {
wp_deregister_script(‘jquery’);
wp_register_script(‘jquery’,
‘http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js&#8217;, false, ‘1.8.s’);
wp_enqueue_script(‘jquery’);
}
}
add_action(‘init’, ‘ava_modify_jquery_version’);

##################################################################
# AVIA FRAMEWORK by Kriesi

# this include calls a file that automatically includes all
# the files within the folder framework and therefore makes
# all functions and classes available for later use

require_once( ‘framework/avia_framework.php’ );

##################################################################

@@@@@@@@@@@@@@@@

SECOND LOCATION:

##################################################################
# Frontend Stuff necessary for the theme:
##################################################################

$lang = TEMPLATEPATH . ‘/lang’;
load_theme_textdomain(‘avia_framework’, $lang);

/* Register frontend javascripts: */
if(!is_admin()){
add_action(‘init’, ‘avia_frontend_js’);
}

function ava_modify_jquery_version() {
if (!is_admin()) {
wp_deregister_script(‘jquery’);
wp_register_script(‘jquery’,
‘http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js&#8217;, false, ‘1.8.s’);
wp_enqueue_script(‘jquery’);
}
}
add_action(‘init’, ‘ava_modify_jquery_version’);

if(!function_exists(‘avia_frontend_js’))
{
function avia_frontend_js()
{
wp_register_script( ‘avia-default’, AVIA_BASE_URL.’js/avia.js’, array(‘jquery’,’avia-html5-video’), 2, false );
wp_register_script( ‘avia-prettyPhoto’, AVIA_BASE_URL.’js/prettyPhoto/js/jquery.prettyPhoto.js’, ‘jquery’, “3.0.1”, true);
wp_register_script( ‘avia-html5-video’, AVIA_BASE_URL.’js/mediaelement/mediaelement-and-player.min.js’, ‘jquery’, “1”, true);
wp_register_script( ‘aviapoly-slider’, AVIA_BASE_URL.’js/aviapoly.js’, ‘jquery’, “1.1.0”, true);
}
}

@@@@@@@@@@@@@@@@

THIRD LOCATION:

##################################################################
# Frontend Stuff necessary for the theme:
##################################################################

$lang = TEMPLATEPATH . ‘/lang’;
load_theme_textdomain(‘avia_framework’, $lang);

/* Register frontend javascripts: */
if(!is_admin()){
add_action(‘init’, ‘avia_frontend_js’);
}

function ava_modify_jquery_version() {
if (!is_admin()) {
wp_deregister_script(‘jquery’);
wp_register_script(‘jquery’,
‘http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js&#8217;, false, ‘1.8.s’);
wp_enqueue_script(‘jquery’);
}
}
add_action(‘init’, ‘ava_modify_jquery_version’);

if(!function_exists(‘avia_frontend_js’))
{
function avia_frontend_js()
{
wp_register_script( ‘avia-default’, AVIA_BASE_URL.’js/avia.js’, array(‘jquery’,’avia-html5-video’), 2, false );
wp_register_script( ‘avia-prettyPhoto’, AVIA_BASE_URL.’js/prettyPhoto/js/jquery.prettyPhoto.js’, ‘jquery’, “3.0.1”, true);
wp_register_script( ‘avia-html5-video’, AVIA_BASE_URL.’js/mediaelement/mediaelement-and-player.min.js’, ‘jquery’, “1”, true);
wp_register_script( ‘aviapoly-slider’, AVIA_BASE_URL.’js/aviapoly.js’, ‘jquery’, “1.1.0”, true);
}
}

@@@@@@@@@@@@@@@@

FOURTH LOCATION (At end of file):

/**
* Takes the youtube video ID stored in a custom field and adds a full Youtube URL to the content to allow
* the video SEO plugin to index it.
*
* The video URL is added to the top of content to make it override other video’s in the post.
*
* @param string $content the input content field.
* @param array $vid the video array for the post.
*
* @return string $content
*/
function fix_content_input( $content, $vid ) {
$slides = avia_post_meta($vid[‘post_id’], ‘slideshow’);
$video = ”;
if(!empty($slides[0]))
{
foreach($slides as $slide)
{
if(!empty($slide[‘slideshow_video’])) $video .= ‘ ‘ . $slide[‘slideshow_video’];
}
}
$content = “\n” . $video . “\n” . $content;

return $content;
}
add_filter( ‘wpseo_video_index_content’, ‘fix_content_input’, 10, 2 );

// deactivate default theme seo if third party plugin is used. Currently supported plugins: Yoast WP SEO and All in One SEO
if(defined(‘WPSEO_VERSION’) || class_exists(‘All_in_One_SEO_Pack’)) $avia_config[‘deactivate_seo’] = true;

function ava_modify_jquery_version() {
if (!is_admin()) {
wp_deregister_script(‘jquery’);
wp_register_script(‘jquery’,
‘http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js&#8217;, false, ‘1.8.s’);
wp_enqueue_script(‘jquery’);
}
}
add_action(‘init’, ‘ava_modify_jquery_version’);

@@@@@@@@@@@@@@@@

Where did you put the code to make it work?

Frustrated (and feeling ‘stupid’),
Mark Besh

Ismael,
Thanks for the solution. Is there a ‘specific’ place we need to put this code? (So we don’t have to put an older version ‘physically’ into the “js” folder?)

If we need a “developer,” would there be a person ‘associated’ with Kriesi support that could help us?

Mark Besh
Visual Impact Systems

Yigit,

YEA!!! That worked!

Thank you and Victoria for ALL THE HELP on this! We REALLY appreciate it.

Issue is CLOSED.

Mark Besh
Visual Impact Systems

Victoria,

Any suggestions for the TWO items in the previous request? We are trying to finish the site so we can get final approval (so we can get paid).

Thanks,
Mark Besh
Visual Impact Systems

Victoria,

Any thoughts on the 2 ‘issues’ mentioned on March 9th?

Mark Besh
Visual Impact Systems

Victoria,

Any thoughts on how to solve the latest issues yet?

Mark Besh
Visual Impact Systems

Victoria,

Thank you VERY MUCH for being so patient with me on this (our client is a real ‘stickler’).

I changed your last code to a max-width of 989, so the picture boxes are larger (like last time). Now, would it be possible to make them a bit smaller on the Services page (and we might as well match the sizes on the Home page), to ‘line up’ with the outside ‘edges’ of the “Hero” pic and the outside of the text ‘box’ below?
https://visualimpactsystems.com/P1270765.JPG
https://visualimpactsystems.com/P1270766.JPG
[ Kind of like this, when you reduce the desktop browser a bit less than tablet width: http://visualimpactsystems.com/Screen%20Shot%202021-02-26%20at%204.04.06%20PM.png ]

Would it also be possible to make these pics into one ‘column’ instead of the current two columns ONLY in ‘portrait’ orientation and ONLY on the phone?
https://visualimpactsystems.com/P1270760.JPG

Then, for whatever reason (and I have been clearing ALL caches), there still is no space above the third pic on the Blog page ONLY on the phone and ONLY in ‘portrait’ orientation.
https://visualimpactsystems.com/P1270761.JPG

Again, I really appreciate all your effort on this.

Mark Besh
Visual Impact Systems

Victoria,

Changed both instances to 989, flushed both caches, and it did not change anything—it is still ‘chopping off’ the end of “Management,” the spacing below the red line is still huge and there is no spacing above the third blog post pic (like there is above the second blog post pic).

http://visualimpactsystems.com/WJCousinsAndAssociates-HomePage.JPG
http://visualimpactsystems.com/WJCousinsAndAssociates-ServicesPage.JPG
http://visualimpactsystems.com/WJCousinsAndAssociates-BlogPage.JPG
(Pics of iPhone 8 with iOS 13.5.1)
[ Other more up-to-date iPhones with the latest iOS also show the same thhing].

Thanks for looking into this for us.

Mark Besh
Visual Impact Systems

P.S. Custom CSS file below…

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

/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */

}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 989px) {
/* Add your Mobile Styles here */

}

@media only screen and (max-width: 989px) {
#top.home #av-layout-grid-1 .avia-builder-el-8,
#top.home #av-layout-grid-1 .avia-builder-el-11,
#top #av-layout-grid-1 .avia-builder-el-5 {
display: none;
padding: 0 !important;
}
#top h3 a {
font-size: 18px;
text-transform: none;
}

.responsive #top.postid-25 #wrap_all .flex_column {
margin-bottom: 0;
}
#top.postid-25 .content {
padding-bottom:0;
}
}

Rikard,

Well, yes I can update to the newest version. I just want to be sure about one thing:

Y’all help me get rid of the “portfolio-item” in the URL and have me put the following code into the functions.php file (which I can definitely add to the new version’s functions.php file) [ https://kriesi.at/support/topic/enfold-remove-portfolio-item-from-the-url/#post-1275954 ].

The question is, y’all logged in and did this for me: Made the “Portfolio Items Base” for the Permalink settings to be “/” (which you said was also needed to get rid of the “portfolio-item” in the URL). Will this setting go back to the default “portfolio-item” when I delete the current Enfold folder and replace it with the new version’s folder (with the updated functions.php file)?

[ FYI: Plugins…
Akismet Anti-Spam
CoBlocks
Enable jQuery Migrate Helper (Not Activated)
Enable Media Replace
Gravity Forms (Not Activated)
reSmush.it Image Optimizer
Simple Revisions Delete by bweb
Social Media and Share Icons (Ultimate Social Media)
Social Media Widget by Acurax (Not activated)
Sucuri Security – Auditing, Malware Scanner and Hardening
WP Media Categories
WP101 Video Tutorials
Yoast SEO ].

Thanks for your help.

Mark Besh
Visual Impact Systems

Tried adding a font-color: #ffffff to the code because the black text doesn’t look good with the blue background now. Any reason it isn’t reflecting the white text code?

Rikard,

We are planning to install WP-Rocket on the Live site (when we are finished with development). Do you know if it has, in its configuration area, the ability to do what you are suggesting, or is this a ‘core’ server kind of thing?

[ OR, would you suggest turning off the CDN that GoDaddy provides and only use WP-Rocket? ]

Thanks for your help.

Mark Besh
Visual Impact Systems

All good thank you

Ismael,

Yes, as I mentioned, when I put your code in it ‘broke’ the site, and Dashboard was not available (That’s why I mentioned I was using Cyberduck to copy the functions.php file into the Enfold directory).

Yes, it looks like it is working properly. THANK YOU VERY MUCH! (I’m going to have to compare your functions.php with mine to see what the difference was—or maybe it was the ‘process’ you used to do it).

I have copied the functions.php file, and yes, know we will have to put your code into it when we update the theme.

SO, just to be clear, so we can put the proper code into the next functions.php file (after a theme update), it looks like you ‘redid’ this code that was at the end of the original functions.php:

add_filter( ‘post_type_link’, ‘ava_remove_custom_slug’, 9999, 3 );
function ava_remove_custom_slug( $post_link, $post, $leavename ) {
if ( ‘portfolio’ != $post->post_type || ‘publish’ != $post->post_status ) {
return $post_link;
}

$post_link = str_replace( ‘/’ . $post->post_type . ‘/’, ‘/’, $post_link );

return $post_link;
}

which came just after this:
/*
* register custom functions that are not related to the framework but necessary for the theme to run
*/

require_once( ‘functions-enfold.php’);

SO, should I just add all of this code after that “require_once” code in any future functions.php file after a theme update?:

/**
* Remove the slug from published portfolio permalinks. Only affect our custom post type, though.
*/
function avf_portfolio_cpt_args_mod($args) {
$args[‘rewrite’][‘slug’] = ‘/’;
$args[‘rewrite’][‘with_front’] = false;
return $args;
}
add_filter(‘avf_portfolio_cpt_args’, ‘avf_portfolio_cpt_args_mod’, 10);

function ava_remove_custom_slug( $post_link, $post, $leavename ) {
if ( ‘portfolio’ != $post->post_type || ‘publish’ != $post->post_status ) {
return $post_link;
}

$post_link = str_replace( ‘/’ . $post->post_type . ‘/’, ‘/’, $post_link );

return $post_link;
}
add_filter( ‘post_type_link’, ‘ava_remove_custom_slug’, 9999, 3 );

/**
* Have WordPress match postname to any of our public post types (post, page, portfolio).
* All of our public post types can have /post-name/ as the slug, so they need to be unique across all posts.
* By default, WordPress only accounts for posts and pages where the slug is /post-name/.
*
* @param $query The current query.
*/
function ava_add_cpt_post_names_to_main_query( $query ) {

// Bail if this is not the main query.
if ( ! $query->is_main_query() ) {
return;
}

// Bail if this query doesn’t match our very specific rewrite rule.
if ( ! isset( $query->query[‘page’] ) || 2 !== count( $query->query ) ) {
return;
}

// Bail if we’re not querying based on the post name.
if ( empty( $query->query[‘name’] ) ) {
return;
}

// Add CPT to the list of post types WP will include when it queries based on the post name.
$query->set( ‘post_type’, array( ‘post’, ‘page’, ‘portfolio’ ) );
}
add_action( ‘pre_get_posts’, ‘ava_add_cpt_post_names_to_main_query’ );

Ismael, thank you for ALL your effort on this!

Mark Besh
Visual Impact Systems