Viewing 30 results - 271 through 300 (of 106,281 total)
  • Author
    Search Results
  • jodys1976
    Participant

    Hi, I am writing because I am unable to get my favicon to appear in Google search results (SERP), although it is correctly displayed on the browser tabs. Can you help me please?

    I have already thoroughly searched the forum and followed all the suggestions provided in previous threads (such as #1486419, #1486479, and #1486399), but the issue persists.

    Here is a detailed list of what I have already done:

    Format & Conversion: I have converted the favicon from PNG to a proper .ico file using recommended tools (like favicon.io).

    Root Directory: I have manually uploaded the favicon.ico file to the root directory of my server via FTP, as suggested by Mike, to ensure Google Bot can find it outside the /wp-content/uploads/ path.

    Theme Settings: The favicon is correctly set in both Enfold Theme Options and via Appearance > Customize > Site Identity.

    Code Injection: I have tried adding the manual tags to the functions.php of my child theme using the wp_head action to force the icon declaration: <link rel=”icon” href=”https://mysite.com/favicon.ico&#8221; type=”image/x-icon”>

    Caching: I have cleared all server-side caches (Litespeed/Plugin), and I have requested a new crawl via Google Search Console.

    Visibility: The favicon is visible when logged in, in incognito mode, and on various browsers, but Google still shows the default globe icon in search results.

    Despite these steps, which have worked for other users in the past, my site has not updated in the SERP for several weeks.

    Can i ask you if there is any Enfold-specific setting or a conflict in the header output that might be preventing Google Bot from correctly indexing the icon? (i heve the last updated theme and worpress).

    Best regards,

    Stefano

    Hi,
    Yes to the first two questions, as for the custom javascript it is a maybe, we would need to see a test page with the dots in your slider, and the same number of slides as your variations in the same order. Since there are no added classes to tell javascript the difference it needs to be setup so the first option is the first image in the slider & the last is the same as your last image. The dots in the slider link to the images, where the next/prev only link to the next image, not a specific image.
    It may work similarly to this thread. But this thread is not your solution, we will need to examine and test on an example on your test page.

    Best regards,
    Mike

    Hi
    Thanks for the feedback.

    Are you saying that the default Enfold/Woo product page would enable the functionality we need?
    eg. target and display the correct image when a user selects a specific option from the Size dropdown (for example, selecting a size updates the gallery to show the image for that size).
    If we use the default page, will we lose the other builder elements on the that we already have eg. Avia layout Builder Table?

    You mentioned that we may be able to keep the layout but add Javascript – do you know what this would be and where to add?

    Thanks

    Hey Munford,
    To hide the brand try this css:

    .single-product .product_meta .tagged_as + .posted_in {
    	display: none;
    }

    To change the woo sorting options to categories is not that easy, but I was able to create this function for your child theme functions.php

    add_action( 'woocommerce_before_shop_loop', 'custom_product_category_dropdown', 20 );
    
    function custom_product_category_dropdown() {
        $args = array(
            'show_option_none' => __( 'Filter by Category', 'woocommerce' ),
            'show_count'       => 1,
            'hierarchical'     => 1,
            'taxonomy'         => 'product_cat',
            'hide_empty'       => 1,
            'value_field'      => 'slug',
            'class'            => 'orderby',
            'name'             => 'product_cat_filter',
            'id'               => 'product_cat_filter',
        );
    
        echo '<div class=" sort-param sort-param-order custom-category-dropdown">';
        wp_dropdown_categories( $args );
        echo '</div>';
    
        ?>
        <script type="text/javascript">
            (function() {
                var dropdown = document.getElementById("product_cat_filter");
                if (dropdown) {
                    dropdown.onchange = function() {
                        var val = this.value;
                        if (val !== '-1') {
                            // Redirect to the category archive page
                            window.location.href = "<?php echo esc_url( home_url( '/' ) ); ?>product-category/" + val;
                        }
                    };
                }
            })();
        </script>
        <?php
    }

    Then add this css:

    #top .product-sorting.avia-product-sorting {
       display: none;
    }
    .avia-webkit #top.woocommerce-page .custom-category-dropdown select {
        padding-right: 40px;
    }
    #top.woocommerce-page .custom-category-dropdown select {
    	width: 100%;
    }

    The result:
    f06ziOu.md.png
    f06cvpV.md.png
    Note that clicking the category in the sort will redirect to the category page, I’m not sure if that will be an issue for you, but it’s the only solution I could come up with. Also the dropdowns style is a little different from the theme.

    Best regards,
    Mike

    #1492704

    well – for the size i see in your merged styles :

    #top #wrap_all .av-inherit-size .av-special-heading-tag {
      font-size: 1em;
    }

    because it is the merged version i do not see – if it is a quick css made rule.

    f.e. for the heading “NOTRE ENGAGEMENT” inside color-section : #engagement
    these rulesets are made inline ( inside the element options ) ( they are listed in a post-….css file )

    .avia-section.av-2ah6ew-59724389008986c8623645d2779db077 {
      background-color: #0984a9;
      background-image: unset;
    }
    
    #top #wrap_all .av-special-heading.av-ma6kesg8-158f508a9a89994cebab9c80a4c731f0 .av-special-heading-tag {
      font-size: 40px;
    }

    for the heading “ACTUALITÉ” inside color-section : #actualite this is not done.
    so the standard property is used:

    .main_color {
      background-color: var(--enfold-main-color-bg);
    }

    and this is for your page #fff

    woogie07
    Participant

    Hi,

    We’re currently developing a site with WooCommerce using the Enfold builder. The product gallery in use is the Enfold slider, which at the moment displays all product sizes and variants as separate images.

    We’ve been asked whether it’s possible to target and display the correct image when a user selects a specific option from the Size dropdown (for example, selecting a size updates the gallery to show the image for that size).

    Is this functionality supported natively within the Enfold theme and WooCommerce, or would it require custom JavaScript? We’re also open to using an alternative gallery solution or plugin if that makes targeting the correct variation image easier or more robust.

    A sample page is in the private environment.

    Thanks in advance for your guidance.

    #1492668

    In reply to: Recent Posts-Widget

    Hi,

    Is the plugin working? We’re not able to view the screenshot for some reason. Please try to use freeimage.host instead. If you can provide the login details in the private field, we’ll check the widgets further.

    Best regards,
    Ismael

    #1492662

    In reply to: Main Content

    Hi,
    Do you mean the “Idee di viaggio in Sicilia” section or the section below it? Both seem full width when I check.
    flWpl4f.md.png

    Best regards,
    Mike

    #1492644

    Hi,

    Thank you for the details.

    We reset the WP_MEMORY_LIMIT and WP_MAX_MEMORY_LIMIT to 1024M and it seems to have worked as expected. But when we try to edit an element in the builder, we now receive a “not logged in” error. We are not sure whether the login token has expired or if this is a different issue. Please generate a new login or wtlwp token.

    fl22ht1.md.png

    We are still seeing the same error in the logs.

    PHP Fatal error: Allowed memory size of 536870912 bytes exhausted

    We recommend reaching out to your hosting provider for additional assistance.

    Best regards,
    Ismael

    Hey sensiblekaren,
    Please provide a link to your site and a screenshot of the logo in question.

    Best regards,
    Mike

    #1492634

    In reply to: Main Content

    Hey daninap,
    Check Enfold Theme Settings > General Layout > Maximum Container Width
    fc4zGJj.md.png
    and also that you are not using a boxed layout at Enfold Theme Settings > General Layout > Layout
    fc47dBV.md.png
    Otherwise please provide a admin login for us to check.

    Best regards,
    Mike

    #1492614
    emilconsor
    Participant

    Hi Ismel,

    I can’t seem to respond to the topic anymore, so I’m creating a new one with a link to the old one. I hope that’s OK!

    I have activated the Theme Editor! I’m sorry again for the very late response.

    #1492611

    Thanks Ismael for your precious help, it is ok now!
    For any future use of anyone else, I’ve slightly adapted it. Now it sticks to the right of the logo, and there is a “left arrow” icon instead of the text.

    arrow button
    Here the code to be added to the functions.php of the child theme. The button is visible <780px screens only.

    
    add_action( 'ava_main_header', 'ava_main_header_mod' );
    
    function ava_main_header_mod() {
        ?>
        <div class="ava-go-back-wrapper">
            #
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M19 12H5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M12 19L5 12L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </a>
        </div>
    
        <style>
            .ava-go-back-wrapper {
                display: none; 
                margin-left: 10px; 
                z-index: 1001;
                align-items: center; 
            }
    
            .ava-go-back-button {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 48px;
                height: 48px;
                padding: 0;
                background-color: transparent; 
                border: none;
                color: #333333;
                text-decoration: none;
                -webkit-tap-highlight-color: transparent;
                transition: opacity 0.2s ease;
            }
    
            .ava-go-back-button:active {
                opacity: 0.5;
            }
            
            .ava-go-back-button svg {
                display: block;
            }
    
            @media only screen and (max-width: 780px) {
                .responsive #top .logo,
                .responsive .logo,
                .logo {
                    display: flex !important; 
                    align-items: center !important;
                    width: auto !important; 
                    float: left !important;
                    overflow: visible !important;
                }
    
                .logo a {
                    display: flex !important;
                    align-items: center;
                }
                
                .ava-go-back-wrapper {
                    display: flex !important;
                }
            }
            
            @media only screen and (max-width: 360px) {
                .ava-go-back-wrapper {
                     margin-left: 5px;
                }
                .ava-go-back-button {
                    width: 40px;
                    height: 40px;
                }
            }
        </style>
    
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                var logo = document.querySelector('.logo');
                var backBtnWrapper = document.querySelector('.ava-go-back-wrapper');
    
                if (logo && backBtnWrapper) {
                    logo.appendChild(backBtnWrapper);
                }
    
                function closeBurgerMenu() {
                    const burgerBtn = document.querySelector('.av-burger-menu-main .av-hamburger.av-js-hamburger');
                    const overlay = document.querySelector('.av-burger-overlay');
                    if (burgerBtn && burgerBtn.classList.contains('is-active')) {
                        burgerBtn.classList.remove('is-active');
                    }
                    if (overlay) {
                        overlay.style.display = 'none';
                        overlay.style.opacity = '0';
                    }
                }
    
                const goBackBtn = document.querySelector('.ava-go-back-button');
                if (goBackBtn) {
                    goBackBtn.addEventListener('click', function(e) {
                        e.preventDefault();
                        e.stopPropagation();
                        
                        closeBurgerMenu();
                        
                        setTimeout(function() {
                            history.back();
                        }, 50);
                    });
                }
            });
        </script>
        <?php
    }
    

    Bye!
    A.-

    #1492589

    In reply to: Editor page not works

    Hey Luckyredsun,

    Thank you for the inquiry.

    We tried logging in, but the account above is invalid. Please check the info carefully. Which editor are you using, the classic editor or the block editor? Please try to reselect the editor in Enfold > Theme Options > Select Your Editor, located at the very bottom.

    fc5lVMx.md.png

    Let us know the result.

    Best regards,
    Ismael

    #1492588

    Hey!

    Thank you for the update.

    Please add this to the style block or style element:

    .ava-go-back-wrapper {
        position: absolute;
        z-index: 99;
        left: 55%;
        right: auto;
        top: 5px;
    }

    fc5aVDb.md.png

    Best regards,
    Ismael

    #1492579

    Hi,

    It does works, but it prevents scrolling the page when touching the image. Not a major problem, but it feels a bit strange (like Google Maps that zooms in/out when we try to scroll). Since the same swiping problem occurs on iPad too, it is more likely someone will try to scroll the page from the (larger) image there.

    Maybe we should do it the other way around: allow swiping and update the selected ingredient when that happens.

    Best regards,
    Serge

    #1492561

    Thanks Ismael! almost OK :)

    See here: before reaching 768px the header is fine…

    before

    After 768px, it creates an additional header, with the button in the middle :-)

    after

    In private the staging area info.
    Thanks again!
    Bye,
    A.-

    #1492550

    Hi,

    Thank you for the short clip.

    We were referring to the AJAX search. For the actual search results page, we removed the pre_get_posts hook and added this filter instead.

    add_filter( 'the_posts', 'ava_filter_search_results', 10, 2 );
    function ava_filter_search_results( $posts, $query ) {
    
        if (
            is_admin()
            || ! $query->is_main_query()
            || ! $query->is_search()
            || ! class_exists( 'WooCommerce' )
        ) {
            return $posts;
        }
    
        foreach ( $posts as $key => $post ) {
            if ( $post->post_type !== 'product' ) {
                continue;
            }
    
            $product = wc_get_product( $post->ID );
    
            if ( ! $product ) {
                continue;
            }
    
            if ( ! $product->is_visible() ) {
                unset( $posts[ $key ] );
            }
        }
    
        return array_values( $posts );
    }

    fapAed7.md.png

    Best regards,
    Ismael

    #1492533
    mistermagoo8691
    Participant

    In the middle of the top menu bar on the mobile view, I’d like to place a “<=” button (or a menu item with an icon).
    This button/menu item should have a simple “javascript:history.back()” link so that the user can go back to the previous page.

    This is useful when the website is installed as a webapp and there is no browser around it.

    Could you please help me? I’ve seen some requests in the forum for a secondary menu in addition to the hamburger menu, but the PHP + CSS code mentioned seems quite complex for what I want to do.

    Here what I’d like to achieve…

    Back button

    Thanks in advance!
    Bye,
    A.-

    #1492532

    Hey tricorntravels,

    You can post images to an array of services online. Google Drive, Dropbox, Imgur and Snipboard are a few of them.

    Best regards,
    Rikard

    #1492531

    Hi,

    I see a map background image on both those pages, so I’m not 100% that I follow what you mean. If the plugin styling is overriding the theme, then there is no easy fix. You would have to manually override the plugin styling with CSS.

    Best regards,
    Rikard

    #1492509

    Hi,

    Sorry for the delay. Since removing the br tags also removes the list items, we used this css in the style.css file to hide the line breaks and display the list as a standard bullet list.

    .av-masonry-entry-content ul br {
        display: none;
    }
    
    .av-masonry-entry-content ul li {
        padding-left: 10px;
    	position: relative;
    }
    
    .av-masonry-entry-content ul li:before {
        content: "•";
        position: absolute;
        left: 0;
        top: 5px;
        font-size: 1em;
        line-height: 1;
    }

    Please check the private field for the screenshot.

    faIfPXs.md.png

    Best regards,
    Ismael

    #1492503

    On this page that I created with your very useful help, swiping on mobile devices changes the image, making it out-of-sync with the selected item in the ingredients list. How can I block user swiping? I cannot disable the Easy Slider navigation controls (set it to no user interaction) because the item selection code in the ingredient list needs them to display the corresponding image.

    Best regards,
    Serge Froment

    you can see (including a snippet for child-theme functions.php ) a different solution – where the margin-bottom value is ruled by a script.

    Only for masonry galleries – not for Masonry Entries

    This code fixes caption overlay issues in Enfold’s Masonry elements by:
    – Flexible Masonry: Places captions below images instead of overlaying them
    – Perfect Grid: Dynamically calculates margin-bottom based on caption height

    see: https://webers-testseite.de/masonry-with-captions/

    PS: for pefect grid and automatic grid – there are sometimes timing problems . Maybe i find some time to correct it in the script. For flexible Masonry this solution works very good.

    #1492486

    Hi,
    When I check I see this:
    fYxUerQ.md.png
    Try this css in your Quick CSS field:

    .portfolio .av-masonry-entry-content br {
    	display: none;
    }

    The result:
    fYxP7fa.md.png

    Best regards,
    Mike

    Hey milkrow,
    Thanks for your patience, if I understand correctly you are adding images in the text element in the ALB (advanced layout builder):
    fYB7rrX.md.png
    and instead of just the caption showing below the image, you want caption, description, copyright, and title to show like this:
    fYBExaI.md.png
    In my tests this snippet in your child theme functions.php works:

    add_filter('the_content', 'enfold_add_image_metadata');
    
    function enfold_add_image_metadata($content) {
        // Only process on frontend
        if (is_admin()) {
            return $content;
        }
        
        // Pattern to match images with WordPress attachment IDs
        $pattern = '/<img[^>]+wp-image-(\d+)[^>]*>/i';
        
        preg_match_all($pattern, $content, $matches);
        
        if (!empty($matches[0])) {
            foreach ($matches[0] as $index => $img_tag) {
                $attachment_id = $matches[1][$index];
                
                // Get image metadata
                $title = get_the_title($attachment_id);
                $caption = wp_get_attachment_caption($attachment_id);
                $description = get_post_field('post_content', $attachment_id);
                $copyright = get_post_meta($attachment_id, '_avia_attachment_copyright', true);
                
                // Build metadata HTML
                $metadata_html = '';
                
                if ($title || $caption || $description || $copyright) {
                    $metadata_html .= '<div class="image-metadata" style="line-height: 14px; color: #666;">';
                    
                    if ($title) {
                        $metadata_html .= '<div class="image-title" style="font-weight: bold;">' . esc_html($title) . '</div>';
                    }
                    
                    if ($caption) {
                        $metadata_html .= '<div class="image-caption" style="font-style: italic;">' . esc_html($caption) . '</div>';
                    }
                    
                    if ($description) {
                        $metadata_html .= '<div class="image-description">' . wp_kses_post($description) . '</div>';
                    }
                    
                    if ($copyright) {
                        $metadata_html .= '<div class="image-copyright">© ' . esc_html($copyright) . '</div>';
                    }
                    
                    $metadata_html .= '</div>';
                }
                
                // Replace the image with image + metadata
                if ($metadata_html) {
                    $replacement = $img_tag . $metadata_html;
                    $content = str_replace($img_tag, $replacement, $content);
                }
            }
        }
        
        return $content;
    }
    
    /**
     * Add CSS to hide default WordPress caption text
     * while keeping the caption container styling
     */
    add_action('wp_head', 'enfold_hide_default_caption_text');
    
    function enfold_hide_default_caption_text() {
        ?>
        <style>
            /* Hide the default WordPress caption text inside caption shortcode */
            .wp-caption p {
                display: none !important;
            }
        </style>
        <?php
    }

    In your media library add the text to your image:
    fYBwZjS.md.png

    Best regards,
    Mike

    #1492481

    Hey ebenanders,
    Try going to your Full With Easy Slider settings Advanced > Slideshow Transition and choose Fade:
    fY2pUhu.md.png

    Best regards,
    Mike

    ti2media
    Participant

    Dear Support,

    I am using a masonry element on the page.
    The title is put on the bottom of the image.

    Is it possible to put it below the image?

    Regards
    Stefan

    #1492441

    Hi,

    Thank you for the screenshot.

    The lightbox is not working on our end. The images in the gallery redirect to the actual resource page instead of opening in the lightbox. Please provide the login details in the private field so we can check the issue.

    Best regards,
    Ismael

    Hi,

    Thank you for the update.

    Image captions are associated with featured images or other media attachments, which are stored as a separate post type (attachment). This is different from regular posts or portfolio items, which do not have a built-in caption field — only an excerpt if supported. It is definitely possible to retrieve the caption of the featured image attached to a post but this will require modifications to the templates, which is beyond the scope of support.

    If you want to try it yourself, you can find the Masonry template in the enfold/config-templatebuilder/avia-shortcode-helpers/class-avia-masonry.php file.

    Thank you for your understanding.

    Best regards,
    Ismael

Viewing 30 results - 271 through 300 (of 106,281 total)