Forum Replies Created

Viewing 30 posts - 31 through 60 (of 34,981 total)
  • Author
    Posts
  • Hi,
    A test product page to test the javascript code. We can inject the code in the browser , but only for desktop.

    Best regards,
    Mike

    Hi,
    a: yes all would be lost
    b: if all of the products followed the same format ie: dots in your slider, and the same number of slides as your variations in the same order, I expect that one javascript script would work for all. As the example thread did
    But we won’t be sure until we test on your text product.

    Best regards,
    Mike

    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

    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

    Hey woogie07,
    Typically if you use the default Enfold/Woo product page layout and choose the WooCommerce 3.0 product gallery in Shop Options > Product Gallery
    It should work. But currently it looks like your page is using a custom layout using Enfold elements.
    It might be possible to keep your layout if you use the dots in your slider instead of the next/prev button and some custom javascript, if you limit your slides to the same number as your variations options. Currently you have 33 slides but only 14 variations options. Perhaps a another plugin would help, but note that not all woo addon plugins work well with Enfold, so you would need to test.

    Best regards,
    Mike

    in reply to: Main Content #1492662

    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

    in reply to: Contact form doesn’t work #1492636

    Hi,
    Your site is getting a “500 (Internal Server Error)” when the form is submitted. This is a server error. Please check your server logs for more info.

    Best regards,
    Mike

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

    Best regards,
    Mike

    in reply to: Main Content #1492634

    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

    in reply to: Block swipe for Easy Slider #1492633

    Hi,
    Glad that Ismael could help, you are correct that non-touch devices will not encounter touch events, so it should not be an issue. Unless there is anything else with this issue, shall we close this thread? Naturally you can always open a new thread for new issues, but we like to keep each thread on topic. :)

    Best regards,
    Mike

    in reply to: Block swipe for Easy Slider #1492578

    Hi,
    Thanks, I added this script to your child theme functions.php file:

    function remove_slideshow_swipe_script() { ?>
      <script>
    document.addEventListener('DOMContentLoaded', function() {
        if (window.innerWidth <= 768) {
            var slideshow = document.querySelector('.avia-slideshow');
            if (slideshow) {
                slideshow.style.touchAction = 'none';
                
                ['touchstart', 'touchmove', 'touchend'].forEach(function(event) {
                    slideshow.addEventListener(event, function(e) {
                        e.preventDefault();
                        e.stopImmediatePropagation();
                    }, {passive: false, capture: true});
                });
            }
        }
    });
      </script>
      <?php
    }
    add_action( 'wp_footer', 'remove_slideshow_swipe_script', 99 );

    and it is working for my Android device, with the other script still working, as before if you are using a iPhone you may need to clear the history to fully clear the cache.

    Best regards,
    Mike

    in reply to: Block swipe for Easy Slider #1492544

    Hi,
    Thanks for the feedback, I can only test on a Android device, but will need an admin login to apply the code and then test on my device.
    Please add the admin login in the private comment below.

    Best regards,
    Mike

    in reply to: Add HTML in Portfolio Exceprt #1492543

    Hi,
    Glad that Guenni007 & Ismael could help, thank you Guenni007, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

    in reply to: Burger Menu Logo Showing In Main Navigation/Footer Menu #1492542

    Hi,
    Glad that Guenni007 could help, thank you Guenni007, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

    in reply to: Block swipe for Easy Slider #1492505

    Hi,
    Or try this css:

    
    /* Disable touch/swipe on mobile */
    @media (max-width: 768px) {
        .avia-slideshow,
        .avia-slideshow * {
            touch-action: none !important;
            -webkit-user-drag: none !important;
            user-select: none !important;
        }
    }

    Best regards,
    Mike

    in reply to: Block swipe for Easy Slider #1492504

    Hey photographie-tous-azimuts,
    Try adding this css:

    /* Disable touch/swipe on mobile */
    @media (max-width: 768px) {
        .slider-container,
        .slider-container * {
            touch-action: none !important;
            -webkit-user-drag: none !important;
            user-select: none !important;
        }
    }

    Then clear your cache and check. Unfortunately I can not test this on my end as desktop browser doesn’t show the swipe action, but this will likely work.
    If you are using a iPhone you may need to clear the history to fully clear the cache.

    Best regards,
    Mike

    in reply to: Small bar above Main Menu Sticky #1492497

    Hi,
    Glad that Guenni007 could help, thanks Guenni007. Shall we close this thread now?

    Best regards,
    Mike

    in reply to: Burger Menu Logo Showing In Main Navigation/Footer Menu #1492487

    Hi,
    For your footer on mobile you have this css:

    @media only screen and (max-width: 989px) {
        .only_mobile {
            display: block;
        }
    }

    I changed to:

    @media only screen and (max-width: 989px) {
        .only_mobile {
            display: block;
        }
       #footer-template .only_mobile {
            display: none;
        }
    }

    Now it only shows in the mobile menu & not the footer. Please clear your cache and check.

    Best regards,
    Mike

    in reply to: Add HTML in Portfolio Exceprt #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

    Hi,
    Please export your layerslider and post via dropbox, so we can test. I’m not able to reproduce. Otherwise include a admin login so we can export to our test sites.

    Best regards,
    Mike

    in reply to: Burger Menu Logo Showing In Main Navigation/Footer Menu #1492483

    Hi,
    When I check it looks correct now on mobile & desktop, if this is solved please let us know so we can close this thread.

    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

    in reply to: Full-width slider button animation #1492481

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

    Best regards,
    Mike

    Hey ti2media,
    Try this css in your child theme stylesheet:

    #top.home #av-masonry-1.av-masonry a.av-masonry-entry {
    	margin-bottom: 50px !important;
    }
    #top.home #av-masonry-1.av-masonry .av-inner-masonry {
    	overflow: visible;
    }
    #top.home #av-masonry-1.av-masonry .av-inner-masonry-content {
    	position: relative !important;
    	top: 100%;
    	width: auto;
    }

    Then clear your cache and check.

    Based on Guenni007’s solution.

    Best regards,
    Mike

    in reply to: Post fonts are larger on mobile #1492473

    Hi,
    Glad that Ismael could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

    in reply to: Search Icon doesn’t accept css-styles #1492472

    Hi,
    It is an SVG, so you must use “fill” and not color.

    Best regards,
    Mike

    in reply to: Enfold Not Showing Logo #1492373

    Hey bigtime32,
    Your DNS address could not be found > DNS_PROBE_POSSIBLE
    Please check, perhaps you are blocking some IPs?
    Below are the address that I checked.

    Best regards,
    Mike

    in reply to: Enfold Version 3.8 #1492371

    Hi,
    If you leave the PHP at v7.0 you can update the theme to v7.1.3 and then update PHP. You should not lose access. But please note my previous post that creating a full site backup and using a staging site to test the update would be the best option.
    This way if the staging site fales your live site is still available. We do not expect issues, but as with anything, it is possible.

    Best regards,
    Mike

    in reply to: theme and plugins #1492312

    Hey elisa,
    Thank you for your question, the top issue that I see is your question about using WPBakery Page Builder, please note that Enfold has it’s own Page Builder which can not be removed and most other Page Builders will cause a conflict. So please do not use other Page Builders.
    For #1 you will need to use a plugin, but we have not tested any.
    For #2 & #3 we have not tested any AirBnb plugins, so you will need to check.
    For #5 the structure is fine.
    Sorry we were not more help, I’m sure with the right plugins and no additional Page Builders your project will work well.

    Best regards,
    Mike

    in reply to: Enfold Version 3.8 #1492267

    Hey Angelika2017,
    A few years ago Theme Forest stopped using the API Key for updating, and now uses the Token. So you will need to manually update with the steps below. Also Enfold v3.8 is not PHP v8+ ready, which is the most likely reason you can not make changes. Updating should solve.
    We recommend creating a full site backup, including the database, please use your webhost tools for this and not a plugin, unless you are very conflict with the plugin. Another good approach would be to first create a staging site, most webhosts offer this as a single click option, if your webhost has the Softaculous script library that is available in cPanel & Plesk. If it lists your WordPress site you will see a button to create a staging site.
    While we don’t expect any issues updating your site, this is a practical approach for such an old site.
    If you don’t have a Theme Forest because a “developer” created this site for you using their own Theme Forest account, you may need to create your own account by purchasing your own license. Note that Theme Forest will not transfer licenses & we can not create licenses due to our contract with Theme Forest.

    To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
    after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue,
    then you will see the Theme updated successfully message.
    After which you can go to your Theme Forest account and create a new Token for future automatic updates.

    Best regards,
    Mike

Viewing 30 posts - 31 through 60 (of 34,981 total)