Ahh im removed encodeURIComponent
This code outputs a working URL now
return '<a href = "'+item.el.find("img").attr("src")+'">Download</a>';

Next problem. The Download link opens the image in the browser instead of downloading it directly.
And it uses the “large” image instead of the original sized one.
I’ll try to modify the lightbox function to have a download link witch directly downloads the original version of the image.
If someone can give me a hint how to do that ..

	// -------------------------------------------------------------------------------------------
	// Ligthbox activation
	// -------------------------------------------------------------------------------------------

	(function($)
	{
		$.fn.avia_activate_lightbox = function(variables)
		{
			
			var defaults = {
				groups			:	['.avia-slideshow', '.avia-gallery', '.av-instagram-pics', '.portfolio-preview-image', '.portfolio-preview-content', '.isotope', '.post-entry', '.sidebar', '#main', '.main_menu'], 
				autolinkElements:   'a.lightbox, a[rel^="prettyPhoto"], a[rel^="lightbox"], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href*=".jpg?"], a[href*=".png?"], a[href*=".gif?"], a[href*=".jpeg?"], a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"], a[href*="iframe=true"]',
				videoElements	: 	'a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"], a[href*="iframe=true"]',
				exclude			:	'.noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]',
			},
			
			options = $.extend({}, defaults, variables),
			
			av_popup = {
				type: 				'image',
				mainClass: 			'avia-popup mfp-zoom-in',
				tLoading: 			'',
				tClose: 			'',
				removalDelay: 		300, //delay removal by X to allow out-animation
				closeBtnInside: 	true,
				closeOnContentClick:false,
				midClick: 			true,
				fixedContentPos: 	false, // allows scrolling when lightbox is open but also removes any jumping because of scrollbar removal
				
				image: {
				    titleSrc: function(item){
					    var title = item.el.attr('title');
					    if(!title) title = item.el.find('img').attr('title');
					    if(!title) title = item.el.parent().next('.wp-caption-text').html();
					    if(typeof title == "undefined") return "";
					    
                                           
                                            //return title;
                                            return '<a href = "'+item.el.find("img").attr("src")+'">Download</a>';
                                            

                                        }
				},
				
				gallery: {
					// delegate: 	options.autolinkElements,
					tPrev:		'',
					tNext:		'',
					tCounter:	'%curr% / %total%',
					enabled:	true,
					preload:	[1,1] // Will preload 1 - before current, and 1 after the current image
				},

				callbacks: 
				{
					beforeOpen: function()
					{
						//add custom css class for different styling
						if( this.st.el && this.st.el.data('fixed-content') )
						{
							this.fixedContentPos = true;
						}
					},
					
					
					open: function()
					{
						//overwrite default prev + next function. Add timeout for  crossfade animation
						$.magnificPopup.instance.next = function() {
							var self = this;
							self.wrap.removeClass('mfp-image-loaded');
							setTimeout(function() { $.magnificPopup.proto.next.call(self); }, 120);
						}
						$.magnificPopup.instance.prev = function() {
							var self = this;
							self.wrap.removeClass('mfp-image-loaded');
							setTimeout(function() { $.magnificPopup.proto.prev.call(self); }, 120);
						}
						
						//add custom css class for different styling
						if( this.st.el && this.st.el.data('av-extra-class') )
						{
							this.wrap.addClass( this.currItem.el.data('av-extra-class') );
						}
						
						
					},
					imageLoadComplete: function() 
					{	
						var self = this;
						setTimeout(function() { self.wrap.addClass('mfp-image-loaded'); }, 16);
					},
					change: function() {
					    
					    if( this.currItem.el )
					    {	
						    var current = this.currItem.el;
						    
						    this.content.find( '.av-extra-modal-content, .av-extra-modal-markup' ).remove();
						    
						    if( current.data('av-extra-content') )
						    {
							    var extra = current.data('av-extra-content');
							    this.content.append( "<div class='av-extra-modal-content'>" + extra + "</div>" );
						    }
						    
						    if( current.data('av-extra-markup') )
						    {
							    var markup = current.data('av-extra-markup');
							    this.wrap.append( "<div class='av-extra-modal-markup'>" + markup + "</div>"  );
						    }
					    }
					},
				}
			},
			
			active = !$('html').is('.av-custom-lightbox');
			
			if(!active) return this;
			
			return this.each(function()
			{
				var container	= $(this),
					videos		= $(options.videoElements, this).not(options.exclude).addClass('mfp-iframe'), /*necessary class for the correct lightbox markup*/
					ajaxed		= !container.is('body') && !container.is('.ajax_slide');
					
					for (var i = 0; i < options.groups.length; i++) 
					{
						container.find(options.groups[i]).each(function() 
						{ 
							var links = $(options.autolinkElements, this);
						
							if(ajaxed) links.removeClass('lightbox-added');
							links.not(options.exclude).addClass('lightbox-added').magnificPopup(av_popup);
						});
					}
				
			});
		}
	})(jQuery);

Thanks, it works. Modified avia.js is placed in child theme now and I see see download link.

In enfold-child/js/avia.js .. do I have to use the whole avia.js code, or can I remove everything except the section about // Ligthbox activation?

The download Link is displayed but there’s some error in the URL.
This Code
return '<a href = "'+encodeURIComponent(item.el.find("img").attr("src"))+'">Download</a>';
returns the URL like this http://www.mydomain.de/xyz/http%3A%2F%2Fwww.mydomain.de%2Fcontent%2Fuploads%2F2017%2F11%2FImage-705×441.jpg

How can I remove %2F in it?

Ah ok, it’s better now
Addition dots would be great -> maybe in future update? ; )

I’ll go with this instead of a duplicate module for mobile view.
At some point I decided to hide all slideshow arrows on mobile and only use the dots to indicate it’s a slider, because they are so big. Maybe I try to make the arrows smaller and closer to the borders. Surely there’s some posts in the forums how to do that.

Link in private Content

Thanks metrocitygirl
I think masonry gallery can’t align images like shown above.
But it can do this ..

Not exactly what I wanted but I’m happy with this

It still says “Hello {username}” :’ (
I made a test order, registered new customer but still..

Seems woocommerce changed it in one of the latest updates.
I’m using woocommerce 3.1.2. Here “Hello {username}” is default
I have another woocommerce project running on 2.6.13. There it says “Hello {first name}” by default (without code in functions.php)

I don’t understand why Chrome isn’t enabling smooth scroll by default. Hopefully they’ll do in a future version.
But until they do, Chrome users have to deal with this clunky scroll behavior.
I don’t think anyone enables this browser feature manually or even knows about it.
So I tried to fix it temporarily.

If anyone is looking for a solution, too …
I tested this Plugin https://codecanyon.net/item/smooth-scroll-scroll-site-without-jerky-and-clunky-effects-wordpress-version/19782948

Chrome scrolls smooth now : )
Safari doesn’t, but ok

I think something like this would be nice to have build-in to a future enfold version.

Cheers

When I click on the second menu entry, the site scrolls down but the second menu element doesn’t change to active color.
I can’t find the problem myself. Maybe I didn’t assign the correct class/ID names?
Can you take a look at this site in my wordpress backend? http://www.tillmannlange.de/wp/wp09/profil-3/

Here’s the site i’m talking about.
http://www.tillmannlange.de/wp/wp09/profil-2
The Fullscreen Sub Menu works but this <div id=”my-custom-id”></div> creates spaces between the sliders.
So I think I have to assign IDs directly to the Fullscreen Slider elements.
Login data is in private content.

• This reply was modified 7 years, 4 months ago by tl_s180.

Thanks for your response,
I’ve testet it with ALB and have a fullscreen slider above related product.

But I’m running into some problems with the custom ALB product now.
I want to have the product details section to look similar to the default product page.
Here’s my test site
I used some ALB modules to make it roughly the same, but:
1. The module “Product Purchase Button” doesn’t show a prize : /
It’s a variable product with two color. First one has set regular prize to 29€, second is 35€
2. ALB product pages doesn’t have the link “inkl. 19% MwSt. kostenloser Verdand” provides by the Germanized plugin
But I can maybe fix this with a ALB textbox or ask at Germanized support
3. The ALB Gallery module works slightly different than the default product page gallery and attribute changes doesn’t effect the ALB gallery image to change.
But this is only a small disadvantage.
4. If i insert a fullscreen slider, Prev/Next product buttons are gone.
Maybe there’s a way to bring them back?

Hmmm, i don’t know. Is it possible to fix 1.-4. ?
Or better go with the default product page and look for a plugin to a slider?
I already searched for a while but didn’t find a plugin that can do this.

Or is it possible to use shortcodes to insert a slider in the default product page?
Or did i understand anything wrong? As soon as I switch to ALB on a product page, it removes the default product gallery, info section … right?

Greetings
TL