Forum Replies Created

Viewing 30 posts - 14,131 through 14,160 (of 66,017 total)
  • Author
    Posts
  • in reply to: WooCommerce 360º Image jQuery Conflict #1283679

    Hi,

    UPDATE: We found the style problem as suspected previously. Please try to add this css code to remove the unwanted padding for the list element.

    .entry-content-wrapper .threesixty_images li {
    	padding: 0 !important;
    }

    Best regards,
    Ismael

    in reply to: WooCommerce 360º Image jQuery Conflict #1283677

    Hey Tobias,

    Thank you for the inquiry.

    We can reproduce the issue on our end but we cannot see any errors and the markup of the image sequence looks fine. It might be a style issue, but we cannot figure out where. We may need some help from the plugin developers because currently we have no idea why the image spirals up.

    Best regards,
    Ismael

    in reply to: fonts don't load correctly on first operning of website #1283673

    Hi,

    Thank you for the update.

    Yes, the font files are probably blocked initially because of the privacy options, so users have to accept the cookies first or give their consent to the privacy policies and refresh the page. If you want the font files to load without user consent or without them interacting with the privacy options first, the Enfold > Privacy & Cookies > Cookie Handling > Default Cookie Behavior settings has to be set to the first or second option.

    Best regards,
    Ismael

    in reply to: Color Section Toggle not working #1283671

    Hi,

    Thank you for the update.

    Instead of using the window.load function, try to use the following instead.

    $(document).ready(function(){
       // code here
    }):
    

    It might not be working because window.load is already deprecated or invalid.

    Best regards,
    Ismael

    in reply to: Improving laoding of font Entypo-Fontello #1283666

    Hey marcie73,

    Thank you for the inquiry.

    Currently, there is no other way to load the icon font aside from using font face, so the only way to optimize it is to adjust the font-display property.

    function avf_custom_font_display( $font_display, $font_name )
    {
    	// Check for a font and change the default theme setting
    	if( 'entypo-fontello' == $font_name )
    	{
    		return 'block';
    	}
    
    	return $font_display;
    }
    
    add_filter( 'avf_font_display', 'avf_custom_font_display', 10, 2 );
    

    This makes sure that the icons are not visible while the font file is still loading. However, please note that this change will not affect the improve the score in the page speed insight tool.

    Best regards,
    Ismael

    in reply to: Externe Schrift einbinden #1283662

    Hi,

    Thank you for the update.

    We tried to modify the css code but it did not change anything. The fonts are still not loaded, then we tried to download one of the ttf files and install it but we get an error saying that the font file is invalid. Where did you get the font files?

    Best regards,
    Ismael

    in reply to: Blog Post Grid Layout – Title, Author, Date display #1283657

    Hi,

    Thank you for the update.

    If you want the custom field before the content, please edit the line that we mentioned above..

    $items .= "
    <div class='av-masonry-entry-content entry-content' {$markup}>{$content}</div>
    ";
    

    .. and replace it with:

    $outlet = get_post_meta($the_id, 'outlet', true);
    						if(!empty($outlet))
    						{
    						$outlet_output = '<span class="outlets minor-meta">'. __( 'Outlet:','avia_framework' ) . ' ';
    						$outlet_output .= $outlet;
    						$outlet_output .= '</span><span class="text-sep text-sep-cat">/</span>';
    						}
    
    $items .= "
    <div class='av-masonry-entry-content entry-content' {$markup}>{$outlet_output . $content}</div>
    ";
    

    Best regards,
    Ismael

    in reply to: Anchor links issue #1283656

    Hi,

    Thank you for the inquiry.

    We are not yet sure why the smoothscroll function is not working, so we disabled it temporarily from the js > avia.js file.

    //smooth scrooling
    if($.fn.avia_smoothscroll)
    //$('a[href*="#"]', container).avia_smoothscroll(container);
    

    The anchor links are now working, but smooth scrolling is gone. We will let you know once we have found the issue.

    Best regards,
    Ismael

    Hi,

    Thank you for the update.

    The solution or snippet that we provided in the following thread might help.

    // https://kriesi.at/support/topic/layer-slider-not-works/#post-1283647

    Please add it in the functions.php file, then purge the cache.

    Best regards,
    Ismael

    in reply to: Layer slider not works #1283647

    Hi!

    Thank you for the update.

    In your installation, we noticed that the layerslider jquery script has this attribute, which does not exists in our own installation.

    data-cfasync="false
    

    This was added using a filter, so we used this snippet in the functions.php file to register the scripts again and remove the data attribute.

    
    add_action("wp_enqueue_scripts", function() {
    	wp_deregister_script('layerslider' );
    	wp_deregister_script('layerslider-utils' );
    	wp_register_script('layerslider', LS_ROOT_URL.'/static/layerslider/js/layerslider.kreaturamedia.jquery.js', array('jquery'), LS_PLUGIN_VERSION, true );
    	wp_register_script('layerslider-utils', LS_ROOT_URL.'/static/layerslider/js/layerslider.utils.js', array('layerslider'), LS_PLUGIN_VERSION, true );
    }, 999);
    
    function avf_script_loader_tag_mod( $tag, $handle, $source ) {
        if ( "layerslider" === $handle || "layerslider-utils" === $handle ) {
    		$tag = str_replace( "data-cfasync=\"false\"", '', $tag );
        }
    
        return $tag;
    }
    add_filter( 'script_loader_tag', 'avf_script_loader_tag_mod', 999, 3);
    
    add_action("after_setup_theme", function() {
    	remove_filter('script_loader_tag', 'layerslider_script_attributes', 10, 3);
    }, 999);
    

    The jQuery errors are now gone, but the old sliders are still working properly. However, newly created sliders work just fine. Please check the private field.

    Cheers!
    Ismael

    in reply to: Using Advanced Woo Search plugin #1283640

    Hey natas442,

    Thank you for the inquiry.

    The search seems to be working properly on our end, but if you want to disable the AJAX search, please include this snippet in the functions.php file.

    
    function avf_frontend_search_form_param_mod($params)
    {
      $params['ajax_disable'] = true; // disable ajax search
      return $params;
    }
    add_action('avf_frontend_search_form_param', 'avf_frontend_search_form_param_mod',9);
    

    Best regards,
    Ismael

    in reply to: LayerSlider issues since WP update #1283638

    Hey prompos1234,

    Thank you for the inquiry.

    We cannot find any issues in the home page and there are no errors in the console either. Did you figure out the issue? You might have to purge the cache and regenerate the compressed files after doing the update. If the issue persists, try to install the following plugin and downgrade jQuery to an older version.

    // https://wordpress.org/plugins/enable-jquery-migrate-helper/

    Best regards,
    Ismael

    in reply to: Change color of selected text in LayserSlider #1283464

    Hey KeesKaas,

    Thank you for the inquiry.

    We could use this css code in the Quick CSS field to change the color of the selected or highlighted text.

    ::-moz-selection { /* Code for Firefox */
      color: red;
      background: yellow;
    }
    
    ::selection {
      color: red;
      background: yellow;
    }
    

    Best regards,
    Ismael

    in reply to: Invert colors > header-menu #1283463

    Hey sabsab,

    Thank you for the inquiry.

    We are not really sure what to check or how the header should actually look, but we noticed this class name “darkmode-ignore”. Did you add it manually? Would you mind providing a screenshot of the issue? Please use image hosts such as imgur or dropbox for the screenshot.

    Best regards,
    Ismael

    in reply to: Debug Mode only for admins #1283461

    Hey Guenter,

    Thank you for the inquiry.

    You may need to check for the user capability using the current_user_can function.

    // https://developer.wordpress.org/reference/functions/current_user_can/

    For admin, try to check if the user can install plugins or themes.

    // https://wordpress.org/support/article/roles-and-capabilities/

    Best regards,
    Ismael

    in reply to: Cookie Badge #1283454

    Hi,

    Thank you for the inquiry.

    We could use this css code to make the badge always visible.

    #av-cookie-consent-badge {
    	opacity: 0.7;
    	visibility: visible;
    }

    Then use this script to hide the message bar on initial load.

    // a custom script
    function ava_custom_script_mod() {
        if ( wp_script_is( 'avia-default', 'registered' ) ) {
            wp_add_inline_script( 'avia-default', '
    		(function($) {
    			$(document).ready(function() {
    				$(".avia-cookie-consent").addClass("cookiebar-hidden");
    			});
    		})(jQuery);
    	');
        }
     }
     add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod', 9999);
    

    We have not tested this fully, so it might cause unintended privacy options behavior.

    Best regards,
    Ismael

    in reply to: Single product image is getting cropped #1283446

    Hi,

    Thank you for the update.

    The whole image shows when we resize the browser and it seems to be an issue with the lazy loading option. What happens when lazy loading is disabled? You may also need to temporarily disable file compression and the cache plugin while testing.

    Best regards,
    Ismael

    Hey Oliver,

    Thank you for the inquiry.

    We are not really sure how the plugin assigns a different menu for a different page, but it probably overrides the default menu arguments using the wp_nav_menu_args filter, so you should be able to use the following snippet in the functions.php file to assign a different menu on the product archive pages.

    add_filter("wp_nav_menu_args", function($args) {
    	if(is_post_type_archive("product")) {
    		$args["menu"] = wp_get_nav_menu_object(get_term_by( 'slug', 'new-menu', 'nav_menu' ));
    	}
    
    	return $args;
    }, 999, 1);
    

    Just replace new-menu with the actual slug of your preferred menu.

    You could also try one of the following plugins to give you more control over the menu items’ visibility.

    // https://wordpress.org/plugins/menu-items-visibility-control/
    // https://wordpress.org/plugins/if-menu/

    Best regards,
    Ismael

    in reply to: Images inside text block #1283430

    Hi,

    Thank you for the update.

    You may need to use RGBA color values for the text block background or append the opacity value for the current hex color.

    // https://www.w3schools.com/css/css_colors_rgb.asp
    // https://davidwalsh.name/hex-opacity

    So a white color with 70% opacity should be..

    #FFFFFFB3
    

    Best regards,
    Ismael

    Hey Birdster,

    Thank you for the inquiry.

    The opacity of the overlay is set to 0 by default, and this opacity is increased on hover, so this css code should work to make the overlay always visible.

    .image-overlay {
    	opacity: 0.5;
    	filter: alpha(opacity=0.5);
    }
    

    Best regards,
    Ismael

    in reply to: Layer slider not works #1283425

    Hi,

    Can we deactivate the plugins temporarily while checking the issue? The sliders are not displaying because according to the browser console, jQuery is not defined or is not loaded. We cannot reproduce the same issue on our end, so this is probably caused by a plugin or by a custom modification in the theme.

    Thank you for your patience.

    Best regards,
    Ismael

    in reply to: How to add copyright info to all images on website? #1283417

    Hi,

    Which code are you referring to, and on which element are you trying to apply the copyright? Please provide a link to the page in question so that we could check it.

    Best regards,
    Ismael

    in reply to: Top Nav Bar Desktop Vs. Mobile #1283416

    Hi,

    Thank you for the update.

    We can use the following css code to adjust the position of the top menu and of the phone info, make sure to include the code inside the css media query that Victoria created and suggested above.

    .av_secondary_right .sub_menu {
    	padding-left: 0;
    }
    
    .responsive #header .sub_menu, .responsive #header_meta .sub_menu > ul {
    	float: none;
    	text-align: right;
    	margin: 0;
    	position: static;
    	width: auto;
    }
    
    .responsive .phone-info {
    	float: right;
    	width: auto;
    	clear: none;
    	text-align: right;
    }
    
    .responsive #header_meta .sub_menu > ul {
    	width: auto;
    	text-align: right;
    }
    
    .responsive #header_meta .sub_menu > ul > li:last-child {
    	padding-right: 0;
    }

    Best regards,
    Ismael

    in reply to: Google Analytics not working? #1283413

    Hi,

    Thank you for the update.

    1.) Yes, the analytics field should also work for the latest GA4 tag as described in the avia_get_tracking_code function inside the functions-enfold.php file.

    	/**
    	 * Make google analytics code work, even if the user only enters the UA id (UA-[0-9]*-[0-9]*).
    	 * With 4.8 support is extended for new GA4 tracking code G-[0-9A-Za-z] (Jan. 2021 - https://github.com/KriesiMedia/wp-themes/issues/3032 )
    	 * 
    	 * The async tracking code is placed in the header (GDPR is supported to only load when allowed).
    	 * 
    	 * @return void
    	 */
    

    2-3.) It should be added in the Enfold > Google Services > Google Analytics field, which also ensures that the privacy settings for it will also work. We could add it using wp_head hook or by putting it directly in the template (header.php file), but the designated privacy settings will not work.

    Best regards,
    Ismael

    in reply to: Masonry and Masonry Gallery Modules #1283133

    Hey ValerioGem,

    Thank you for the inquiry.

    You are probably on the right track using the Masonry Gallery and the items’ Custom Link field or option, just make sure that the Advanced > Link Settings > Image Link settings is set to the second option (Use custom link) so that it actually uses the entry or the URL set in the Custom Link field.

    Best regards,
    Ismael

    in reply to: Accessibility check issues #1283131

    Hey wtechgr,

    Thank you for the inquiry.

    The hidden input field is a decoy, which should be empty, and is added to trick spam bots, and so when this hidden input is filled, the form will not be sent. We could remove that decoy by editing the enfold\config-templatebuilder\avia-shortcodes\contact\contact.php, and by removing this code around line 898.

    		//fake username field that is not visible. if the field has a value a spam bot tried to send the form
    			$elements['avia_username']  = array( 'type'=>'decoy', 'label'=>'', 'check'=> 'must_empty' );
    

    This, however, will decrease form security but you could still use other form protection such as the Google reCAPTCHA.

    And regarding the contrast issue, the tool might be giving lower scores because you are using a background image. Contrast check is much more effective when testing a font color against a solid background, so adding a box with a solid background behind the text should help.

    Best regards,
    Ismael

    in reply to: Plugin conflict removes kitchen sink from wysiwyg #1283126

    Hi,

    Thank you for the info.

    I’m still not getting the option in the Avia Layout Builder.

    Does it disappear on all elements using the text editor? Aside from the plugin Yigit suggested above, you might be able to use the following plugin to bring back the kitchen sink to the text editor.

    // https://wordpress.org/plugins/tinymce-advanced/

    The login info above is no longer working, so we were not able to check the site properly.

    Best regards,
    Ismael

    in reply to: Moving Coupon Form on Checkout Page #1283123

    Hi,

    Thank you for the update.

    We can initially hide the forms with this css code.

    #order_review .form-row-first, #order_review .form-row-last, .woocommerce-form-coupon-toggle + p {
    	display: none;
    }

    And use this script in the functions.php file to toggle their visibility when the showcoupon link is clicked.

    // a custom script
    function ava_custom_script_mod() {
        if ( wp_script_is( 'avia-default', 'registered' ) ) {
            wp_add_inline_script( 'avia-default', '
    		(function($) {
    			$(".showcoupon").on("click", function() {
    				$("#order_review .form-row-first, #order_review .form-row-last, .woocommerce-form-coupon-toggle + p").toggle();
    			});
    		})(jQuery);
    	');
        }
     }
     add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod', 9999);

    Let us know if it helps.

    Best regards,
    Ismael

    in reply to: Enfold Gaming Demo Menu functionality on Sub Menu #1283119

    Hey raquelravanini,

    Thank you for the inquiry.

    Yes, that is possible. You have to create sections using the Color Section element with a unique ID, which can be added in the color sections’ Advanced > Developer Settings > Custom ID Attribute field. We can then create a menu item or a source anchor that links to this color section, so when the unique ID of the color section is “section-1” for example, the navigation URL of the menu item or of the source anchor should be “http://site.com/page/#section-1&#8221;, and when clicked, the page should scroll to the color section or to the destination anchor.

    Best regards,
    Ismael

    in reply to: Speed/Pace of Accordion toggle opening #1283106

    Hey santinimedia,

    Thank you for the inquiry.

    The speed or duration of the accordion toggles can be adjusted but we have to directly modify the enfold\config-templatebuilder\avia-shortcodes\toggles\toggles.js and adjust the duration of the slideDown and slideUp functions manually. In the said file, please look for this code around line 76..

    content.slideUp(200, function()
    

    .. and adjust the current duration, which is 200ms.

    And around line 204, look for this code and once again, adjust the duration value.

    content.slideDown(200,
    

    We were not able to check the site because it is on maintenance mode.

    Best regards,
    Ismael

Viewing 30 posts - 14,131 through 14,160 (of 66,017 total)