Hi,

The slider displays properly on desktop and mobile view. Is this fixed? If you want to hide the slider on mobile view, edit the element and toggle the visibility in the Screen Options panel. You can then display another element in place of the accordion.

Best regards,
Ismael

Hey noyaholidays,

Thank you for using Enfold.

That is the default style of the element. For RTL sites, please use this css code.

.rtl .av-catalogue-image {
    float: right;
    margin-right: 0;
    margin-left: 15px;
}

.rtl .av-catalogue-price {
    right: auto;
    left: 0;
}

.rtl .av-catalogue-content, .rtl .av-catalogue-title {
    padding-right: 20px;
}

Best regards,
Ismael

Hi,

I’m not really sure what to change though. You can actually hide the accordion on mobile devices by toggling its visibility. Edit the element and look for the Screen Options panel. You can then display another element in place of the accordion on mobile view.

Best regards,
Ismael

Hi,

UPDATE: If you have the time, please edit the functions-enfold.php file. Look for the “av_error404” function. Replace everything with this code.

/**
 * Error 404 - Custom Page
 * Hooks into the 404_template filter and display the defined 404 page
 * Does not work with <a href='http://bit.ly/kwpml' target='_blank' rel="nofollow">WPML</a>
 * @author tinabillinger
 * @since 4.3
 */
if( ! function_exists( 'av_error404' ) )
{
    function av_error404($template)
    {
        // skip if <a href='http://bit.ly/kwpml' target='_blank' rel="nofollow">WPML</a> is active
          if( ! defined('ICL_SITEPRESS_VERSION') && ! defined('ICL_LANGUAGE_CODE')) {
            if (avia_get_option('error404_custom') == "error404_custom") {

				$error404_page = avia_get_option('error404_page');
				$error404_url = get_permalink($error404_page );

				if(defined('WPSEO_VERSION')) {
					if (wp_redirect($error404_url)) {
						exit();
					}
				}

                global $wp_query;

                // check if error 404 page is defined
                if ($error404_page) {
                    // hook into the query
                    $wp_query = null;
                    $wp_query = new WP_Query();
                    $wp_query->query( 'page_id=' . $error404_page );
                    $wp_query->the_post();
                    $template = get_page_template();
                    rewind_posts();
                    return $template;
                }
            }
        }

        return $template;

    }
    add_filter( '404_template', 'av_error404', 999 );
}

Let us know if it helps.

Best regards,
Ismael

Hi,

What is the expected behavior of the header on mobile device? Is it supposed to stick? A sticky header helps on desktop view but it’s a distraction on mobile devices because the space or screen size is limited.

Best regards,
Ismael

Hi,

Thanks for the info.

We adjusted the filter and moved it inside the functions.php file.

add_action( 'woocommerce_single_product_summary', 'woocommerce_total_product_price', 25 );
function woocommerce_total_product_price() {
	if(!is_admin()) {
    global $woocommerce, $product;
    // let's setup our divs
    echo sprintf('
<div id="product_total_price" style="font-size: 16px; font-weight: 200;">%s %s</div>
',__('Total Price (incl Tax):','woocommerce'),'<span class="price">'. get_woocommerce_currency_symbol() .' ' .$product->get_price().'</span>');
    ?>
        <script>
            jQuery(function($){
				$(document).ready(function() {
					function setMinMax() {
						var price = <?php echo $product->get_price(); ?>;
						var currency = '<?php echo get_woocommerce_currency_symbol(); ?>';
						var qtycont =  $('.quantity');
						var qty =  qtycont.find('[name=quantity]');
						var max = qty.attr('max');
						var min = qty.attr('min');

						if(typeof max === typeof undefined && max === false) return;

						qty.attr('data-qty', 1);
						
						$('.variations select').on('change', function() {
							qty.attr('data-qty', 1);
							qty.attr('value', 1);
							qty.text(1);
						});

						qtycont.on('click', '.plus, .minus', function(){
							var qtythis = $(this).find('[name=quantity]');
							var qtyNum = $(qtythis.selector).attr('data-qty');	
							var max = $(qtythis.selector).attr('max');
							var min = $(qtythis.selector).attr('min');
							var totalQty = parseInt(qtyNum);

							if($(this).is('.plus') && qtyNum < max) {
								totalQty = parseInt(qtyNum) + 1;
								$(qtythis.selector).attr('data-qty', totalQty);
							} else if($(this).is('.minus') && qtyNum > min) {
								totalQty = parseInt(qtyNum) - 1;
								$(qtythis.selector).attr('data-qty', totalQty);
							}

							$(qtythis.selector).attr('value', totalQty);

							if (!totalQty < 1) {
								var product_total = parseFloat(price * totalQty);
								$('#product_total_price .price').html( currency + product_total);			
							}	
						});
					}	
                
					setTimeout(function() {
						setMinMax();
					}, 300);
					
					$(document).on('updated_cart_totals', setMinMax);	
				});
            });
        </script>
    <?php
	}
}

It limits the quantity based on the stock. Please remove browser cache prior to checking the page.

Best regards,
Ismael

Hi,

This css code stretches the slider container.

.home .avia-slideshow li img {
    min-height: 210px;
}

I think that was intended for the main slider. Please edit the main slider and provide a custom css attribute to it. Replace the “.avia-slideshow” selector with the custom css class attribute.

.home .custom-css-class li img {
    min-height: 210px;
}

// https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

Best regards,
Ismael

Hi,

We are very sorry for the late response. The PHP version in your installation is 5.2. The theme is compatible on 5.6 or later versions. Please ask your hosting provider to upgrade PHP to version 5.6 or 7.0 before activating the theme. What are the errors when you activate the theme?

Best regards,
Ismael

Hi,

UPDATE: There is an unclosed div tag in one of the text blocks.

<div style="background-color:rgba(255,255,255,.9); padding:20px;">
<h1 style="color: #3c6b9f; padding: 10px 0;" align="center">OUR STORY</h1>

Please be careful with html tags because they can break the template inside the builder if left unclosed.

Best regards,
Ismael

Hey DROR,

Thank you for using Enfold.

Where can we find the products? I’m having difficulty navigating the site because of the language. Please provide a link to a product page so that we can add it and proceed to the checkout.

Best regards,
Ismael

Hi,

We are very sorry for the troubles this issue caused you. We provided a fix for the sliders’ fallback image script. Please check this thread.

// https://kriesi.at/support/topic/fullwidth-easy-slider-with-video-asking-for-object-on-mobile/#post-955294

It should work for the easy and full width easy slider.

Best regards,
Ismael

Hi,

@flocco21: What is the name of the plugin? Please enable it and provide a link to the post or page with the comment checkbox.

Best regards,
Ismael

Hi,

Add the above css code to create more space for the caption within the slider. Again, this may distort the images a bit.

Best regards,
Ismael

Hi,

Yes, there is.

// https://github.com/louisremi/jquery-smartresize/blob/master/jquery.debouncedresize.js

It’s in the js > shortcodes.js file.

Best regards,
Ismael

Hi,

It can be adjusted but you have to modify the js > avia-snippet-cookieconsent.js file. Look for this line.

aviaSetCookie('aviaCookieConsent',cookieContents,60);

The default is 60 days.

Best regards,
Ismael