Forum Replies Created
-
AuthorPosts
-
no that is normal link opening – not the lightbox.
can you please try to place on the bottom of that page an enfold avia Image with lightbox link. Just to see if the images of your caroussel will go to that container. The mfp-container was not generated
By the way if you are using new 4.3.1 and have performance load only used elements – than this will be one reason for it.
Set it for that moment to alway load all elements.did you switch of modal of enfold?
Try this one her maybe it is something different on firefox javascript environment
it seem that the script with src works on my end – but in your environment it does not work:
if you take this surrounded container is set each image – with correct link – but with no lightbox effectfunction custom_lightbox_sc(){ ?> <script> (function($){ $(document).ready(function(){ $(".ihf-main-image img").each(function() { var a = $('<a/ class="avia_image lightbox-added">').attr('href', $(".ihf-main-image img").attr('data-ihf-main-source')); $(this).addClass('avia_image').wrap(a); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_lightbox_sc');
it seem that the images in the slideshow gets in a time their src attribut.
i have to learn that data- attribute is a html5 global attribut-( and select syntax is a bit different to alt src or title)can you try this what happens:
function custom_lightbox_sc(){ ?> <script> (function($){ $(".ihf-main-image img").each(function() { var a = $('<a/>').attr('href', this.data('ihf-main-source')); $(this).addClass('image').wrap(a); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_lightbox_sc');
or (but seems to be identically)
function custom_lightbox_sc(){ ?> <script> (function($){ $(".ihf-main-image img").each(function() { var a = $('<a/>').attr('href', this.attr('data-ihf-main-source')); $(this).addClass('image').wrap(a); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_lightbox_sc');
This will end in bland starting pages where you can not place any films or maps.
Self-hosted files you can use always, but that makes your server again lame.
5Mb movies with simultaneous access of 10 users – then the performance is in the basement.
So it’s best to start with a landing page that only contains buttons for consent and the privacy notice? These Pages than with handmade SEO etc. pp leading you to the real content start page!If id is specified, it will replace the current session id. session_id() needs to be called before session_start() for that purpose.
What is the reason to avoid session id?
if f.e. here on board the session is killed – you will be loggt off.
People use Google Adsense – Google Analytics etc. if there is a use with anonymiser than even those cookies are GDPR conform.by the way – these are three ALB Elements – i tested it – comment the whole line out like:
// if(!is_admin() && !current_theme_supports('avia_no_session_support') && !session_id()) session_start();
and upload it (best to child-theme with shortcodes loading snippet)
sorry but this is absolutely not true. The PHPSESSID is something that will be always (ubiquitär) if you visit any page. It has nothing to do with Enfold. This session cookie is normal usage in internet and if ( yes there are methods ) you kill that cookie the url is used instead! This is on my point of view even more security risky than that littel cookie with a crypted ID.
A lot of browser even don’t list it because it is concerning to php usage standard behavior.
http://php.net/manual/en/function.session-id.phpthe only cookie set by enfold now is that cookie consent cookie. This cookie saves your answer if you accept or deny cookie usage.
By the way – go and deny in your browser cookie usage at all and look what happend if your start your browser?
There was a fallback solution for that etc pp.Don’t get panic with GDPR (DSGVO on Germany)
Many people now worry about the implementation of the obligation to educate on the Internet and on their websites about dataprotection.
The risk of a written warning by lawyers is only great if the privacy statement is missing or hidden only to find. This has to remain almost always visible and clickable. Many Peaople place the cookie note in such a way that it hides the link to Privacy Policy or Imprint.The point of the list of processing activities is also a big point.
You have now to have a documentation about your handling with data at your business. This list must be available at the request of the Data Protection Officer responsible for you. (Previously, anyone with legitimate interest could demand this release)-
This reply was modified 7 years, 5 months ago by
Guenni007.
you have to adjust this to your page which it concerns
@media only screen and (max-width: 767px) { .responsive #top.page-id-32166 #wrap_all .container { width: 100%; max-width: 100%; } }
this isn’t what you mean ( i take a page whis stretched layout for better seeing what happens):
what do you mean by full ? without your header/ logo / navigation – blank page as if visitors see the real source site without knowing it that they were on a different page?
it is the extra border element which overlaps the button (diagonal element)
if it has a margin-top like:.page-id-11352 .av-extra-border-element.border-extra-diagonal { margin-top: -175px !important; }
normaly : the overflow: hidden would do that job – but this is for that element not possible ( because background white should stop at container border)
but i guess you only have to do the margin-bottom on wider screens. When hamburger appears you should erase that rule
or you set it directly only for screens wider than your nav break point f.e.
i have on my installation test site a header_meta with phone and social bookmarks@media only screen and (min-width: 990px) { .av-section-bottom-logo { margin-top: 30px !important;; } }
by the way did you have any mega-menu in your navigation?
what does drop down area do and look like just before burger starts to be visible? Is the left position of it calculated well?
i can not say that my testpage is representative for it. because my functions.php of child-theme has f.e. 840 lines ! and css is full of spcialised rules for different pages – so maybe there is something disturbed for right behavior – but see my example page for you:
https://webers-testseite.de/logo-left-menu-top/-
This reply was modified 7 years, 5 months ago by
Guenni007.
what i do not understand is that there is a modal container for that carousel function:
jQuery(document).on("ready", function() { if (jQuery(".ihf-modal-container").length === 0) { jQuery("body").append(jQuery("<div/>", { id: "ihf-main-container", "class": "ihf-modal-container ihf-color-scheme-gray" })) } jQuery("#ihf-main-container .modal").detach().appendTo(".ihf-modal-container"); var a = jQuery("#ihfEmailListing"); jQuery(".modal").on("show.bs.modal", function() { jQuery("body").addClass("ihf-container-modal") }); jQuery(".modal").on("hide.bs.modal", function() { jQuery("body").removeClass("ihf-container-modal") }); a.one("show.bs.modal", function() { jQuery.ajax({ url: "http://robwiley.staging.wpengine.com/wp-admin/admin-ajax.php?action=ihf_email_listing&listingNumber=18019878&boardId=13", (hosted on WPengine) type: "GET", success: function(b) { a.find(".modal-body").html(b) }, error: function() { $form.replaceWith("Error 988b") }, always: function() { a.attr("data-ihf-modal-loaded", true) } }) }) });
-
This reply was modified 7 years, 5 months ago by
Guenni007.
well the caroussel script of that is in the head section
maybe the cracks here on board do see more that can be done.:
i guess i’m out now. – sorry(function() { var a = function() { jQuery(".ihf-image-carousel:not([data-ihf-carousel-bound])").each(function() { var g = jQuery(this); g.attr("data-ihf-carousel-bound", true); var e = g.find("img"); var b = function() { var l = g.data("bs.carousel"); var k = 0; if (l) { k = l.getActiveIndex() } f(k); c(k); c(k + 1); c(k - 1) }; var f = function(k) { var l = e.length; var m = (k + 1) + " of " + l; g.find(".carousel-caption .badge").text(m); h() }; var c = function(m) { if (m === -1) { m = e.length - 1 } var n = e.eq(m); if (!n.attr("src")) { var l = n.attr("data-ihf-main-source"); var k = n.attr("data-ihf-alternate-source"); n.on("error", function() { n.attr("src", k) }); n.attr("src", l) } }; var j = function(k) { if (typeof idx !== "undefined" && typeof idx.events !== "undefined") { idx.events.publish(k, { $element: g, element: g.get() }) } }; var h = function() { var k = g.attr("data-ihf-view-count"); if (!k) { k = 0 } k = parseInt(k); g.attr("data-ihf-view-count", k + 1) }; var d = function() { j("listing-image-carousel-next"); g.carousel("next") }; var i = function() { j("listing-image-carousel-previous"); g.carousel("prev") }; g.swipe({ swipeLeft: function() { d() }, swipeRight: function() { i() }, threshold: 10 }); g.find(".carousel-control.right").on("click touchend", function(k) { d() }); g.find(".carousel-control.left").on("click touchend", function() { i() }); g.on("slid.bs.carousel", function() { j("listing-image-carousel-advance"); b() }); b() }) }; a(); jQuery(document).on("ready", function() { a() }) })();
hm don’t know maybe we try as the script for that caroussel does with document ready option.
but i alway thought that on ready does not play with each ?function custom_lightbox_sc(){ ?> <script> (function($){ $(document).ready(function(){ $('.ihf-main-image img').each(function() { var a = $('<a/>').attr('href', this.data-ihf-main-source); $(this).addClass('image').wrap(a); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_lightbox_sc');
-
This reply was modified 7 years, 5 months ago by
Guenni007.
the code above and alot of snippets you can find here on board or on: https://kriesi.at/documentation/enfold/code-snippets/ are for functions.php of the child-theme
but if you like to use one of the codes above (maybe the first) you will see on backend first none. Because the subs are there but not visible because there is some css missing too , to get them visible besides the logo.for example here on board on top the info fades away on scrolling:
The amount of left and top positioning depends on logo size and header size etc. this is an Individual case decision.logo img{float: left} #top .logo, #top .logo a {overflow: visible } #top .subtext {float: left; position: relative} #top .logo-title { transition: opacity 0.4s ease-out 0s; -moz-transition: opacity 0.4s ease-out; -webkit-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; color: #4678ae; font-size: 44px; font-family: "Comfortaa","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif !important; font-weight: bold !important; left: 7px; opacity: 1; position: absolute; top: -12px; white-space: nowrap; } #top .logo-subtitle { color: #aaa !important; font-family: "Comfortaa","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 18px !important; left: 10px; top: 18px !important; font-weight: normal; } #top .header-scrolled .logo-title { opacity: 0; filter: alpha(opacity=0); }
what is in your source code and f.e. not in an iframe is adressable
iframe influence would be not possiblecan you try this:
function custom_lightbox_sc(){ ?> <script> (function($){ $('.ihf-main-image img').each(function() { var a = $('<a/>').attr('href', this.data-ihf-main-source); $(this).addClass('image').wrap(a); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_lightbox_sc');
-
This reply was modified 7 years, 5 months ago by
Guenni007.
you see on source code that it has created the surrounding container with all the things an image with lightbox has including the following span with overlay containers. but the link isn’t transfered to the anchor. You see on my page that this was done.
We had to find the reason for that . What is strange is that some of those images got no src attribut i guess this is only made if the gallery comes to that image and the src is made of: data-ihf-main-source
so i try to find now a way to take the link from that data-ihf-main-sourceis it the same page as the link above .
It is important to know what was before
i see on : http://www.thomashenthorne.com/homes/135-BELVEDERE-AVENUE-BELVEDERE-CA-94920/21728470/3/
can you please first do that code to this link and than ask the next adjustment.or please remove the code that i see what is on that place before !
hey Rob – can you try this please on your functions.php of your child-theme:
function custom_lightbox_sc(){ ?> <script> (function($){ $(".ihf-main-image img").each(function() { var a = $('<a/>').attr('href', this.src); $(this).addClass('image').wrap(a); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_lightbox_sc');
on enfold img on text block ( with different class it works). but there i don’t know how to take the biggest image in the srcset.
https://webers-testseite.de/images-in-text-block-elements/
maybe a mod could give a hint –
but try this first – on your example there is no srcsetyou mean for small screens or for mobile ?
Because on ipad retina or ipad 2 or ipad pro you have on landscape view more than 1000px
because every mobile browser looking to enfold is getting on html the class avia_mobile
so if you like to solve layout problems concerning to mobile devices this could always help.
because it is a html class it would be listed at first in the css
so for example mikes rule gets:.avia_mobile #header_meta.av_extra_header_active { display: none !important; }
May 11, 2018 at 3:35 am in reply to: Listing a category from a plugin on an Avia Layout Builder site? #954972A lot of custom post types called it category but it is in real a taxonomy. Like Enfolds Portfolio.
So did you try to find your plugin post as taxonomie. f.e. on blogposts there is on “Do you want to display blog posts” the option to show from a taxonomie.If this is not listed you can try to register your custom post type .
(look on Google for “Enfold register CPT for Masonry”) – https://kriesi.at/support/topic/overriding-functions-in-a-child-theme/#post-167093
and read also the things ismael mentionedand here: https://kriesi.at/support/topic/procedure-for-adding-custom-post-type-and-enabling-it-for-use/
it depends on what text and how many text you like to display:
As you see here in the board on top the Kriesi Logo is only the brand image (K) with additional text.
This could be obtained with Enfold presetted filters.
For Example if you like to have the wordpress name of the site and description to your logo:add_filter('avf_logo_subtext', 'kriesi_logo_addition'); function kriesi_logo_addition($sub) { $sub .= "<span class='logo-title'>"; $sub .= get_bloginfo( 'name', 'display' ); $sub .= "</span>"; $sub .= "<span class='logo-title logo-subtitle'>"; $sub .= get_bloginfo( 'description', 'display' ); $sub .= "</span>"; return $sub; }
on using this filter it is possible to show besides your logo f.e. the actual page title :
add_filter('avf_logo_subtext', 'kriesi_logo_addition'); function kriesi_logo_addition($sub) { $sub .= "<a class='page-title' href= '#'>"; $sub .= "<span class='the-title'>"; $sub .= get_the_title(); $sub .= "</span>"; $sub .= "</a>"; return $sub; }
there has to be css fittings to see the inserted elements
etc. pp
If you like to have a widget area – see here: https://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/May 10, 2018 at 5:19 pm in reply to: Lightbox Modal Window no longer working after update to 4.3.1 #954704ok Rob – thanks for that – I was not aware that a child theme version was still there
Basilis – follow my link to the test-page it works – after i red about that playlist feature
so if the playlist got the same ID as the initial video all works fine
https://www.youtube-nocookie.com/embed/ID?enablejsapi=1&ecver=2&cc_load_policy=1&playsinline=1&rel=0&showinfo=0&autoplay=1&color=white&iv_load_policy=3&playlist=ID&loop=1
-
This reply was modified 7 years, 5 months ago by
Guenni007.
if your cookie consent or notice works well – the will be an additonal cookie after accepting the cookie notice !
I think enfold does not come with a cookie itself. The phpsessionID is something every browser will do.you can determine this by your self. On browser url – i hope there will be a green lock ( not necessary if you have no contact form ) – click on it.
now each browser got it a bit different on firefox there is a little arrow to the pointing to the right. Press it and than “additonal Information”. there you can have details about security options.
Chorme has it directly – There you can find infos about cookie use.can we participate in the secret knowledge? Rob
by the way there is a way to force youtube videos to play inside ( means not fullwidth but in the content surroundings)
add as option : &playsinline=1All over the shortcode – indeed – i recognized it too!
if you have debug mode on you will see it directly – on html source code it is absentwell i guess the easy slider got the class avia-small-width-slider – so try:
.avia-small-width-slider .avia-caption { bottom: inherit !important; left: 50%; top: 50%; transform: translate(-50% , -50%); text-align: center; width: 100%; }
You would increase the chance of response with a solution if you could make the link public. Other participants have good ideas too.
-
This reply was modified 7 years, 5 months ago by
-
AuthorPosts