Some suggestion found here:
– https://kriesi.at/support/topic/tips-on-speeding-up-site-performance/#post-346077
.. more?

Plugins:
– Better WordPress Minify https://wordpress.org/plugins/bwp-minify/
– WP Super Cache https://wordpress.org/plugins/wp-super-cache/
– W3 Total Cache https://wordpress.org/plugins/w3-total-cache/
– Quick Cache (Speed Without Compromise) https://wordpress.org/plugins/quick-cache/
– WP Fastest Cache https://wordpress.org/plugins/wp-fastest-cache/
– EWWW Image Optimizer https://wordpress.org/plugins/ewww-image-optimizer/
– WP Smush.it https://wordpress.org/plugins/wp-smushit/
.. which to use, why?

But there are sill a lot of file request.
Merge would be helpful. But how?

Dream :) .. Enfold would need a flag:
– Dev mode (all singe files, uncompressed)
– Production mode (one file, compressed)

Greez Jens

• This reply was modified 10 years ago by Jens. Reason: Corrected 2 links

Hi,

thanks. I will find my way through.

Greez Jens

Found it out by my self … add this to functions.php.

// Add class to Body via Filter function
add_filter( 'body_class','add_body_classes' );
function add_body_classes( $classes ) {
    $classes[] = 'classNameXYZ';
    return $classes;
}

Found a simple solution :)
Placed the call into the activate function at line 224.

	    , activate: function (target) {
	        var active
	          , selector
	
	        this.activeTarget = target

			setHash(this.activeTarget);

Right now I changed the avia.js file, but this sucks for updates.
At line 205 I’ve added one line “setHash(this.activeTarget);”

, process: function () {
	    	
	    	if(!this.offsets) return;
	    	
	        var scrollTop = this.$scrollElement.scrollTop() + this.options.offset
	          , scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight
	          , maxScroll = scrollHeight - this.$scrollElement.height()
	          , offsets = this.offsets
	          , targets = this.targets
	          , activeTarget = this.activeTarget
	          , i

    	        setHash(this.activeTarget);

And than I’ve put the rest into a new JS file.

var currentHash = "";
var langObjs = jQuery("ul.avia_wpml_language_switch a");

function setHash(hashString) {
	if (hashString === undefined) return;
	if (hashString !== currentHash) {
		window.location.hash = hashString;
		setLangHash( hashString );
		currentHash = hashString;
		history.pushState(null, null, hashString);
	}
}

function setLangHash(hashString) {
	langObjs.each(function() {
		var curObj = jQuery(this);
		var hrefStr = curObj.attr('href');
		var hrefWithoutHash = (hrefStr.indexOf('#') < 0) ? hrefStr : hrefStr.substr(0, hrefStr.indexOf('#'));
		var newHref = hrefWithoutHash + hashString;
		curObj.attr('href', newHref);
	});
}

I works ok, code is bit dirty and quick done.
What would you suggest to avoid the call inside of avia.js?

• This reply was modified 10 years, 1 month ago by Jens.

Hi,

1) “background-position”. Right now I always see only the lower part of the video.
But I would like to see the top part. I found out that in css at “#top #av_section_1 .av-section-video-bg video”
there is a value at about ~ Top:-400px this cases that.
But it depends on the viewport and so on. So this somehow isn’t the solution, I would guess.

My setup:

• Latest WordPress and Theme version
• MP4 Video: This one: https://www.dropbox.com/s/4m9rupraft9s264/Test-Clip.mp4
• Section Minimum Height: 50% of browser hight
• Video Aspect Ratio: 4:3
• Background Repeat: No Repeat
• Loop is on: config-templatebuilder/avia-shortcodes/section.php > av_slideshow > ‘video_loop’ => true

My result:

• 50% cropped video
• I see the lower half of the video
• It doesn’t loop
• I don’t see any parallax behaviour

What I want :)

• 50% cropped video
• I see the upper half of the video (or the center)
• It does loop
• I see a parallax behaviour

2) Would be nice to see this as flag in the GUI where I could set the Aspect Ratio, too.
As this is not a global thing. One video needs a loop, the next doesn’t :)

3) Same with Loop. Good to know I could change it there .. but a GUI would be nice.

4) Parallax. Where? I only see “Background Repeat” which comes close. But there are only the values:

• No Repeat
• Repeat
• Tile Horizontally
• Tile Vertically
• Stretch to fit

No Parallax. Or do I miss the point?

Thanks guys!

Greez Jens

• This reply was modified 10 years, 3 months ago by Jens.

No one?
Or is this simply impossible?

My aim is to have sections and other things inside of tabs.
Sadly the current “Avia Layout Builder” can’t do that,
but via [shortcodes] in the “Default Editor” it’s possible.
And the Enfold Templates works well with that nesting, too.
My Test: Tabs > 2 Columns (1 Text / 2 Bars) .. no issues so far.

It would help if I could access all shortcodes within the RTE.
Is that somehow possible? There are only 3 available now.

Greez Jens

Wow, thanks for your quick Feedback. :)
But this also adds additional hight to that Block.

shortcodes.css (116): .avia-section { min-height: 100px; }
layout.css (1009): .content, .sidebar { min-height: 1px; }
grid.css (32): .container_wrap { border-top-width: 1px; }
grid.css (39): .unit, .units { min-height: 1px; }

Strangely that creates 99px hight in total. I aim to have 0px :)

Now I could:

1. A) Add all IDs to the CSS file and hardcode remove that space. But than it becomes a bit inflexible.
2. B) Add the possibility to add a class to that section that “fixes” that css. But I don’t know how.
3. C) Go for the solution above. And add a special Anker element for that. But There I have to much markup, too.

What would you suggest?

Greez Jens

• This reply was modified 11 years, 2 months ago by Jens.