Forum Replies Created

Viewing 30 posts - 13,891 through 13,920 (of 67,048 total)
  • Author
    Posts
  • in reply to: Magnific Popup takes you to top of page #1307913

    Hey laura1234,

    Thank you for the inquiry.

    You can try the solution that we posted in the following thread to prevent it from automatically scrolling to the top when lightbox is opened.

    // https://kriesi.at/support/topic/modal-pop-up-window-on-mobiles/#post-1292390

    Best regards,
    Ismael

    in reply to: Contact Form Thank You Text Size #1307912

    Hey jleclair87,

    Thank you for the inquiry.

    You can use this css to adjust the font size of the contact form response text.

    .avia_ajax_form .ajaxresponse {
       font-size: 2em;
       font-size: 32px;
    }
    

    Best regards,
    Ismael

    in reply to: Mobile device display order #1307911

    Hi,

    We cannot find the page with the 1/2 columns, so we created a draft page instead. We added a color section and applied a unique class name to it called “av-custom-column-order” so that we can differentiate it from other color sections. In the color section, we inserted three rows with two 1/2 column elements each. Then we added this css code in the Enfold > General Styling > Quick CSS field to reverse the order of columns in each row on mobile view

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      .av-custom-column-order .entry-content-wrapper {
        display: flex;
        direction: ltr;
        flex-direction: column;
      }
    
      .av-custom-column-order .av_one_half:nth-child(1) {
        order: 2;
      }
    
      .av-custom-column-order .av_one_half:nth-child(2) {
        order: 1;
      }
    
      .av-custom-column-order .av_one_half:nth-child(3) {
        order: 4;
      }
    
      .av-custom-column-order .av_one_half:nth-child(4) {
        order: 3;
      }
    
      .av-custom-column-order .av_one_half:nth-child(5) {
        order: 6;
      }
    
      .av-custom-column-order .av_one_half:nth-child(6) {
        order: 5;
      }
    }
    

    See private field for the draft page link.

    Best regards,
    Ismael

    in reply to: Tag archive #1307908

    Hey marcie73,

    Thank you for the inquiry.

    For the tag archive page, you can use this code in the functions.php file to replace div with h1.

    /**
    	 * Show an archive description on taxonomy archives.
    	 */
    	function woocommerce_taxonomy_archive_description() {
    		if ( is_product_taxonomy() && 0 === absint( get_query_var( 'paged' ) ) ) {
    			$term = get_queried_object();
    
    			if ( $term && ! empty( $term->description ) ) {
    				echo '<h1 class="term-description">' .  wp_kses_post( $term->description )  . '</h1>'; 
    			}
    		}
    	}
    

    And modify the hooks that we created previously. Try to replace it with:

    // ADD PRODUCT CATEGORY DESCRIPTION IN RIGHT PLACE
    add_action("after_setup_theme", function() {
    	if(is_product_category()) {
                 add_action( "woocommerce_before_shop_loop", "woocommerce_taxonomy_archive_description", 10 );
            }
    	add_action( "woocommerce_before_shop_loop", "woocommerce_before_shop_loop", 10 );
    }, 20);
    

    Best regards,
    Ismael

    in reply to: Use product category or single pages in menu #1307894

    Hi,

    Thank you for the update.

    Unfortunately, you cannot edit the archive pages using the advance layout builder. You will have to modify the template files directly in order to change the layout of the product category pages. For more info, please check the following documentation.

    // https://docs.woocommerce.com/document/template-structure/

    Best regards,
    Ismael

    in reply to: The icons don't show correctly in my website #1307892

    Hey langs24,

    Thank you for the inquiry.

    The icons are not displaying correctly because the site where it is loaded from or retrieved is different from the actual domain. Are you doing any redirection, or did you set WordPress to load from a different domain?

    You may need to set a CORS policy to allow fonts or resource from a different domain.

    // https://kriesi.at/documentation/enfold/icon/#icons-are-showing-as-rectangular-boxes-

    Best regards,
    Ismael

    in reply to: Masonry filter and load more button conflict #1307891

    Hey Marc,

    Thank you for the inquiry.

    We can use the avia_masonry_entries_query filter to adjust the query for the masonry element and increase the number of items or entries without having to adjust the element option or edit the files directly.

    Example:

    /** alter masonry query **/
    function avia_masonry_entries_query_mod( $query ) {
    	$query["posts_per_page"] = 200;
    	return $query;
    }
    
    add_filter("avia_masonry_entries_query", "avia_masonry_entries_query_mod");
    

    Please note that the filter above will affect every masonry element in the site, so adding conditional functions or logic to limit it to certain pages or a specific masonry element may be necessary.

    Best regards,
    Ismael

    in reply to: Tab Section problem, doesnt show full content #1307887

    Hi,

    Thank you for the info.

    The tab section works well with static content or content with definite height. It has issues with element that dynamically changes on user interaction such as the masonry element and iframes loading content from external sources. To fix the issue with the pagination or the load more button, you may need to add this script in the functions.php file.

    
    function ava_custom_script_tab_resize(){
    	?>
    	<script type="text/javascript">
            (function() {
               $('.av-masonry-load-more').on('click', function() {
                setTimeout( function() {
                    $(window).trigger('av-content-el-height-changed');
                }, 1000);
               });
            })();
    	</script>
    	<?php
    }
    add_action('wp_footer', 'ava_custom_script_tab_resize');
    

    And for the iframe issue, this might be needed.

     function ava_enqueue_custom_script_resize() {
        if ( wp_script_is( 'avia-default', 'registered' ) ) {
            wp_add_inline_script( 'avia-default', "(function($){	
                var int = window.setInterval(function(){
                    console.log('tick');
                    $(window).trigger('resize');
                    $(window).trigger('av-content-el-height-changed');
                }, 2000);
    
                $(window).on('load', function() {
                    setTimeout( function() {
                        clearInterval(int);
                    }, 1000 );  
                });
            })(jQuery);" );
        }
     }
     add_action( 'wp_enqueue_scripts', 'ava_enqueue_custom_script_resize', 9999);
    

    Best regards,
    Ismael

    in reply to: woocommerce 2 column checkout #1307883

    Hi,

    Thank you for the inquiry.

    You can use this css code to adjust the width of the checkout form and the order details.

    @media only screen and (min-width: 768px) {
      .woocommerce-checkout {
        display: flex;
        justify-content: space-between;
      }
    
      .woocommerce-checkout #customer_details {
        overflow: visible;
        flex: 1 1 60%;
        margin-right: 4%;
      }
    
      .woocommerce-checkout #order_review_heading {
        position: absolute;
        left: 64%;
      }
    
      .woocommerce-checkout #order_review {
        flex: 1 3 34%;
        top: 54px;
        position: inherit;
      }
    }

    Best regards,
    Ismael

    in reply to: Unique title and description on pagination pages! #1307881

    Hi,

    Thank you for the info.

    Would you mind posting the login details in the private field so that we could check the site properly? Please make sure that the Appearance > Editor panel is accessible.

    Best regards,
    Ismael

    Hey Annemarie,

    Thank you for the inquiry.

    that you could clean up the next time you’re working on the cookie window content

    What do you mean? Would you mind posting a screenshot of the issue so that we can understand it better? We checked the lines that you mentioned above but we did not find any unusual or missing markup.

    Best regards,
    Ismael

    in reply to: Linking Problem with Anchor in Menu #1307879

    Hi,

    @EFESQU: Updating the theme to the latest version (4.8.3) should help. If not, try to revert jQuery to an older version by using the following plugin.

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

    Best regards,
    Ismael

    in reply to: Overlapping of Logo and Menu #1307877

    Hey franziskaivens,

    Thank you for the inquiry.

    The menu is now set to an icon on both mobile and desktop view. Did you change the menu settings to prevent the menu from overlapping with the logo?

    Best regards,
    Ismael

    in reply to: Problem with Enfold theme, size of featured image #1307756

    Hey rmieniawski,

    Thank you for the inquiry.

    The size of the featured image on post with sidebar is set to 845x321px by default. You can adjust it directly in the functions.php file (line 195).

    $avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);	
    

    Or by using the following plugin.

    // https://wordpress.org/plugins/simple-image-sizes/

    Best regards,
    Ismael

    in reply to: masonry gallery caption #1307754

    Hey jelle,

    Thank you for the inquiry.

    You should be able to add the title and description of the images directly in the Media > Library panel. Have you tried that? The lightbox relies on the title attribute, so placing the description of the image in the title attribute field should work.’

    // https://codex.wordpress.org/Inserting_Media_into_Posts_and_Pages#Step_4_.E2.80.93_Attachment_Details

    Best regards,
    Ismael

    in reply to: WooCommerce Checkout Page Layout #1307751

    Hey creativeopole,

    Thank you for the inquiry.

    The layout that you see in the screenshot is actually the default template from the Woocommerce plugin . It is not from the theme. It can be adjusted by overriding the hooks or by editing the plugin’s template files directly. Please check the following documentation and article for more info.

    // https://docs.woocommerce.com/document/template-structure/
    // https://wpdevdesign.com/how-to-override-woocommerce-templates-using-a-custom-functionality-plugin/

    Best regards,
    Ismael

    in reply to: Cannot edit visual text block editor – again #1307750

    Hey nickname-superstar,

    Thank you for the update.

    Do you see the same errors in the logs? According to the log, the error is with the layer slider and the KM_UpdatesV3 class. Did you remove the layer slider from the Enfold > Layout Builder > Layerslider Options settings?

    Best regards,
    Ismael

    Hey InnovGrp,

    Thank you for the inquiry.

    This should be possible but adding this kind of feature is beyond the scope of support. You can look at this library or extension to get the country of the client based on the IP address.

    // https://www.php.net/manual/en/book.geoip.php

    You can then edit the handler_wp_footer_cookie_consent_bar function in the enfold/includes/helper-privacy.php and set the conditions accordingly.

    Best regards,
    Ismael

    in reply to: Mobile device display order #1307746

    Hi,

    The login token above is not working. Are you sure that it is still valid? Would you mind posting the admin account that you are using so that we can access the dashboard?

    Examples of the solution that we described above can be found here.

    // https://kriesi.at/support/topic/element-layout-in-mobile/#post-1193991
    // https://kriesi.at/support/topic/flex-columns-on-2-51-51-51-5/#post-1299173
    // https://kriesi.at/support/topic/sidebar-on-smartphone/#post-1262386

    Best regards,
    Ismael

    in reply to: Tab Section problem, doesnt show full content #1307742

    Hey Mohamad,

    Thank you for the inquiry.

    Does it work correctly when you remove the loading=”lazy” attribute from the iframe element?

    <iframe loading="lazy" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/2541798&color=%23ebce45&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true" width="100%" height="450" frameborder="no" scrolling="yes"></iframe>
    

    It is possible that the height of the tab section is not calculated properly because the iframe only loads when the tab title is clicked.

    Best regards,
    Ismael

    in reply to: Google Map Marker Size Increase #1307692

    Hi,

    We already modified the script directly in the parent theme. If you want to place it in the child theme, you have to unregister the original file and register it back with the new path in the child theme.

    Example:

    // https://kriesi.at/support/topic/tabs-select-on-hover/#post-1307497
    // https://kriesi.at/support/topic/how-to-disable-google-maps-zoom-double-click-right-or-left/#post-1303702

    Best regards,
    Ismael

    in reply to: Yoast not adding page number to home pagination title #1307689

    Hi,

    @Konstantin: We replied in the following thread. Please continue there.

    // https://kriesi.at/support/topic/unique-title-and-description-on-pagination-pages/

    Best regards,
    Ismael

    in reply to: What element for an interactive image row? #1307687

    Hi,

    No problem. Please feel free to open another thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Woocommerce change position "in stock" #1307684

    Hi,

    Thank you for the update.

    Try to add this code in the functions.php file to display the stock after the price.

    add_action("woocommerce_single_product_summary", function() {
    	global $product;
    	echo wc_get_stock_html( $product ); // WPCS: XSS ok.
    }, 15);
    

    You may need to remove or hide the default “in stock” element using css.

    Best regards,
    Ismael

    in reply to: Google Analytics Cookies are loaded automaticaly #1307682

    Hi,

    Thank you for the update.

    That is possible but it is not recommended because a lot of the files are related and updating only one file could lead to errors or unexpected behavior. Please update the theme and create a child theme in future.

    Best regards,
    Ismael

    in reply to: ACF field group post type on blog #1307681

    Hi,

    Thank you for the info.

    Try to replace the snippet or filter with the following code.

    function avia_blog_post_query_mod($query, $params) {	
        foreach($query['post_type'] as $key => $value) {
            if( $value == 'acf-field-group' ) {
                unset($query['post_type'][$key]);
            }      
        }
    
        return $query;
    }
    add_filter('avia_masonry_entries_query', 'avia_blog_post_query_mod', 10, 2);
    add_filter('avia_blog_post_query', 'avia_blog_post_query_mod', 10, 2);
    

    Best regards,
    Ismael

    in reply to: Unique title and description on pagination pages! #1307677

    Hi,

    Are you referring to the main blog page? Did you set the blog page in the Enfold > Theme Options panel? The theme should automatically append the current page number to the title when the page is paginated.

    Screenshot: https://postimg.cc/TLxNH33N/48a89310

    Please provide a direct link to the page with the pagination so that we could check it.

    Best regards,
    Ismael

    Hi,

    The posts are actually included in the sitemap. Did you try to resubmit the sitemap to the search engine? (see private field)

    You may need to manually specify each sitemap in the robot.txt file instead of declaring the index file. Example:

    
    Sitemap: https://e-commercemanagers.com/post-sitemap1.xml
    Sitemap: https://e-commercemanagers.com/post-sitemap2.xml
    

    Please note that this process could take a while, so you may have to wait if you have just recently added your sitemap.

    Best regards,
    Ismael

    Hi,

    Thank you for the info.

    To remove the borders and arrows, you can use this css code.

    .responsive #top .av-menu-mobile-active .av-subnav-menu  li {
        border: none;
    }
    
    .responsive #top .av-subnav-menu .avia-bullet {
        display: none;
    }

    However, in order to change the icon, you may need to modify the enfold/config-templatebuilder/avia-shortcodes/menu/menu.php file and add the svg element around line 624.

    $mobile_button = $mobile == 'active' ? "<a href='#' class='mobile_menu_toggle' " . av_icon_string( 'mobile_menu' ) . "><span class='av-current-placeholder'>" . __( 'Menu', 'avia_framework' ) . '</span></a>' : '';
    			if( ! empty( $mobile_button ) && ! empty( $mobile_submenu ) && $mobile_submenu != 'disabled' )
    			{
    				$submenu_hidden = 'av-submenu-hidden';
    			}
    

    You can change it via css but you have to register the genericons package or font files.

    // https://wpsites.net/web-design/installing-genericons/

    Best regards,
    Ismael

    in reply to: Sorting "You might also like" #1307671

    Hi,

    Thank you for the info.

    This is possible, but you have to use the get_adjacent_post function to get the next and previous posts, queried by date. Or enable the Enfold > Blog Layout > Single Post Navigation option, which is already using the get_adjacent_post function out of the box.

    // https://developer.wordpress.org/reference/functions/get_adjacent_post/
    // https://core.trac.wordpress.org/browser/tags/3.1.1/wp-includes/link-template.php#L1088

    The related posts section are already queried by date but it fetches all related posts from the top irregardless of the current post.

    Best regards,
    Ismael

Viewing 30 posts - 13,891 through 13,920 (of 67,048 total)