Hi,

Thank you for the update.

You can add the code using plugins like Code Snippets so it will not get removed after a theme update, or activate a child theme.

— https://kriesi.at/documentation/enfold/child-theme/

Best regards,
Ismael

Hey Gianluca,

Thank you for the inquiry.

There’s no built-in option for this, but you can try editing the enfold/config-templatebuilder/avia-shortcodes/slideshow_feature_image/slideshow_feature_image.php file, and look for the slide_html function. Let us know if you need more info.

Best regards,
Ismael

Hey Peter Hojczyk,

Thank you for the inquiry.

There is an existing demo called Enfold Hotel with online booking using the Woocommerce plugin and the Woocommerce Bookings extension. You can check it out here: https://kriesi.at/themes/enfold-hotel.

The Woocommerce plugin is free, but the extension costs around $249 per year or $398.40 for a 2-year plan. Please check the extension page below.

— https://woocommerce.com/products/woocommerce-bookings/?aff=84

You can also try the Booking Calendar (https://wordpress.org/plugins/booking/), which is free, but it’s not natively integrated with the theme, or the Events Calendar plugin but it is mostly used for events: https://theeventscalendar.com/

Best regards,
Ismael

Hi,

Thank you for the update.

The edit link above leads to a 404 page. Please include the login details in the private field.

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

You can try this code in the Enfold > General Styling > Quick CSS field:

#top #wrap_all .social_bookmarks .social_bookmarks_instagram a {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

Result:

Best regards,
Ismael

Hey AndreasWinkler,

Thank you for the inquiry.

You can add this code to the functions.php file to apply the same grid layout to the category pages:

add_filter('avf_blog_style','avf_blog_style_mod', 10, 2); 
function avf_blog_style_mod($layout, $context){
   if($context == 'archive') $layout = 'blog-grid';
   return $layout;
}

Best regards,
Ismael

Hey jimmiemoreland,

Thank you for the inquiry.

Yes, you can create a Custom Layout and apply it to the pages where you want the layout to display. When you update the Custom Layout, all instances of the template will update automatically. Please check this link for more info.

— https://kriesi.at/documentation/enfold/custom-layout-and-dynamic-content/

Best regards,
Ismael

Hi,

We have adjusted the code a bit. You may notice a short delay before the price range displays because we needed to override the default variation switching behavior. Once the page is fully loaded, the price range should display correctly and selecting variations will switch the price as normal.

add_action( 'wp', function() {
    if ( is_product() ) {
        $product = wc_get_product( get_the_ID() );
        if ( $product && $product->is_type( 'variable' ) ) {
            remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
            add_action( 'woocommerce_single_product_summary', 'ava_woocommerce_single_product_summary_mod', 10 );
        }
    }
});

function ava_woocommerce_single_product_summary_mod() {
    $product = wc_get_product( get_the_ID() );
    if ( ! $product || ! $product->is_type( 'variable' ) ) return;

    $min_price = $product->get_variation_price( 'min', true );
    $max_price = $product->get_variation_price( 'max', true );

    if ( $min_price !== $max_price ) {
        $price_html = wc_price( $min_price ) . ' - ' . wc_price( $max_price );
    } else {
        $price_html = wc_price( $min_price );
    }

    echo '
<div class="av-variable-price" style="opacity:0; transition: opacity 0.5s;"><span class="price"><span class="woocommerce-Price-amount amount"><bdi>' . $price_html . '</bdi></span></span></div>
';
}

add_action( 'wp_footer', function() {
    if ( is_product() ) : ?>
        <script type="text/javascript">
        jQuery(function($){
            var $priceContainer = $('.av-variable-price');

            function formatPrice(price){
                return price.toLocaleString('da-DK', { minimumFractionDigits: 0, maximumFractionDigits: 0 }) + ' kr.';
            }

            function updatePrice(min, max){
                var html = '';
                if (min != max){
                    html = '<span class="price"><span class="woocommerce-Price-amount amount"><bdi>' + formatPrice(min) + ' - ' + formatPrice(max) + '</bdi></span></span>';
                } else {
                    html = '<span class="price"><span class="woocommerce-Price-amount amount"><bdi>' + formatPrice(min) + '</bdi></span></span>';
                }
                $priceContainer.html(html).css('opacity', 1);
            }
			
            $(window).on('load', function(){
                setTimeout(function(){
                    var productMin = <?php echo wc_get_price_to_display( wc_get_product(get_the_ID()), array('price'=>wc_get_product(get_the_ID())->get_variation_price('min', true)) ); ?>;
                    var productMax = <?php echo wc_get_price_to_display( wc_get_product(get_the_ID()), array('price'=>wc_get_product(get_the_ID())->get_variation_price('max', true)) ); ?>;
                    updatePrice(productMin, productMax);
                }, 1000);
            });
			
            $('.variations_form').on('show_variation', function(event, variation){
                $priceContainer.css('opacity', 0);
                setTimeout(function(){
                    $priceContainer.html(variation.price_html).css('opacity', 1);
                }, 100);
            });
        });
        </script>
    <?php endif;
});

Screenshot:

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like the slide images are still loading on all screen sizes. We may need to log in to the site to properly test the modification. Please provide the login details in the private field.

Best regards,
Ismael

Hi,

Unfortunately, at this time, there is no solution other than adding the images manually in the editor. We will forward the issue to our channel. Thank you for your understanding.

Best regards,
Ismael

Hey tariqyacoub82,

Thank you for the inquiry.

Please try to add this css code to reduce the space below the #about section.

#about {
    margin-bottom: -100px;
}

Best regards,
Ismael

Hey adamio,

Thank you for the inquiry.

Unfortunately, there is no option for this and it is not possible by default. You may need to look for another plugin or significantly customize the portfolio grid or masonry template. This request falls outside the scope of our support. Please try to contact a freelance developer or use the link provided on the customization page.

— https://kriesi.at/contact/customization

Best regards,
Ismael

Hi,

Thank you for the update.

We adjusted the css code further — applying a maximum width to each cell type or size.

#top #gridtest .av-gridrow-cell.no_margin.av_one_fifth {
    width: 20%;
    max-width: 280px;
}

#top #gridtest .av-gridrow-cell.no_margin.av_four_fifth {
    width: 80%;
    max-width: 1120px;
}

#top #gridtest {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#top #gridtest > .av-gridrow-cell {
  box-sizing: border-box;
}

#top #gridtest .flex_cell_inner {
  margin: 0 auto;
}

@media (max-width: 768px) {
  ##top #gridtest > .av-gridrow-cell {
    flex: 0 0 100%;
    max-width: none;
  }
}

Result:

Best regards,
Ismael

Hey Alexandru Parosu,

Thank you for the inquiry.

Are you using a plugin to sort the images, or just the default drag-and-drop feature? This seems to be working correctly on our end. What happens when you select a different option under Styling > Masonry Settings > Size Settings? If the issue persists, please provide the login details in the private field so we can investigate further.

Best regards,
Ismael

Hi,

When portrait format images were uploaded originally, Enfold portfolio size image (495x400px) was enabled.

You may need to regenerate the thumbnails to delete the disabled thumbnails. Have you tried any of these plugins?

— https://wordpress.org/plugins/regenerate-thumbnails/
— https://wordpress.org/plugins/regenerate-thumbnails-advanced/

Make sure to create a site back up before using the plugins.

I also know that I’ve got some uploaded images with an original width of 400px so just targeting “400” in srcset isn’t an option,

Unfortunately, this is not possible without manually targeting each image. You may need to keep the thumbnails with a 400px height. As mentioned above, the file size difference between these thumbnails is very negligible, so it won’t really make much difference whether they are enabled or disabled.

Best regards,
Ismael