Forum Replies Created
-
AuthorPosts
-
Hi,
No problem. For more inquiries, please feel free to open another thread. We will close this thread now.
Have a nice day.
Best regards,
IsmaelHi,
No problem. We will close the thread now. Please do not hesitate to open another if you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
@atomcc: Try to wrap the css code inside a css media query so that the changes only apply to desktop view.@media only screen and (min-width: 768px) { /* Move css code here */ }
If you need further assistance, please feel free to open a new thread. We will close this one for now.
Best regards,
IsmaelMay 28, 2021 at 1:53 pm in reply to: Enfold, Woocommerce and Product Filter for WooCommerce: Pagination not showing #1302832Hi,
You can try this snippet in the child theme’s functions.php file to override the modification.
add_action("after_setup_theme", function() { add_action( 'woocommerce_pagination', 'woocommerce_catalog_ordering', 20 ); add_action( 'woocommerce_pagination', 'woocommerce_pagination', 10 ); add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_rating', 5 ); //remove rating add_action( 'woocommerce_after_shop_loop', 'woocommerce_pagination', 10 ); //remove woo pagination }, 999);
If this is not working, try to use the same hooks with adjusted priority number.
add_action("init", function() { add_action( 'woocommerce_pagination', 'woocommerce_catalog_ordering', 25 ); add_action( 'woocommerce_pagination', 'woocommerce_pagination', 15 ); add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_rating', 10 ); //remove rating add_action( 'woocommerce_after_shop_loop', 'woocommerce_pagination', 15 ); //remove woo pagination }, 999);
Best regards,
IsmaelHi,
Welcome back! It’s been a while.
Have you tried editing the Image elements and re-selecting the square thumbnail? You may need to do this manually for every image element.
We also noticed that a “resize” parameter or query var is prepended to the image URL, which might be causing the issue. Did you install an image optimization plugin?
Best regards,
IsmaelHi,
On the mobile device the Facebook and Instagram icons are displayed. On the PC they are not.
They are not displaying on desktop view because you have disabled the default header. Unfortunately, the social icons are not included in the Fullwidth Sub Menu element by default. You may need to create a new menu and include the social icons as menu items.
Best regards,
IsmaelHi,
Thank you for the info.
Yes, unfortunately, the default gallery from the builder is not compatible with variable products. You may need to switch to the default editor if you really need the product gallery to respond according to the selected variation.
Best regards,
IsmaelHi,
Thank you for the update.
We cannot see the actual markup of the search bar above. Please post the code on pastebin.com so that we can test it on our end. The code should look something like this.
// add search bar to mobile menu function ava_custom_script_mod_search_mobile() { ?> <script> (function($) { $(document).ready(function() { $('.av-burger-menu-main a').on('avia_burger_list_created', function() { setTimeout(() => { $("<div class='av-mobile-search'>SEARCH HERE</div>").prependTo('#av-burger-menu-ul'); }, 150); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_mod_search_mobile', 10000);
Best regards,
IsmaelHi,
Thank you for the update.
The columns already cover the hero image slightly. Would you mind providing a screenshot of the issue? You can use imgur or dropbox for the screenshots.
Best regards,
IsmaelHi,
Glad to know it worked. Please do not hesitate to open another thread if you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
but now I cant select or highlight any of the social icons.
Try to increase the z-index property of the social icon container, or replace the css rule above with this one.
.html_header_sidebar .av-sidebar-social-container { position: absolute; overflow: hidden; bottom: 0; top: auto; z-index: 9999; }
For the layout issue or modification, try to use this css code to move the body content to the left.
.boxed#top { margin: 0 !important; }
Best regards,
IsmaelMay 28, 2021 at 11:38 am in reply to: Menu item in Socket and Header have same custom link but behave differently #1302802Hi,
The script above works when we execute it directly in the browser. It is probably not working because the burger menu items do not exist on initial load. They will be created only when you click the burger menu icon for the first time, so nothing happens when we try to re-initialize the lightbox for menu-item-462.
We tried to access the dashboard using the login info above, but none of them are working. Please post the htaccess info and a working WP account in the private field.
Or try to replace the script with this one.
// a custom script // re-initialized lightbox for burger menu items function ava_custom_script_mod() { if ( wp_script_is( 'avia-default', 'registered' ) ) { wp_add_inline_script( 'avia-default', ' (function($) { $(document).ready(function() { $(".av-burger-menu-main a").on("avia_burger_list_created", function() { setTimeout(function() { $("$top li.menu-item-462 a").magnificPopup({ type:"inline", midClick: true }); }, 500); }); }); })(jQuery); '); } } add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod', 9999);
Best regards,
IsmaelHi,
it show the old publish date
If you want to display the modified date instead of the published date, try to edit the following line.
echo "<span class='news-time'>".get_the_time($time_format)."</span>";
Replace the get_the_time with the get_the_modified_date function.
// https://developer.wordpress.org/reference/functions/get_the_modified_date/
Unfortunately, we are not sure why adding the orderby parameter would affect the site speed. Try to remove the date_query or replace the whole query with the following code.
$this->avia_new_query = array( "orderby" => "modified", "posts_per_page"=>$count, 'tax_query' => array( array( 'taxonomy' => $this->avia_term, 'field' => 'id', 'terms' => explode(',', $cat), 'operator' => 'IN') ));
Best regards,
IsmaelHi,
Thank you for the info.
Looks like you have modified the cart.php template in the child theme. What happens when you disable the template?
Is there a staging or development version of the site? We would like to try and disable the plugins temporarily and edit a few files.
Best regards,
IsmaelHi,
Sorry about that. Can we see the blog page? Please post the page URL in the private field so that we could check the blog posts element.
Best regards,
IsmaelMay 28, 2021 at 11:01 am in reply to: Blog grid — title, excerpt and read more link with post type link #1302791Hi,
No problem. Glad we could help. Please feel free to open another thread if you need anything else. We will close this one for now.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the info.
Try to modify the enfold-dev\config-templatebuilder\avia-shortcodes\toggles\toggles.js, look for the scroll_to_viewport functio around line 48.
function scroll_to_viewport() { //check if toggle title is in viewport. if not scroll up var el_offset = content.offset().top, scoll_target = el_offset - 50 - parseInt($('html').css('margin-top'),10); if(win.scrollTop() > el_offset) { $('html:not(:animated),body:not(:animated)').animate({scrollTop: scoll_target},200); } }
Replace it with:
function scroll_to_viewport() { return false. }
That should disable the scroll whenever the toggle title is not in viewport.
Best regards,
IsmaelMay 27, 2021 at 12:52 pm in reply to: YITH WooCommerce Gift Cards delivery date note being saved correctly #1302616Hi,
Thank you for the update.
The date picker is not working correctly because the plugin generates an error, which seems to be related to the select2 jQuery library. The error does not occur and the date picker works correctly when we set jQuery to the legacy version. We installed the jQuery Migrate plugin in the staging site and disabled the cache plugin temporarily.
Best regards,
IsmaelMay 27, 2021 at 12:41 pm in reply to: How to add an "Add to Cart" Button in Product List option & Thumbnail Zoom #1302608Hi,
That should be possible. Make sure to set the element’s Advanced > Link Behavior > Item Links to the first option, then replace the filter with the following.
add_filter("get_the_excerpt", function($excerpt, $post) { if(get_post_type($post->ID) == "product") { $product = wc_get_product($post->ID); $excerpt .= "<a class='avia-catalogue-add-to-cart' href='" . $product->add_to_cart_url() ."'>Add to Cart</a>"; } return $excerpt; }, 10, 2);
The rest of the product list should link to the actual product page aside from the add to cart button.
Best regards,
IsmaelMay 27, 2021 at 12:26 pm in reply to: Logo center split menu – problems with reduced screens #1302603Hi,
We can reproduce the issue on our end, but we cannot figure out what is causing the menu to not open correctly on landscape mode. There seems to be a missing css rule but we cannot find it. It only happens when the screen width is between 1224px and 990px. Please try to play around with the css code, see if anything comes up.
We will let you know when we found the issue.
Best regards,
IsmaelMay 27, 2021 at 11:32 am in reply to: Briefly unavailable for scheduled maintenance. API check returned false. #1302581Hey nestormakhno,
Thank you for the inquiry.
The Google ReCAPTCHA keys in the Enfold > Google Services panel are invalid, or they do not get passed the check. Did you add the site or the domain name as one of the HTTP referrers for the API key?
Please check the documentation for more info about recaptcha.
// https://kriesi.at/documentation/enfold/contact-form/#what-is-captcha
Best regards,
IsmaelMay 27, 2021 at 11:20 am in reply to: Enfold, Woocommerce and Product Filter for WooCommerce: Pagination not showing #1302577Hey psstudiosinc,
Thank you for the inquiry.
It’s possible that the pagination is not displaying because of these lines in the enfold/config-woocommerce/config.php file.
line 312:
remove_action( 'woocommerce_pagination', 'woocommerce_catalog_ordering', 20 ); remove_action( 'woocommerce_pagination', 'woocommerce_pagination', 10 );
line 330:
remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_rating', 5 ); //remove rating remove_action( 'woocommerce_after_shop_loop', 'woocommerce_pagination', 10 ); //remove woo pagination
Try to remove the lines, remove the cache and see if the default pagination displays. This might duplicate the pagination on pages using the Product Grid element.
Best regards,
IsmaelHey amyteslin,
Thank you for the inquiry.
This option is not available out of the box, but you may be able to utilize the same script that we use to create social icons inside the mobile menu. The script can be found here.
// https://kriesi.at/support/topic/add-logo-to-slide-out-mobil-menu/#post-1301439
Just replace this line with the actual markup of the search bar.
$(" <div class='av-mobile-logo'><img src='IMAGE URL HERE' /></div> ")
And remove this part or change it accordingly.
.addClass("mobile_social_bookmarks");
Best regards,
IsmaelHey chrischank,
Thank you for the inquiry.
The transparent and sticky header seems to be working as expected. We checked the site on Chrome. Would you mind providing a screenshot? You can use imgur or dropbox.
Best regards,
IsmaelHi,
Thank you for the inquiry
prevent the big red Link Icon on the portfolio grid?
You might be referring to the image overlay. If you want to remove it, try to use this css code.
.image-overlay { display: none !important; }
Please note that this css code will disable all link overlays in the site. You may need to add a custom css class name or ID to the portfolio grid and adjust the selector above accordingly.
// https://kriesi.at/documentation/enfold/add-custom-css/
Best regards,
IsmaelHey Knutnik,
Thank you for the inquiry.
The columns break into full width when we checked the site on mobile view. Please check the screenshot below.
Screenshot: https://imgur.com/MaxckPJ
Would you mind providing a screenshot of the issue? If you want to adjust the break point, try to edit the first column in the row, go to the Row Settings > Row Screen Options toggle and set the Fullwidth Break Point to the second option.
Best regards,
IsmaelHey Bodyworkcenter,
Thank you for the inquiry.
You can try this script in the functions.php file to move the widget between the logo container and the alternate menu.
// a custom script // move widget between logo and menu function ava_custom_script_mod_move_widget() { if ( wp_script_is( 'avia-default', 'registered' ) ) { wp_add_inline_script( 'avia-default', ' (function($) { $(document).ready(function() { $("#header .widget").insertAfter(".av-logo-container"); }); })(jQuery); '); } } add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod_move_widget', 9999);
Best regards,
IsmaelHi,
What is the actual name or slug of the taxonomy that you created? Have you tried editing the includes > loop-index.php file instead of the single.php file?
You can also use this hook in the functions.php file to render the terms below the post content.
add_action("ava_after_content", function() { if(!is_single()) return; // Make sure that the taxonomy name is correct $terms = get_the_terms( get_the_ID(), 'brands' ); if ( $terms && ! is_wp_error( $terms ) ) { $brands = array(); foreach ( $terms as $term ) { $brands[] = $term->name; } $brands_list = join( ", ", $brands ); echo '<p class="av-post-brands">'; printf( esc_html__( 'Brands: <span>%s</span>', 'aviaframework' ), esc_html( $brands_list ) ); echo ''; } }, 999);
Best regards,
IsmaelHi,
Thank you for the inquiry.
You can add this css code to adjust the size of the images on mobile view.
.responsive .av-horizontal-gallery-img { height: 100%; width: auto; }
By default, the width the of the horizontal gallery images on mobile view is set to 100% and the height is set to auto to keep their aspect ratio.
Best regards,
Ismael -
AuthorPosts