Viewing 30 results - 31 through 60 (of 106,057 total)
  • Author
    Search Results
  • Hi,

    I’ve revised the test page for the Liberty radiator — the dropdowns now correctly match the finish and the corresponding image in the slider.

    Some product pages will include both colour and size variants and will therefore require three dropdowns. Other pages will only have a size variant and will just need a single dropdown.

    If this setup isn’t possible, is there a way to use the native WooCommerce variation images instead of the Enfold slider, while still keeping the other content elements on the page — effectively a hybrid approach?

    I came across this support topic, which suggests it may be possible:

    Enfold / WooCommerce product variations

    I can provide guest login access to the dev site if required.

    Please advise.

    Thanks

    Hi,

    Thanks for the update. I’ve imported the content for the top level pages for you, please review your site. Please note that the theme settings and images are not included. Let us know if you should need anything more from the demo.

    Best regards,
    Rikard

    Hi,
    Thanks for the demos, I have a working script for the first product “Column Radiators Raw Steel III Horizontal” that contains only one dropdown options box. But your second page that has two dropdowns for color & size is not working because you don’t have enough  images for each possibility, your only image are for “Brushed Bronze” and none for “Polished Stainless Steel”.
    I’m not sure if this will work as the script may work better with one dropdown option per page. Can you have a different  page for each? The slides only have the classes “slide-3”, etc not the variation that you may achive using the WooCommerce variation images built into WooCommerce instead of using the Enfold slider that is not built for this.

    Best regards,
    Mike

    Hi,

    I have set up 2 x test pages in Private.

    Can you set the test?

    Extra images for gallery that are not sizes or colours eg. lifestyle images – if I wanted extra images in the gallery would this be possible, or would these need to be added as a separate gallery? If so, where would you suggest for best USX?

    Thanks

    #1493562

    In reply to: Main Content

    Hi,

    You can upload images to a service like Dropbox, Google Drive, Imgur or Snipboard to name a few. You can then link to the image in your reply.

    Best regards,
    Rikard

    #1493558
    thomasb328
    Participant

    Hi, Enfold theme, GYM demo, about page, our team, Sandra… When I replace the image with my own, it always appears blurry in stretch-to-fit and scale-to-fit modes, even though the resolution is very good. If I insert the image without stretching and scaling, it appears much too small. What can I do? Best regards, Thomas

    #1493530

    may i ask you what is behind your “avia_gallery_image_order” – because this seems to be your custom function name – and not the filter that is used by enfold. So could you give more info about that function?

    #1493490

    Sorry but that isn’t the issue. I can’t edit any slides. The slide editor won’t open. Also, I would prefer that image not be public.

    • This reply was modified 2 weeks, 1 day ago by beverlystone.
    #1493488

    Hey beverlystone,
    Thanks for your patience, when I check your English site the LayerSlider links seem to for for me:
    fGhIhox.md.png

    Best regards,
    Mike

    although you have the grid the different “images” are placed in a slide-loop and the slides are numbered – starting at number 1 from left to right – to to bottom : slide-loop-1, slide-loop-2, slide-loop-3 etc.

    so you can address the “image” via that class – why i do note it as “image” these are background-images – no img tag here !
    So a padding will not bring you to your wanted result.

    but try f.e.:

    #top .avia-logo-grid .slide-entry-wrap .slide-loop-6 .av-partner-fake-img {
      background-size: 80% !important;
      background-position: center;
      background-color: inherit;
    }

    if you want it for only that element – give a custom ID or class to the partner-logo element.
    e.g. with my-custom-class

    #top .avia-logo-grid.my-custom-class .slide-entry-wrap .slide-loop-6 .av-partner-fake-img {
      background-size: 50% !important;
      background-position: center;
      background-color: inherit;
    }

    if you use a jpg for that slide – change the background-color to the background of that jpg.

    Hi Mike,

    Just to clarify — if one product has X variants with matching images, and another product has a different set of X variants with matching images, will that work?

    For example:

    Every product page will have different size variants with matching images.

    Some product pages will have both colour and size variants.

    If a product has both size and colour variants, will that work correctly as well?

    Please confirm, and I’ll send over a test.

    Thanks,
    Marcus

    is it caused by board soft that there is a usage of an entity in your link notation?
    (because you are not using the code tag to post that, i can not say if it is the reason for it.)

    the quotes you set are all straight double quotes :

    <link rel="icon" type="image/x-icon" href="https://mysite.com/favicon.ico">
    <link rel="shortcut icon" type="image/x-icon" href="https://mysite.com/favicon.ico">
    

    and try both entries via wp_head

    Hey jodys1976,

    Thank you for the inquiry.

    We can see the favicon correctly when we checked and according to these sites, the site contains a favicon.

    https://realfavicongenerator.net/favicon-checker
    https://practicalprogrammatic.com/tools/favicon-checker

    fEkSXRt.png

    Best regards,
    Ismael

    Hi,
    As I recommend, as long as each product has the same number of images as variations in the same order, the script I have in mind should work, but we wont know until we test it. A plugin is another option, but note that all third party woo plugins don’t play nice (work) with Enfold.

    Best regards,
    Mike

    each product will have different variations and number of images.

    Does that make it not possible?

    Thanks

    Hi,
    I would expect the script to work on mobile also, but we will be testing on desktop to start.
    The size of the images should not matter, but each product needs to have the same number of images as the variations.

    Best regards,
    Mike

    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

Viewing 30 results - 31 through 60 (of 106,057 total)