Forum Replies Created
-
Posts
-
Hi Ismael,
Thanks for following up. Perhaps you can help with one or more of these hurdles:
a. Displaying a footer under a full screen image (Replacing the image title as showing here: http://ilanwittenberg.com/tunnel-beach-dunedin/)
b. Inserting the image Title into that footer
c. Sending the image Title to a contact form (Contact Form 7, Wpform or Ninja Form)I currently successfully open a popup screen using functions.php . It opens when clicking on Read More… at the top of the grid:
function gallery_more_info(){ ?> <script> jQuery(window).load(function(){ jQuery('.gallery-more-info-link').magnificPopup({ type:'inline', midClick: true }); }); </script> <?php } add_action('wp_footer', 'gallery_more_info');Thanks,
ofekwHi Victoria,
I’m looking to show a one-line footer under each photo in specific Portfolio Galleries. The footer will show the image Title and include a link to a pop-up form. The form will display the image Title and will send it to PayPal when user clicks on Buy Now. Will need to customise Contact Form 7 to find a suitable hook. This will probably be implemented in php as a popup message is already implemented using Lightbox in functions.php using the following code:
/*wp_enqueue_script( 'avia-popup', $template_url.'/wp-content/themes/enfold-child/js/jquery.magnific-popup.js', array('jquery'), 2, true);*/ wp_register_script( 'custom-js', $template_url.'/wp-content/themes/enfold-child/js/custom-js.js', 'jquery', "1", true); wp_enqueue_script( 'custom-js' ); function gallery_more_info(){ ?> <script> jQuery(window).load(function(){ jQuery('.gallery-more-info-link').magnificPopup({ type:'inline', midClick: true }); }); </script> <?php } add_action('wp_footer', 'gallery_more_info');Am looking to find the image Title and send it to the form.
Thanks for your support,
ofekwHi Victoria,
Thanks for your reply.
Can your team please help me identify the Title variable so I can send it to the popup contact form?Thanks,
ofekwHello Mike
Yes, Issue resolved and have implemented most of the optimisation tips.
Kind regards,
ofekw
Hello Mike,
Here are Autoptimize JavaScript Options:
Optimise JavaScript Code?
Aggregate JS-files?
[Aggregate all linked JS-files to have them loaded non-render blocking? If this option is off, the individual JS-files will remain in place but will be minified.]
Also aggregate inline JS?
[Let Autoptimize also extract JS from the HTML. Warning: this can make Autoptimize’s cache size grow quickly, so only enable this if you know what you’re doing.]
Force JavaScript in <head>?
[Load JavaScript early, this can potentially fix some JS-errors, but makes the JS render blocking.]
Exclude scripts from Autoptimize:
[s_sid,smowtion_size,sc_project,WAU_,wau_add,comment-form-quicktags,edToolbar,ch_client,seal.js, A comma-separated list of scripts you want to exclude from being optimised, for example ‘whatever.js, another.js’ (without the quotes) to exclude those scripts from being aggregated by Autoptimize.]
Add try-catch wrapping?
[If your scripts break because of a JS-error, you might want to try this.]Enabled Force JavaScript in <head> ; and that solved the issue but disabled the transition from the home page slider to the portfolio!
Should I try excluding a script? What is the script name? (Tried more-info,gallery-more-info-link,gallery_more_info without success).
Thanks,
ofekwHello Mike,
Thanks for following up.
Disabled Autoptimize plugin (optimises website’s performance: JS, CSS, HTML, images, Google Fonts, etc) and that solved the issue.
Is there an alternative optimising plugin that you can recommend testing?
Regards,
ofekHi Victoria,
Thanks for your support! Sorted now by ticking: Enfold Child>Performance> “Delete old CSS and JS files?”
Much appreciated,
ofekw
Hello Mike,
Thanks for your support. Removing /enfold-child/js/custom-js.js disables the transition capability from the home page to the portfolio gallery when users click the mouse.
Please advise,
ofekwHello Guenni007,
Removed header.php in enfold-child and cleared cache. Unfortunately, that made no difference.
Perhaps there is a work around? Is there a simple way to create a popup on top of the Lightbox grid?
Thanks,
ofekwHi Guenni007,
Thanks for following up. The file header.php is the same at Enfold and enfold-child so copying it from Enfold mad no difference. Here is the code:
<?php if ( ! defined('ABSPATH') ){ die(); } global $avia_config; $lightbox_option = avia_get_option( 'lightbox_active' ); $avia_config['use_standard_lightbox'] = empty( $lightbox_option ) || ( 'lightbox_active' == $lightbox_option ) ? 'lightbox_active' : 'disabled'; /** * Allow to overwrite the option setting for using the standard lightbox * Make sure to return 'disabled' to deactivate the standard lightbox - all checks are done against this string * * @added_by Günter * @since 4.2.6 * @param string $use_standard_lightbox 'lightbox_active' | 'disabled' * @return string 'lightbox_active' | 'disabled' */ $avia_config['use_standard_lightbox'] = apply_filters( 'avf_use_standard_lightbox', $avia_config['use_standard_lightbox'] ); $style = $avia_config['box_class']; $responsive = avia_get_option('responsive_active') != "disabled" ? "responsive" : "fixed_layout"; $blank = isset($avia_config['template']) ? $avia_config['template'] : ""; $av_lightbox = $avia_config['use_standard_lightbox'] != "disabled" ? 'av-default-lightbox' : 'av-custom-lightbox'; $preloader = avia_get_option('preloader') == "preloader" ? 'av-preloader-active av-preloader-enabled' : 'av-preloader-disabled'; $sidebar_styling = avia_get_option('sidebar_styling'); $filterable_classes = avia_header_class_filter( avia_header_class_string() ); $av_classes_manually = "av-no-preview"; /*required for live previews*/ $av_classes_manually .= avia_is_burger_menu() ? " html_burger_menu_active" : " html_text_menu_active"; /** * @since 4.2.3 we support columns in rtl order (before they were ltr only). To be backward comp. with old sites use this filter. */ $rtl_support = 'yes' == apply_filters( 'avf_rtl_column_support', 'yes' ) ? ' rtl_columns ' : ''; ?><!DOCTYPE html> <html <?php language_attributes(); ?> class="<?php echo "html_{$style} ".$responsive." ".$preloader." ".$av_lightbox." ".$filterable_classes." ".$av_classes_manually ?> "> <head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <?php /* * outputs a rel=follow or nofollow tag to circumvent google duplicate content for archives * located in framework/php/function-set-avia-frontend.php */ if (function_exists('avia_set_follow')) { echo avia_set_follow(); } ?> <!-- mobile setting --> <?php if( strpos($responsive, 'responsive') !== false ) echo '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">'; ?> <!-- Scripts/CSS and wp_head hook --> <?php /* Always have wp_head() just before the closing </head> * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to <head> suchWould you like admin rights?
Thanks,
ofekwHello Guenni007,
Thanks for the prompt reply. Yes, I have Enfold Child: Theme Header (header.php)
Not sure what you mean by updating it to 4.4.1 too. How can I update header.php to a new version?
Also, what do you mean by “edit it in the same way”?Thanks for your support,
ofekHi Rikard,
Thanks for the prompt reply.
Here is how the home page looked like before the update (retrieved from cache):
Here is a closeup crop of the splash-logo:
Happy to give you admin rights if you want to have a closer look at the code? It was working properly before the Enfold version update.
Please advise,
ofekwThat’s great Mike!
I see that Section ID contains the code line: ‘show-mfp-title’
Moved the code from Quick CSS to style.css
Very much appreciated,ofekw
Great Job Mike!
Well done on identifying the issue and changing the color. A few requests for the text showing under the enlarged images in Lightbox please:
a. Can this be enabled for a single portfolio item only please? http://ilanwittenberg.com/tunnel-beach-dunedin/
Please note that the Masonry Gallery, Element captions tab is showing: ‘Display Title’ for that portfolio item only, all other portfolio items are showing ‘Display Neither’. (Note: this seems to control the grid view only?)
b. The displayed text is currently showing the caption inserted under the thumbnails inside the Edit Gallery screen. Can it show the Title field showing on the right side of the Edit Gallery page, inside ATTACHMENT DETAILS field when an image is selected? (same text as the title which is currently showing under each thumbnail on the grid view)
Grid view: http://ilanwittenberg.com/tunnel-beach-dunedin/
c. Can the numerator currently showing on the right side be removed?
d. Can the title be centred under the image (currently showing left justified)?
Items a. and b. are critical, items c. and d. are preferred.Much appreciated!
ofekwHi Mike,
Backed up header.php and copied a new one from Enfold 4.4 (not from enfold-child). This made no difference. Is that where I was supposed to take a fresh copy from?
Have also disabled “magnific-popup” in functions.php which made no difference either (it is used to open a popup when clicking on ‘Read More’ – there must be an easier and nicer solution?)
Would love upgrading from Enfold 4.1.2 to Enfold 4.4 but all previous attempts caused the Lightbox to break: no navigation arrows, no ‘X’ to close and ‘WP Content Copy Protection’ plugin stopped working. Happy to follow specific detailed instructions!
http://ilanwittenberg.com/tunnel-beach-dunedin/Thanks,
ofekwHello Mike,
Would be great to show the title centered below the image when enlarged – for specific portfolio items only.
Admin rights granted.Thanks,
ofekw
Hello Mike,
Thanks for the prompt reply.
Unsure what “mfp-title” is. All images have a caption.
Currently the title is showing on the grid view. Can the title show when a thumbnail is selected from the grid and enlarged?
Would like to have the title centred and be displayed just for a specific portfolio items please. Happy to add a CSS code for that.
http://ilanwittenberg.com/tunnel-beach-dunedin/
If the title cannot be displayed when enlarged than I will look at displaying the caption.Many Thanks,
ofekw
Hi Ismael,
Thanks for following up. Have downloaded the latest version of Enfold from https://themeforest.net/downloads and used FTP to manually update wp-content/themes/enfold without any update to the enfold-child directory
Unfortunately after manually updating the theme, some lightbox functionality is broken: the images do not have navigation arrows and the exit/close X is missing. Also the WP Content Copy Protection plugin stops functioning.Is there an enfold-child file that needs to be updated together with the new version of enfold? The file style.css contains modifications which I need to retain.
Thanks for your support Ismael,
ofekwHello Mike,
Thanks for the prompt reply – the form is centred – much appreciated!
The ‘Awards page’ is OK left aligned.In the page “Portraits”, the title is centred across the page width, the photos are left aligned while the buttons are right aligned across the entire page width. I would like all elements to be displayed inside a 1024px wide column so the buttons are showing on the top right of the images and the title is centred above the images. Have tried the CSS code below without success:
/* centering Portraits page */ #top.page-id-9761 form.avia_ajax_form { display: block; justify-content: center; text-align: center; max-width: 1024px; margin: 0 auto; padding-left: 0 !important; padding-right: 0 !important; background: inherit; }Please advise,
ofekw
Hi Victoria,
Yes, the gallery looks the same on both versions. When clicking to select an image it should be displayed on full screen.
Automatic WP updated to a new Enfold version 4.4 results in functionality breakdown.
Please help me understand which files in Child Enfold need to be updated manually so I can update properly without overwriting custom styling in CSS.Thanks,
ofekw
