Hi
sorry it took me so much time to respond
1. updated WordPress and Enfold to the latest version
2. removed the extra curly brace

now we have 3 problems instead of 2:
1. caption still appear only in the second slide (although it’s configured be on first slide with the video as well)
2. when the slider reaches the last slide it stops (although it’s configured to loop)
3. the worst one – video isn’t full screen anymore!
instead there is a huge black frame and the video is shrinked the the right side of the screen
please take a look at the screen shot and/or the link in the private contenet

please help me fix it (at least let’s fix issue number 3..)

Hi
I will upgrade to 4.2 as soon as possible
here is the css code i used (i took it from https://codepen.io/gerbata/pen/jBaggE as Victoria suggested)

 /* home page slider video fade out*/ 

@keyframes fade-in {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fade-in { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fade-in { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fade-in { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}​
@keyframes fade-out {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-moz-keyframes fade-out { /* Firefox */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-webkit-keyframes fade-out { /* Safari and Chrome */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-o-keyframes fade-out { /* Opera */
    from {
        opacity:1;
    }
    to {
        opacity: 0;
    }
}

.avia-slideshow li:nth-child(1) {
	opacity: 1;

    -moz-animation: fade-out 3s ease-in forwards; /* Firefox */
    -webkit-animation: fade-out 3s ease-in forwards; /* Safari and Chrome */
    -o-animation: fade-out 3s ease-in forwards; /* Opera */
    animation: fade-out 3s ease-in forwards;
    -moz-animation-delay: 17s;
    -webkit-animation-delay: 17s;
    -o-animation-delay: 17s;
    animation-delay: 17s;
	}
}

great! it works!!
but there are couple of glitches
1. caption only appear in the second slide (although it’s configured be on first slide with the video as well)
2. when the slider reaches the last slide it stops (although it’s configured to loop)
is there a way to fix it?

Hi!
sorry it took me so long to respond (for some reason i didn’t get any email notification)
anyway – it works! like a charm!
thank you so much!

Hi Victoria
thanks for the example
in order to use it with enfold i need to give my video a custom css class which is not possible since it’s inside a slide of a full screen slider
but.. maybe i can still make it work if I know it’s current class
can you help me with that?

UPDATE 2:
plugin author released an update and now everything seems to work perfectly even in mobile view :)
Sorry for all the hassle, please close this ticket

update:
I think i can achieve it by using page id code ..something like:

.page-id-1760 .cart_dropdown { display: none; }

but it’s very manual (because i have to list all ‘not shop pages’ one by one)
any chance there’ a better solution?

you can close it
thank you very much :)

Hi Victoria
It works – thanks!
although now the bottles look much bigger on mobile view.. is there a way to fix it?
but thats much less critical so if there isn’t its still ok
and again thank you very very much!

hi.. is there any news?

o.k
I’ve changed from Hebrew (מחיר ל 100 גרם) to English (price per 100gr)
so the attribute name is now price per 100gr
whats the next step?
I’m note sure what code to use or how to use each code
(I’m o.k with CSS but not so strong with PHP, was hoping you could guide me with this?)

by googling I found something that might do the trick
https://stackoverflow.com/questions/38487561/woocommerce-get-custom-product-attribute
But I’m still not sure how to Combine it with the current code
(and especially not sure if its possible when the attribute name isn’t in English)
Victoria? can you help me?

• This reply was modified 7 years, 5 months ago by Doron.

UPDATE:
o.k.. i think that the flowing code snippet in my child theme function.php is the one responsible for displaying the weight attribute

add_action( 'woocommerce_after_shop_loop_item', 'rs_show_weights', 9 );

function rs_show_weights() {

    global $product;
    $weight = $product->get_weight();

    if ( $product->has_weight() ) {
        echo '<div class="product-meta"><span class="product-meta-label">משקל ליחידה: </span>' . $weight . get_option('woocommerce_weight_unit') . '</div></br>';
            }
        }

my question is: is it possible to display other attributes in archive pages in the same way?
Any help would be very appreciated

OK
I added

.archive .quantity {
    display: inherit;
    text-align: center;
}

and now categories pages also look fine
thanks again!

PERFECT!
thank you so much!