Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you for the info.
The read more links of the posts are there when we checked the sites above. Did you figure out the issue?
<a href="https://www.site.pro/le-granulat-de-marbre-une-maison-de-caractere/" class="more-link">Lire la suite<span class="more-link-arrow"></span></a>
Are you using the Advance Layout Builder (ALB) for the posts? If you are, then you will have to add a summary or excerpt to the posts manually in order to show the read more link in the blog overview page.
Best regards,
IsmaelHi,
Thank you for the update.
We could use the unique class name or selector (product_on_sale or sale) for products on sale.
Regular price:
/* regular price */ .price ins span.woocommerce-Price-amount bdi, .price ins span.woocommerce-Price-amount bdi span { color: blue !important; }
Sale:
/* on sale */ .sale .price ins span.woocommerce-Price-amount bdi, .sale .price ins span.woocommerce-Price-amount bdi span { color: red!important; }
OR
/* on sale */ .product_on_sale .price ins span.woocommerce-Price-amount bdi, .product_on_sale .price ins span.woocommerce-Price-amount bdi span { color: red!important; }
Best regards,
IsmaelHi,
Thank you for the update.
We get the same error when we try to add the CF7 shortcode using a code or a text block. Please set the installation to debug mode so that we could see the actual error when the shortcode is present in the page.
// https://wordpress.org/support/article/debugging-in-wordpress/#example-wp-config-php-for-debugging
Just add this config in the wp-config.php file to enable the debug mode.
// Enable WP_DEBUG mode define( 'WP_DEBUG', true ); define( 'WP_DEBUG_LOG', true ); define( 'WP_DEBUG_DISPLAY', true); define( 'SCRIPT_DEBUG', true );
We will check the site again afterwards.
Best regards,
IsmaelHi!
Thank you for the info.
The stock quantity of the LAMY Studio Black Fountain Pen product was not defined, so we set it to 20 temporarily. This now limits the quantity field to 20 as well. Please check the following documentation to learn more on how to properly manage the inventory or stock level of a specific product.
// https://docs.woocommerce.com/document/managing-products/#inventory-tab
// https://docs.woocommerce.com/document/configuring-woocommerce-settings/#inventory-optionsRegards,
IsmaelHey Mohamad,
Thank you for the inquiry.
This should be possible using the following script in the functions.php file.
add_action('wp_footer', function() { ?> <script> (function($) { // Bind Click Handler to Link, then Open Gallery $('.gallery-link').on('click', function () { $(this).next().magnificPopup('open'); }); // Initialize Magnific Popup Gallery + Options $('.gallery').each(function () { $(this).magnificPopup({ delegate: 'a', gallery: { enabled: true }, type: 'image' }); }); })(jQuery); </script> <?php }, 999);
In a text or code block, add this markup to render the gallery link and the actual gallery container containing a set of images.
<div class="gallery-link"> <a href="#">Open Gallery</a></div> <div class="gallery" style="display: none;"> <a href="http://site.com/wp-content/uploads/2021/02/image-1.jpg">1</a> <a href="http://site.com/wp-content/uploads/2021/02/image-2.jpg">2</a></div>
So when the Open Gallery link is clicked, it will open all images inside the gallery container.
You may also have to use this css code to make sure that the opacity of the gallery items in the lightbox are set properly.
.mfp-ready .mfp-figure { opacity: 1; }
Based on: https://github.com/dimsemenov/Magnific-Popup/issues/113
Best regards,
Ismael-
This reply was modified 4 years, 2 months ago by
Ismael.
Hi,
Sorry for the delay. We could use the following css code to adjust the size of the icon grid columns and decrease the font size of the icon and the title.
@media only screen and (max-width: 767px) { .avia-icongrid-numrow-3 li, .avia-icongrid-numrow-4 li, .avia-icongrid-numrow-5 li { width: 50%; } .avia-icongrid-icon { font-size: 18px; line-height: 1; margin-bottom: 0.5em; color: initial; } .av_icongrid_title.icongrid_title { font-size: 13px; text-align: center; } }
Here is how it should look after adding the css code above.
Screenshot: https://imgur.com/80Sr1eQ
And for the revolution slider or the image, try to insert the css code inside the css media query that we have just created above to decrease the height of the wrapper.
#rev_slider_26_3_wrapper { height: 200px !important; }
Best regards,
IsmaelHey Thomas,
1.) You could actually select non-Google fonts in the Enfold > General Styling > Fonts panel and use Websafe Fonts instead, but the font selection are very limited. And in the case of privacy, the theme provides a privacy toggle that should give the users the option to manually disable or enable the fonts.
[av_privacy_google_webfonts]
Please note that this toggle will only work if the essential cookies already exist in the local storage, which means that users have to consent to the cookies first or they have to interact with the privacy message bar first. For more info, please check the documentation.
// https://kriesi.at/documentation/enfold/privacy-cookies/
2.) Which mobile menu and where can we see the issue? Please create a forum account first so that you could include info about the site privately and if you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Please create a forum account here.
// https://kriesi.at/support/register/
Best regards,
IsmaelHey wppoland,
Thank you for the inquiry.
This is possible but we have to modify the enfold\framework\js\conditional_load\avia_google_maps_api.js file directly, look for this code around line
var size = _self.$data.marker[key].imagesize, half = "", full = ""; if(_self.retina && size > 40) size = 40; //retina downsize to at least half the px size
Below, we can define the size manually. Example:
size = 120;
Or try to upload a Custom Map Marker Image and set the Custom Map Marker Image Size size manually. These settings are in the Content > Marker & Tooltip section of the Google Map element’s map locations.
Best regards,
IsmaelFebruary 17, 2021 at 2:15 pm in reply to: Post Type Link only works with blog style grid layout #1281739Hey mritkuma99,
Thank you for the inquiry.
Yes, this is true. Some of the blog layouts or style are not compatible with the link format and treat all posts to have the same standard format. Which blog layout would you like to actually use? We might be able to adjust the template accordingly so that they could properly deal with posts with link format.
Best regards,
IsmaelHi,
The images in the slider are stretched or distorted because of this css code.
#top .aviaccordion-slide img { height: 100%; position: absolute; display: block; opacity: 0; filter: alpha(opacity=0); }
You may have to adjust or remove the css code and disable the Performance > File Compression settings. We cannot find the exact location of the code because the stylesheets are minified or compressed.
Best regards,
IsmaelHi,
Thank you for the update.
We adjusted the css code a bit and disabled the Performance > File Compression settings temporarily. The changes are now being reflected on the front end, and all you need to do now is adjust the color values as you prefer.
For example, this code changes the heading of the first column inside the #pricing_table-lwp section.
#top #pricing_table-lwp .avia-table .pricing-table-wrap:first-child li.avia-heading-row { background-color: #0000ff; }
And this one changes the heading of the second column inside the same section.
#top #pricing_table-lwp .avia-table .pricing-table-wrap:nth-child(2) li.avia-heading-row { background-color: green; }
And for the third column.
#top #pricing_table-lwp .avia-table .pricing-table-wrap:nth-child(3) li.avia-heading-row { background-color: red; }
It is done using the nth-child selectors, so you can just follow the same pattern for the succeeding columns.
Best regards,
Ismael+February 17, 2021 at 1:39 pm in reply to: Privacy Toggle – Toggle for Google Fonts not working #1281725Hey Paul,
Thank you for the inquiry.
It is working properly on our end, the Open Sans font does not load when we disable the privacy toggle for Google Fonts. Make sure to accept the cookies first before toggling the privacy button because the essential cookies have to exist first before you could manually disable or enable external scripts or services such as the Google Fonts.
Best regards,
IsmaelHey Bjorn,
Thank you for the inquiry.
You may not have to create the same subcategories for different cars, but yes, you could create as many categories as you would like, but make sure to plan it accordingly so that you do not end up with unnecessary hierarchy and unused or redundant terms.
Best regards,
IsmaelHi,
Try to modify the same file and look for this setTimeout function around line 307.
setTimeout(function(){ marker.setAnimation(null); _self._infoWindow(_self.map, marker, _self.$data.marker[key]); },500);
Decrease the timeout duration from 500ms to 10ms to decrease the delay between marker animation.
setTimeout(function(){ marker.setAnimation(null); _self._infoWindow(_self.map, marker, _self.$data.marker[key]); },10);
Below that, there is another timeout duration.
},200 * (parseInt(key,10) + 1));;
Again, replace it with a smaller value to decrease the delay between the animations.
Best regards,
IsmaelHey iicinfo,
Thank you for the inquiry.
The size or height of the scrolled down header is half of the actual header height, and that height could be increased in the Enfold > Header > Header Layout > Header Size settings. Set it to custom pixel size, and in the Header Custom Height field, you can manually define the header height in pixel.
Best regards,
IsmaelHi,
Thank you for the inquiry.
According to the Pagespeed Insight Tool, the slider itself contributes to enormous network payloads and largest contentful paint, with a total size of 4,527 KiB or a whopping 4.635648 megabyte. You might want to consider decreasing the number of images or items in the slider, and make sure to properly compress and optimize the images.
The following articles should help in further optimization of the site.
// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
// https://kriesi.at/archives/4-key-wordpress-image-optimization-tipsBest regards,
IsmaelHi,
Looks like the speed tool is referring to the font files, which is loaded using the font-face rule. Unfortunately, we cannot use preload with this, but we could set the font-display property as recommended in the following thread.
// https://kriesi.at/support/topic/entypo-fontello-and-custom-fonts-add-font-display/#post-1225248
This is the snippet.
function my_custom_font_display( $font_display, $font_name ) { // Check for a font and change the default theme setting if( 'entypo-fontello' == $font_name ) { return 'block'; } return $font_display; } add_filter( 'avf_font_display', 'my_custom_font_display', 10, 2 );
This initially hides the icon on page load and only display them once the entypo-fontello font files are available.
Best regards,
IsmaelFebruary 16, 2021 at 2:11 pm in reply to: Popup Maker shortcode not working in Enfold Button #1281336Hi,
Thank you for the update.
Did you copy the code from your email? Please try to copy it directly from the forum to make sure that the quotes and any of the symbols in the script are not converted.
Best regards,
IsmaelHi,
Thank you for the update.
Glad to know that it is working. We are not yet sure which changes will be included in the next patch, but that filter should still be working on future updates, so you can just keep it as is.
Best regards,
IsmaelHi,
Thank you for the info.
We adjusted the script in the functions.php file a bit so that it actually looks for the sort container and the appropriate category button. It seems to be working properly now. (see private field)
This is the updated script.
// activate a specific category sort item function ava_activate_sort_button() { if ( wp_script_is( 'avia-default', 'registered' ) ) { wp_add_inline_script( 'avia-default', '(function($) { $(document).ready(function() { $(".portfolio-arch").prev().find(".praesentationsmodelle-modellbau-architektur_sort_button").trigger("click"); $(".portfolio-aus").prev().find(".auswahl-anschauungsmodelle_sort_button").trigger("click"); }); })(jQuery); '); } } add_action( 'wp_enqueue_scripts', 'ava_activate_sort_button', 9999);
Best regards,
IsmaelHi,
No problem! Glad we could be of help. Please do not hesitate to open a new thread should you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
Glad it is working. Please do not hesitate to open a new thread if you need anything else. We will close this thread for now.
Have a nice day.
Best regards,
IsmaelHi,
description tab display immediately on pageload
That is not possible because of how Woocommerce created the tabs, at least not without editing the tab script directly. The script sets the display property of the description tab on page load, and the only way to make it display immediately without waiting for the script is by overriding the display property using css. However, this will cause the description tab to display indefinitely, which is not what we want because there are other tabs.
The quantity button script can be modified in the enfold > config-woocommerce > woocommerce-mod.js file. Look for the avia_apply_quant_btn function around line 32, but I think this is not necessary because the layout shift cause by these buttons, if there is any, is very minimal.
Best regards,
IsmaelFebruary 16, 2021 at 1:39 pm in reply to: copyright option for Easy Slider (Einfacher Slider) #1281318Hi,
Thank you for the inquiry.
Which specific slider would you like to add the copyright container to? This line of code prints the copyright container in the color section.
if ($copyright !== "") { $copyright_text = get_post_meta($attachment_entry->ID, '_avia_attachment_copyright', true ); } if ($copyright_text) { $copyright_tag = "<small class='avia-copyright'>{$copyright_text}</small>"; $class .= ' av-has-copyright'; if ($copyright !== '') $class .= ' av-copyright-'.$copyright; }
But you have to create an option for it first.
array( "name" => __("Copyright Info", 'avia_framework' ), "desc" => __("Use the media manager to add/edit the copyright info.", 'avia_framework' ), "id" => "copyright", "type" => "select", "std" => "", "required" => array('src','not',''), "subtype" => array( __('No', 'avia_framework' ) =>'', __('Yes, always display copyright info', 'avia_framework' ) =>'always', __('Yes, display icon and reaveal copyright info on hover', 'avia_framework' ) =>'icon-reveal', ) ),
And add it to the attributes.
'bottom_border_style'=>'', 'custom_arrow_bg' => '', 'copyright' => '' // <--- this is the copyright ), $atts, $this->config['shortcode']); extract($atts);
Best regards,
IsmaelFebruary 16, 2021 at 1:24 pm in reply to: Blog post image sizes suddenly all different sizes? #1281313Hi,
Thank you for the info.
Does it fix the issue on your end? We still cannot access the file server and now even the actual site is not accessible on our end because of WordFence. Would you mind opening a new ticket so that we could refresh or restart? Please post the FTP and WP login details and make sure that Philippines is not blocked.
Best regards,
IsmaelHi!
Thank you for the update.
We might have found the issue with the Youtube player. To fix it, please try this filter in the functions.php file to adjust the Youtube player and disable the playlist parameter, which might be preventing the video from looping.
add_filter("avf_youtube_video_data", function($data) { unset($data["playlist"]); return $data; }, 10, 1);
We will provide the actual fix in the next patch.
Cheers!
IsmaelFebruary 15, 2021 at 4:36 pm in reply to: YouTube video as color section background won't loop #1280578Hi!
@everyone: Please try to add this filter in the functions.php file temporarily to remove the playlist parameter.
add_filter("avf_youtube_video_data", function($data) { unset($data["playlist"]); return $data; }, 10, 1);
Do not forget to purge the cache after adding the filter. Let us know if it helps.
Cheers!
IsmaelHi!
Thank you for the update.
We added the following filter in the functions.php file to disable the playlist parameter and allow the video to loop.
add_filter("avf_youtube_video_data", function($data) { unset($data["playlist"]); return $data; }, 10, 1);
Best regards,
IsmaelFebruary 15, 2021 at 3:24 pm in reply to: i want to use a "no-cookie"-vimeo-video (iFrame-Code) in a Slider. It dont work! #1280565Hey streetbunny80,
Thank you for the inquiry.
Embedding video as an iframe will still require cookies or still add cookies to the local storage. You will have to find a plugin that actually prevents the video from playing without user consent, or use the available options in the Enfold > Privacy & Cookies > Cookie Handling panel. You should be able to add the [av_privacy_video_embeds] privacy toggle to the modal popup window or to the site’s privacy page and allow the users the option to disable or enable video embeds from Youtube or Vimeo.
Best regards,
IsmaelFebruary 15, 2021 at 3:16 pm in reply to: Issue with Enfold and toolset plugin restricted content #1280560Hey felix_frank,
Thank you for the inquiry.
Where can we see the issue, or how can we reproduce it? Please provide a link to the actual page or explain the issue further. Unfortunately, the Toolset plugin and its extensions are not fully compatible with the theme. You may need to contact the plugin developers for additional assistance.
Best regards,
Ismael -
This reply was modified 4 years, 2 months ago by
-
AuthorPosts