Forum Replies Created

Viewing 28 posts - 1 through 28 (of 28 total)
  • Author
    Posts
  • Works : )
    Thanks a lot

    in reply to: [enfold 4.2] Masonry Gallery / Add link to download #887976

    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);
    in reply to: [enfold 4.2] Masonry Gallery / Add link to download #887294

    If I open the first image in Lightbox and hover over Download, the URL displayed in the bottom left corner of the browser contains %2F
    See screenshot in private content

    in reply to: [enfold 4.2] Masonry Gallery / Add link to download #887273

    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?

    in reply to: [enfold 4.2] Masonry Gallery / Add link to download #886824

    Hi,
    at the moment the file themes/enfold/js/avia.js is modified but the download link doesn’t work and I’d prefer to have the modification in my child theme.
    Access data is in Private Content

    in reply to: masonry gallery : add link to download #886531

    Hi,
    I tried the exact same code goch was posting
    I see the download Link now, but when I click on it, the URL looks like this

    http://www.mydomain.de/xyz/http%3A%2F%2Fwww.mydomain.de%2Fcontent%2Fuploads%2F2017%2F11%2FImage-705×441.jpg

    Do I have to change anything to make it work?
    And also, how can I make this change using a child theme?

    • This reply was modified 6 years, 11 months ago by tl_s180.
    in reply to: 2 columns content slider vs mobile #883114

    Hi, thanks for your response.
    Link is in Private Content.

    On mobile I would reduce the font size to make it look better.
    I would prefer to not have 2 columns side by side (on mobile only).
    If possible the slides should appear one under the other.
    Or it could also display 1 columns instead of two (on mobile only).

    Is it possible to modify the mobile view via CSS?

    in reply to: Horizontal gallery vs mobile (enfold v4.2) #882831

    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.

    Thanks for your answer. That gave me the idea to check in another browser .. and there it is : )
    I updated enfold today and had some old files in my Chrome cache it seems.
    Did a Shift+R reload of the backend. Working now : )

    in reply to: Horizontal gallery vs mobile (enfold v4.2) #882753

    Link in private Content

    in reply to: Display WPML Lang Switcher next to Header social icon #866827

    Thanks for your answer. I’ll go for footer selector only until the next Enfold Release comes out.
    In case anyone’s looking for a solution to remove the ugly flags from the flyout menu, this worked for me.

    in reply to: How can i make a grid like this #854862

    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

    Thanks for your response. I figured out it’s working actually.
    Most of my products are in multiple categories.
    I made some test products with one category only .. and here it’s working as intended.
    I guess it’s not possible to navigate to the next product of the current category, if a product is assigned to multiple categories.

    Hi,
    I copied Ismaels code to my functions.php (child theme) but nothing happens :’ (
    Maybe the filter was modified after January? Can you give me an updated code snipped?
    I’m using enfold 4.1.2, woocommerce 3.1.2

    Hi,
    I updated to enfold 4.1.2 now. Image swap on attribute change still doesn’t work.
    Is coming in 4.1.3?

    in reply to: How to change username to first name in my account salutation #850672

    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)

    in reply to: How to change username to first name in my account salutation #850381

    I see the option “Display name publicity” for existing shop customers.
    By default it is set to {username} and if I change it manually to {first name} the salutation on the my account page looks fine.
    But I don’t want to edit all new customers manually.
    Is there a way to force “Display name publicity” to be {first name} by default or make the my account page select {first name} instead of {username}?

    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

    Does anyone else have problems in Chrome?

    For example this enfold site: http://www.tillmannlange.de/wp/wp09/profil/
    It scrolls super smooth in Firefox (macOS).
    In Chrome (macOS) it’s stuttering really bad.

    Anyone knows how to fix this?

    in reply to: Sucess Form #839419

    Yes, for me it happens on this page.
    I checked on another computer now.
    It works correctly on Windows 10 + Firefox
    It scrolls down on Windows 10 + Chrome and macOs all browsers

    in reply to: Sucess Form #839396

    Link in private content

    in reply to: Sucess Form #839383

    Hi,
    I have the same issue. It scrolls down to the next section and the user has has to scroll up again to see the success message.
    Does anyone has a solution for this?

    I have the same problem with Enfold 4.1.1 + WooCommerce 3.1.1.
    Is there an option to enable image swap on attribute change?
    Or will it be fixed in a coming enfold update?

    in reply to: Fullwidth Sub Menu Active Color #817837

    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/

    in reply to: Custom ID for Fullscreen Slider / alle ALB elements #811644

    I don’t understand.
    #sub_menu1 is the ID of the Fullscreen Sub Menu element
    But I need IDs for the sliders, so I can use them to navigate on the site with the Fullscreen Sub Menu.
    Color sections I can’t use because it’s not possible to move a Fullscreen Slider inside of a Color section.

    Your answer brought me to the idea to look for the default IDs of the sliders with inspect element.
    And use these as anchors in the Fullscreen Sub Menu.
    But my sliders all have the same ID “fullscreen_slider_0” : /
    Is it because i duplicated them instead of making new ones? Hmm

    Do you have an idea how to remove the spaces between the sliders on this page? http://www.tillmannlange.de/wp/wp09/profil-2/

    in reply to: Custom ID for Fullscreen Slider / alle ALB elements #811605

    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, 5 months ago by tl_s180.
    in reply to: Custom ID für Fullscreen Slider #811581

    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

Viewing 28 posts - 1 through 28 (of 28 total)