-
Search Results
-
In reply to: Change layout category widget in a page
Hi Marco,
1. I have answered it in your other thread but it’s on 1 page specifically.
2. (last box and remove bullet points) replace this code:
#top .widget_categories ul { display: flex; flex-wrap: wrap; text-align: center; } #top .widget_categories li { flex-grow: 1; width: 32%; float: none; padding: 15px 15px 15px 18px; margin: 15px 15px 8px 0px; border: ridge; font-size: 18px; }with:
#top .widget_categories ul { display: block; text-align: center; } #top .widget_categories li { display: inline-block; width: 31%; float: none; padding: 15px 15px 15px 18px; margin: 15px 15px 8px 0px; border: ridge; font-size: 18px; box-sizing: border-box; }3. I could see the code if I check via page source but it’s not showing in the web inspector.
First, remove these lines that you have (css tries to read it, just use comments like /* comments*/------------------------------------------------------------Next, move this code to functions.php file:
/* A seguire, questo aggiunge le foto nel mega menu */ add_filter('wp_nav_menu_objects', 'avf_wp_nav_menu_objects', 10, 2); function avf_wp_nav_menu_objects($sorted_menu_objects, $args) { // check menu name if ($args->menu->name != 'Top Menu (Italiano)') return $sorted_menu_objects; // edit the menu objects foreach ($sorted_menu_objects as $menu_object) { // searching for menu items linking to posts or pages // can add as many post types to the array if ( in_array($menu_object->object, array('post', 'page', 'portfolio', 'products')) ) { // set the title to the post_thumbnail if available // thumbnail size is the second parameter of get_the_post_thumbnail() $menu_object->title = has_post_thumbnail($menu_object->object_id) ? $menu_object->title . get_the_post_thumbnail($menu_object->object_id, 'thumbnail') : $menu_object->title; } } return $sorted_menu_objects; }I think if that’s fixed, the code I gave should work.
4. I’m not sure I understand this well, do you mean move the pics on the left and category to the right?
Can you give a link to the page where other category widgets are showing?
Best regards,
NikkoIn reply to: Lay the category page out the same as the blog page.
Hi Victoria
Yes, it’s nice and clean, but it’s centred.If you have chosen “grid” layout for your blog page and you use $layout = ‘blog-grid’; for your category pages the two match. The same goes for the “single-big” layout.
I’ve chosen the “Single Author Small Preview” blog option which is left aligned. Is there a way of left aligning the category pages so that they match? I also like the dotted line joining the thumbnails down the left…
Dave
In reply to: Responsive Content Images & Retina Screens
Hi Tanja,
The featured images setting works only on the portfolios of course.
For the galleries you just upload the originals and choose for example small thumbnails and “No Scaling”.
The browser will resize the images for the preview strip from the original and open the original size in the lightbox.
Just experiment.
Kind regards,
RobIn reply to: Responsive Content Images & Retina Screens
Hi Rob,
thanks again.So I understand, that there are those two different types of images for the gallery (thumbnail and fullsize). But my question is, how do I tell the system to take the thumbnail picture for the preview strip and the fullsize image for the lightbox?
Or are you saying, that the browser then decides which one to use and loads the smaller one for thumbnail automatically?
I mean if I create the Mansonry gallery, I only have the option to choose one image for the gallery and no possibility to distinguish between thumbnail image and fullsize image…
Aaaah! Or I just select the images in preview size in Masonry gallery and then link each of this pictures to the one in full size in the gallery settings? Is that what you mean??
Sorry, again…
Kind Regards, TanjaIn reply to: Responsive Content Images & Retina Screens
Hi Tanja,
The images for the gallery are two different ones: one for the preview (the thumbnails), one for the originals (full size).
Same for shop product previews and full sizes.
For example:
I name the ones for the preview strip (example, ftd means featured from featured image):
<imagename>-ftd-800×533-q30.jpg
and the ones for the full view:
<imagename>-1920×1280-q30.jpg
to distinguish between them in the Media Library.
The browser takes care of relatively adjusting the relative sizes from the originals in other cases.
Hope that clears it up.
Kind regards,
RobIn other words, the principle is always the same: double the actual size with high compression.
Consult the list above to see the actual pixel sizes for the type of page you create the image for.Hi,
The code above almost worked, though it made the second image disappear
That’s odd. The nth-child is set to 1, so it should be hiding the first image. Try to replace “nth-child(1)” with “first-child”.
.product_cat-bonji-dab .thumbnail_container img:first-child { opacity: 0 !important; }If in case you want to hide the second image, use this:
.product_cat-bonji-dab .thumbnail_container img:nth-child(2) { opacity: 0 !important; }For additional inquries, we kindly ask that you open them up in a new thread. Thank you.
Best regards,
IsmaelIn reply to: Responsive Content Images & Retina Screens
Dear Rob,
thank you very much again for the explanations!
I tried your solution know just for one header image and I really have to say it works awesome!The only thing now I don’t completely understand and where I would appreciate your input: how do you handle this with masonry gallery or other galleries? I mean the thumbnails before the picture is openend in the lightbox after clicking on it would always have the original size, right? Also, if the thumbnail image container is lets say just 200px width, it would load the big original size?
Or do you have a solution for that?
Thanks again, Tanja
In reply to: Responsive Content Images & Retina Screens
Hi Tanja,
The whole idea about my solution is to serve up ONE high resolution image to all devices, but to make that image bigger with higher compression (for retina screens and zooming sharpness). This is because on all modern devices images can be zoomed (enlarged), so the “traditional” way of serving smaller images to certain devices would result in blurry images when enlarged or when viewd on retina/high resolution screens.
That is why I chose to disable the WP responsive images solution and disable the same approach used by Enfold.
See https://www.netvlies.nl/tips-updates/algemeen/design-interactie/retina-revolution/ for the background on this.To take this approach you need to MANUALLY upload the correct size and resolution for each image on that particular page, using Photoshop or similar.
When you start this on an already existing site the code changes will ONLY affect NEW uploads, i.e. newly uploaded images will not get all of those resized thumbnails created.
You can then (at your own pace) start to replace the existing images with the new accurately sized ones. I recommend a plugin like “Enable Media Replace” to make this process less “painful”.
Once you have replaced all existing images with new precisely sized ones, you can then use a plugin like “Regenerate Thumbnails” to recreate the proper thumbnail sizes (without all the additional ones) and get rid of all previously created, now unneeded, thumbnail sizes to save space on the server.I have been using this method for several years now, and I am completely happy with both the loading speed and the image quality even when zoomed.
So try it out and see if it works for you. Hope this helps.
Regards,
RobHi there,
Is it possible to change location of the description that appears when hovering logo/partner element? I want it to be visible over de image, not above the image. And is it possible to make the description 100% width in stead of like 50%?
I think this is the class: slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-1 slide-parity-odd post-entry-last av_fullwidth first real-thumbnail.
What is the right code to use?
Thank you so much!
Janneke
In reply to: Mega Menu layout
by the way – if this is the mega menu for your blog – each item got his own featured image ?
you can have infront of each mega-menu li your featured image
see here on a test page: https://webers-testseite.de/lepper/
look to “Was wir bieten” Mega Menuit is a code from ismael that works perfectly – see here:
https://kriesi.at/support/topic/on-mega-menu-show-in-front-of-list-points-the-featured-image/#post-688912after you only have to style these little images ! :
.main_menu .avia_mega_div .attachment-thumbnail.size-thumbnail.wp-post-image
on that line :if ($args->menu->name != 'Main Menu') return $sorted_menu_objects;you must enter the name of your main menuIn reply to: Featured Images Blurry
Hi,
Thank you for the update.
It is a resized version of the original image, so it’s a bit blurry — default size of the featured image on a page with a sidebar is 845x321px. If you want to adjust it, install the following plugin, go to the Settings > Media panel, then adjust the “entry_with_sidebar” thumbnail.
// https://wordpress.org/plugins/simple-image-sizes/
Don’t forget to regenerate the thumbnails after the adjustment.
Best regards,
IsmaelHi,
How do I increase the size of the thumbnails on Magazine Blog List View? I would like the thumbnails in the list to be closer to the size of the three images on the top of my news page (in private content) below.
Thanks so much!Hi,
Thank you for the update.
Are you trying to hide the first image of the products with the category “bonji-dab”? This css code might help.
.product_cat-bonji-dab .thumbnail_container img:nth-child(1) { opacity: 0 !important; }Best regards,
IsmaelIn reply to: Fullscreen slider
Hi,
Unfortunately, images do not fully show on some display resolutions.
1.) That’s because it has to retain the aspect ratio. Again, you can set the background-size property from “cover”, which is the default Background Repeat option, to “contain” or “100%”, but it will distort the image or create space around the container. You can try the css code above.
b.) No, that’s not possible. You can only choose the thumbnail size.
c.) What do you mean?
Best regards,
IsmaelTopic: Featured Images Blurry
I can’t get my featured image to look right on my posts. Check out the link below. The featured image is blurry but when you open it you will see it’s a high quality image? I have regenerated the thumbnails.
Also how do I change the size of a featured image or what is the ratio I need to use?
After updating to Enfold 4.5.7 all my LayerSliders and Easy Sliders are not displaying.
For LayerSliders there is just a blank space. See https://www.vukafloors.co.za/
For Easy Sliders there is a blank space but when you put your mouse pointer over the area you can see only the grey shaded arrows used to go to the next picture in the slide. When you click them nothing happens. See https://www.vukafloors.co.za/professionals/When viewing in WordPress everything is working but live on the internet they are blank spaces.
Also on my gallery section the main picture works but the small thumbnails below have become grayscale and nearly not visible. See https://www.vukafloors.co.za/manufacturing-industry-gallery/
At the bottom of this page i use a Partner Logo element and my Logos have all become extra large compared to before.Please help!
Topic: Lightbox background colour
I was wondering if there is a way to change the lightbox background colour from default black to white for any of the photo galleries.
Currently, when someone clicks on a thumbnail and opens a lightbox, the background behind the large image is black. I have a client who would like to have it white.
Is there quick CSS code I can add in that would allow this.
Many thanks
IvanaTopic: Fix Blog page
Hi,
I would like to customize my blog page, however as soon as I change the setting in the theme options to “use advanced layout” my category pages no longer shows the posts under that category in grid view, rather it shows full text and no thumbnail.
How can I prevent this?
Hi,
Thank you for the screenshot, this looks like a product page, in my demo the thumbnails are centered below the large product image. Can we login and see the page to adjust?Best regards,
MikeHey Itai,
When I check my demo of the “Big image with thumbnails below” Gallery element, I don’t see any top margin.
Please link to your page so we can assist.
Also, what do you mean by “align thumbnail columns & big image to the right” Do you want the thumbnails to the right of the big image?Best regards,
MikeHello Enfold team,
I’m trying to customize the “Big image with thumbnails below” Gallery element.
Specifically:
-remove the top margin of the gallery
-remove the padding of the big image
-remove the border on the big image
-align thumbnail columns & big image to the rightCan you advise on the css code to control these elements?
Cheers,
Itai
Hi
I’m building a site that is primarily using images collections. The client wants the ability to search these images and for them to show on the search page. I have enabled this using one of your tutorials in the forum and have also been able to get the images to show in the built in lightbox. Unfortunately you have to click each thumbnail image seperatley for it to open it in the lightbox. What I would like to do is open one image and for the others on the search page to be viewed using the built in next and previous arrows. Just like when you have a portfolio page.
Is there a class or ID I need to add? I have look at the source code and have failed to spot it.
Here is a portfolio page which shows how i want the search page to behave: https://parishkneeler.wpengine.com/churches/oxfordshire/woodstock-st-mary-magdalene/ Click on a image and you can access all images on the page using the lightbox tools.
Here is the search page with a returned search: https://parishkneeler.wpengine.com/?s=woodstock I would like this to behave like the link above.
Any help much appreciated
Kind regards
Mark
In reply to: Where is the blog roll file?
Hey guys,
in which position should I implement the piece of code to display the date?
blog.php
<?php /** * Blog Posts * * Displays Posts from your Blog */ if ( ! defined( 'ABSPATH' ) ) { exit; } // Exit if accessed directly if ( ! class_exists( 'avia_sc_blog' ) ) { class avia_sc_blog extends aviaShortcodeTemplate { /** * Create the config array for the shortcode button */ function shortcode_insert_button() { $this->config['self_closing'] = 'yes'; $this->config['name'] = __('Blog Posts', 'avia_framework' ); $this->config['tab'] = __('Content Elements', 'avia_framework' ); $this->config['icon'] = AviaBuilder::$path['imagesURL']."sc-blog.png"; $this->config['order'] = 40; $this->config['target'] = 'avia-target-insert'; $this->config['shortcode'] = 'av_blog'; $this->config['tooltip'] = __('Displays Posts from your Blog', 'avia_framework' ); $this->config['preview'] = false; $this->config['disabling_allowed'] = "manually"; $this->config['disabled'] = array( 'condition' => ( avia_get_option( 'disable_blog' ) == 'disable_blog' ), 'text' => __( 'This element is disabled in your theme options. You can enable it in Enfold » Performance', 'avia_framework' ) ); } function extra_assets() { //load css wp_enqueue_style( 'avia-module-blog' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/blog/blog.css' , array('avia-layout'), false ); wp_enqueue_style( 'avia-module-postslider' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/postslider/postslider.css' , array('avia-layout'), false ); } /** * Popup Elements * * If this function is defined in a child class the element automatically gets an edit button, that, when pressed * opens a modal window that allows to edit the element properties * * @return void */ function popup_elements() { $this->elements = array( array( "type" => "tab_container", 'nodescription' => true ), array( "type" => "tab", "name" => __("Content" , 'avia_framework'), 'nodescription' => true ), array( 'name' => __( 'Do you want to display blog posts?', 'avia_framework' ), 'desc' => __( 'Do you want to display blog posts or entries from a custom taxonomy?', 'avia_framework' ), 'id' => 'blog_type', 'type' => 'select', 'std' => 'posts', 'subtype' => array( __( 'Display blog posts', 'avia_framework' ) => 'posts', __( 'Display entries from a custom taxonomy', 'avia_framework' ) => 'taxonomy') ), array( "name" => __("Which categories should be used for the blog?", 'avia_framework' ), "desc" => __("You can select multiple categories here. The Page will then show posts from only those categories.", 'avia_framework' ), "id" => "categories", "type" => "select", "multiple" => 6, "required" => array('blog_type', 'equals', 'posts'), "subtype" => "cat"), array( "name" => __("Which Entries?", 'avia_framework' ), "desc" => __("Select which entries should be displayed by selecting a taxonomy", 'avia_framework' ), "id" => "link", "fetchTMPL" => true, "type" => "linkpicker", "subtype" => array( __('Display Entries from:', 'avia_framework' )=>'taxonomy'), "multiple" => 6, "required" => array('blog_type', 'equals', 'taxonomy'), "std" => "category" ), array( 'type' => 'template', 'template_id' => 'date_query', ), array( "name" => __("Blog Style", 'avia_framework' ), "desc" => __("Choose the default blog layout here.", 'avia_framework' ), "id" => "blog_style", "type" => "select", "std" => "single-big", "no_first"=>true, "subtype" => array( __('Multi Author Blog (displays Gravatar of the article author beside the entry and feature images above)', 'avia_framework') =>'multi-big', __('Single Author, small preview Pic (no author picture is displayed, feature image is small)', 'avia_framework') =>'single-small', __('Single Author, big preview Pic (no author picture is displayed, feature image is big)', 'avia_framework') =>'single-big', __('Grid Layout', 'avia_framework') =>'blog-grid', __('List Layout - Simple (Title and meta information only)', 'avia_framework' ) =>'bloglist-simple', __('List Layout - Compact (Title and icon only)', 'avia_framework' ) =>'bloglist-compact', __('List Layout - Excerpt (Title, meta information and excerpt only)', 'avia_framework' ) =>'bloglist-excerpt', /* 'no sidebar'=>'fullsize' */ )), array( "name" => __("Blog List Width", 'avia_framework' ), "desc" => __("Define the width of the list", 'avia_framework' ), "id" => "bloglist_width", "type" => "select", "std" => "", "required" => array('blog_style', 'contains', 'bloglist'), "subtype" => array( __('Auto', 'avia_framework' ) =>'', __('Force Fullwidth', 'avia_framework' ) =>'force_fullwidth' )), array( "name" => __("Blog Grid Columns", 'avia_framework' ), "desc" => __("How many columns do you want to display?", 'avia_framework' ), "id" => "columns", "type" => "select", "std" => "3", "required" => array('blog_style', 'equals', 'blog-grid'), "subtype" => AviaHtmlHelper::number_array(1,5,1)), array( "name" => __("Define Blog Grid layout", 'avia_framework' ), "desc" => __("Do you want to display a read more link?", 'avia_framework' ), "id" => "contents", "type" => "select", "std" => "excerpt", "required" => array('blog_style', 'equals', 'blog-grid'), "subtype" => array( __('Title and Excerpt', 'avia_framework' ) =>'excerpt', __('Title and Excerpt + Read More Link', 'avia_framework' ) =>'excerpt_read_more', __('Only Title', 'avia_framework' ) =>'title', __('Only Title + Read More Link', 'avia_framework' ) =>'title_read_more', __('Only excerpt', 'avia_framework' ) =>'only_excerpt', __('Only excerpt + Read More Link', 'avia_framework' ) =>'only_excerpt_read_more', __('No Title and no excerpt', 'avia_framework' ) =>'no') ), array( "name" => __("Blog Content length", 'avia_framework' ), "desc" => __("Should the full entry be displayed or just a small excerpt?", 'avia_framework' ), "id" => "content_length", "type" => "select", "std" => "content", "required" => array('blog_style', 'doesnt_contain', 'blog'), "subtype" => array( __('Full Content', 'avia_framework' ) =>'content', __('Excerpt', 'avia_framework' ) =>'excerpt', __('Excerpt With Read More Link', 'avia_framework' ) =>'excerpt_read_more')), array( "name" => __("Preview Image Size", 'avia_framework' ), "desc" => __("Set the image size of the preview images", 'avia_framework' ), "id" => "preview_mode", "required" => array('blog_style', 'doesnt_contain', 'bloglist'), "type" => "select", "std" => "auto", "subtype" => array(__('Set the preview image size automatically based on column or layout width','avia_framework' ) =>'auto',__('Choose the preview image size manually (select thumbnail size)','avia_framework' ) =>'custom')), array( "name" => __("Select custom preview image size", 'avia_framework' ), "desc" => __("Choose image size for Preview Image", 'avia_framework' ), "id" => "image_size", "type" => "select", "required" => array('preview_mode','equals','custom'), "std" => "portfolio", "subtype" => AviaHelper::get_registered_image_sizes(array('logo')) ), array( "name" => __("Post Number", 'avia_framework' ), "desc" => __("How many items should be displayed per page?", 'avia_framework' ), "id" => "items", "type" => "select", "std" => "3", "subtype" => AviaHtmlHelper::number_array(1,100,1, array('All'=>'-1'))), array( "name" => __("Offset Number", 'avia_framework' ), "desc" => __("The offset determines where the query begins pulling posts. Useful if you want to remove a certain number of posts because you already query them with another blog or magazine element.", 'avia_framework' ), "id" => "offset", "type" => "select", "std" => "0", "subtype" => AviaHtmlHelper::number_array(1,100,1, array(__('Deactivate offset','avia_framework')=>'0', __('Do not allow duplicate posts on the entire page (set offset automatically)', 'avia_framework' ) =>'no_duplicates'))), array( "name" => __("Pagination", 'avia_framework' ), "desc" => __("Should a pagination be displayed? Pagination might not work as expected when there is more than one blog posts element on a page, a post or on the blog page.", 'avia_framework' ), "id" => "paginate", "type" => "select", "std" => "yes", "subtype" => array( __('yes', 'avia_framework' ) =>'yes', __('no', 'avia_framework' ) =>'no')), array( "name" => __("Conditional display", 'avia_framework' ), "desc" => __("When should the element be displayed?", 'avia_framework' ), "id" => "conditional", "type" => "select", "std" => "", "subtype" => array( __('Always display the element', 'avia_framework' ) =>'', __('Remove element if the user navigated away from page 1 to page 2,3,4 etc ', 'avia_framework' ) =>'is_subpage')), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "tab", "name" => __("Screen Options",'avia_framework' ), 'nodescription' => true ), array( "name" => __("Element Visibility",'avia_framework' ), "desc" => __("Set the visibility for this element, based on the device screensize.", 'avia_framework' ), "type" => "heading", "description_class" => "av-builder-note av-neutral", ), array( "desc" => __("Hide on large screens (wider than 990px - eg: Desktop)", 'avia_framework'), "id" => "av-desktop-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "desc" => __("Hide on medium sized screens (between 768px and 989px - eg: Tablet Landscape)", 'avia_framework'), "id" => "av-medium-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "desc" => __("Hide on small screens (between 480px and 767px - eg: Tablet Portrait)", 'avia_framework'), "id" => "av-small-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "desc" => __("Hide on very small screens (smaller than 479px - eg: Smartphone Portrait)", 'avia_framework'), "id" => "av-mini-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "close_div", 'nodescription' => true ), ); if(current_theme_supports('add_avia_builder_post_type_option')) { $element = array( "name" => __("Select Post Type", 'avia_framework' ), "desc" => __("Select which post types should be used. Note that your taxonomy will be ignored if you do not select an assign post type. If yo don't select post type all registered post types will be used", 'avia_framework' ), "id" => "post_type", "type" => "select", "required" => array('blog_type', 'equals', 'taxonomy'), "multiple" => 6, "std" => "", "subtype" => AviaHtmlHelper::get_registered_post_type_array() ); array_splice($this->elements, 4, 0, array($element)); } } /** * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className * * * @param array $params this array holds the default values for $content and $args. * @return $params the return array usually holds an innerHtml key that holds item specific markup. */ function editor_element($params) { $params['innerHtml'] = "<img src='".$this->config['icon']."' title='".$this->config['name']."' />"; $params['innerHtml'].= "<div class='avia-element-label'>".$this->config['name']."</div>"; $params['content'] = NULL; //remove to allow content elements return $params; } /** * Frontend Shortcode Handler * * @param array $atts array of attributes * @param string $content text within enclosing form of shortcode element * @param string $shortcodename the shortcode found, when == callback name * @return string $output returns the modified html string */ function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "") { global $avia_config, $more; $screen_sizes = AviaHelper::av_mobile_sizes($atts); extract($screen_sizes); //return $av_font_classes, $av_title_font_classes and $av_display_classes if(empty($atts['categories'])) $atts['categories'] = ""; if(isset($atts['link']) && isset($atts['blog_type']) && $atts['blog_type'] == 'taxonomy') { $atts['link'] = explode(',', $atts['link'], 2 ); $atts['taxonomy'] = $atts['link'][0]; if(!empty($atts['link'][1])) { $atts['categories'] = $atts['link'][1]; } else if(!empty($atts['taxonomy'])) { $term_args = array( 'taxonomy' => $atts['taxonomy'], 'hide_empty' => true ); /** * To display private posts you need to set 'hide_empty' to false, * otherwise a category with ONLY private posts will not be returned !! * * You also need to add post_status "private" to the query params of filter avia_post_slide_query. * * @since 4.4.2 * @added_by Günter * @param array $term_args * @param array $atts * @param boolean $ajax * @return array */ $term_args = apply_filters( 'avf_av_blog_term_args', $term_args, $atts, $content ); $taxonomy_terms_obj = AviaHelper::get_terms( $term_args ); foreach ($taxonomy_terms_obj as $taxonomy_term) { $atts['categories'] .= $taxonomy_term->term_id . ','; } } } $atts = shortcode_atts( array( 'blog_style' => '', 'bloglist_width' => '', 'columns' => 3, 'blog_type' => 'posts', 'items' => '16', 'paginate' => 'yes', 'categories' => '', 'preview_mode' => 'auto', 'image_size' => 'portfolio', 'taxonomy' => 'category', 'post_type' => get_post_types(), 'contents' => 'excerpt', 'content_length' => 'content', 'offset' => '0', 'conditional' => '', 'date_filter' => '', 'date_filter_start' => '', 'date_filter_end' => '', 'date_filter_format' => 'mm / dd / yy' ), $atts, $this->config['shortcode'] ); $page = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : get_query_var( 'page' ); if( ! $page ) { $page = 1; } /** * Skip blog queries, if element will not be displayed */ if( $atts['conditional'] == 'is_subpage' && $page != 1 ) { return ''; } if( $atts['blog_style'] == 'blog-grid' ) { $atts['class'] = $meta['el_class']; $atts['type'] = 'grid'; $atts = array_merge($atts, $screen_sizes); /** * @since 4.5.5 * @return array */ $atts = apply_filters( 'avf_post_slider_args', $atts, $this->config['shortcode'], $this ); //using the post slider with inactive js will result in displaying a nice post grid $slider = new avia_post_slider( $atts ); $old_page = null; $is_single = is_single(); if( 'yes' == $atts['paginate'] ) { if( $is_single && isset( $_REQUEST['av_sc_blog_page'] ) && is_numeric( $_REQUEST['av_sc_blog_page'] ) ) { $old_page = get_query_var( 'paged' ); set_query_var( 'paged', $_REQUEST['av_sc_blog_page'] ); } } $slider->query_entries(); if( 'yes' == $atts['paginate'] && $is_single ) { add_filter( 'avf_pagination_link_method', array( $this, 'handler_pagination_link_method'), 10, 3 ); } $html = $slider->html(); if( 'yes' == $atts['paginate'] && $is_single ) { remove_filter( 'avf_pagination_link_method', array( $this, 'handler_pagination_link_method'), 10 ); } if( ! is_null( $old_page ) ) { if( $old_page != 0 ) { set_query_var( 'paged', $old_page ); } else { remove_query_arg( 'paged' ); } } return $html; } $old_page = null; $is_single = is_single(); if( 'yes' == $atts['paginate'] ) { if( $is_single && isset( $_REQUEST['av_sc_blog_page'] ) && is_numeric( $_REQUEST['av_sc_blog_page'] ) ) { $old_page = get_query_var( 'paged' ); set_query_var( 'paged', $_REQUEST['av_sc_blog_page'] ); } } $this->query_entries( $atts ); if( 'yes' == $atts['paginate'] && $is_single ) { add_filter( 'avf_pagination_link_method', array( $this, 'handler_pagination_link_method'), 10, 3 ); } $avia_config['blog_style'] = $atts['blog_style']; $avia_config['preview_mode'] = $atts['preview_mode']; $avia_config['image_size'] = $atts['image_size']; $avia_config['blog_content'] = $atts['content_length']; $avia_config['remove_pagination'] = $atts['paginate'] === "yes" ? false :true; /** * Force supress of pagination if element will be hidden on foillowing pages */ if( $atts['conditional'] == 'is_subpage' && $page == 1 ) { $avia_config['remove_pagination'] = true; } $more = 0; ob_start(); //start buffering the output instead of echoing it get_template_part( 'includes/loop', 'index' ); $output = ob_get_clean(); wp_reset_query(); if( 'yes' == $atts['paginate'] && $is_single ) { remove_filter( 'avf_pagination_link_method', array( $this, 'handler_pagination_link_method'), 10 ); } if( ! is_null( $old_page ) ) { if( $old_page != 0 ) { set_query_var( 'paged', $old_page ); } else { remove_query_arg( 'paged' ); } } avia_set_layout_array(); if($output) { $extraclass = function_exists('avia_blog_class_string') ? avia_blog_class_string() : ""; $extraclass .= $atts['bloglist_width'] == 'force_fullwidth' ? ' av_force_fullwidth' : ""; $markup = avia_markup_helper(array('context' => 'blog','echo'=>false, 'custom_markup'=>$meta['custom_markup'])); $output = "<div class='av-alb-blogposts template-blog {$extraclass} {$av_display_classes}' {$markup}>{$output}</div>"; } return $output; } /** * * @since < 4.0 * @param array $params */ protected function query_entries( array $params ) { global $avia_config; $query = array(); if( ! empty($params['categories']) && is_string($params['categories'] ) ) { //get the categories $terms = explode( ',', $params['categories'] ); } $page = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : get_query_var( 'page' ); if(!$page || $params['paginate'] == 'no') $page = 1; if($params['offset'] == 'no_duplicates') { $params['offset'] = 0; $no_duplicates = true; } if(empty($params['blog_type']) || $params['blog_type'] == 'posts') $params['post_type'] = 'post'; if(empty($params['post_type'])) $params['post_type'] = get_post_types(); if(is_string($params['post_type'])) $params['post_type'] = explode(',', $params['post_type']); //wordpress 4.4 offset fix if( $params['offset'] == 0 ) { $params['offset'] = false; } else { //if the offset is set the paged param is ignored. therefore we need to factor in the page number $params['offset'] = $params['offset'] + ( ($page -1 ) * $params['items']); } $date_query = array(); if( 'date_filter' == $params['date_filter'] ) { $date_query = AviaHelper::add_date_query( $date_query, $params['date_filter_start'], $params['date_filter_end'], $params['date_filter_format'] ); } //if we find categories perform complex query, otherwise simple one if(isset($terms[0]) && !empty($terms[0]) && !is_null($terms[0]) && $terms[0] != "null" && !empty($params['taxonomy'])) { $query = array( 'paged' => $page, 'posts_per_page' => $params['items'], 'offset' => $params['offset'], 'post__not_in' => ( ! empty( $no_duplicates ) ) ? $avia_config['posts_on_current_page'] : array(), 'post_type' => $params['post_type'], 'date_query' => $date_query, 'tax_query' => array( array( 'taxonomy' => $params['taxonomy'], 'field' => 'id', 'terms' => $terms, 'operator' => 'IN' ) ) ); } else { $query = array( 'paged' => $page, 'posts_per_page' => $params['items'], 'offset' => $params['offset'], 'post__not_in' => ( ! empty( $no_duplicates ) ) ? $avia_config['posts_on_current_page'] : array(), 'post_type' => $params['post_type'], 'date_query' => $date_query ); } /** * * @since < 4.0 * @param array $query * @param array $params * @return array */ $query = apply_filters( 'avia_blog_post_query', $query, $params ); $results = query_posts( $query ); // store the queried post ids in if( have_posts() ) { while( have_posts() ) { the_post(); $avia_config['posts_on_current_page'][] = get_the_ID(); } } } /** * Using this element not in a page ( = is_single() ) returns a wrong pagination * * @since 4.5.6 * @param string $method * @param type $pages * @param type $wrapper * @return string */ public function handler_pagination_link_method( $method, $pages, $wrapper ) { if( is_single() || ( 'get_pagenum_link' == $method ) ) { $method = 'avia_sc_blog::add_blog_pageing'; } return $method; } /** * Called when this element not in a page ( = is_single() ). * Add our custom page parameter. * * @since 4.5.6 * @param int $page * @return string */ static public function add_blog_pageing( $page ) { $link = get_pagenum_link( 1 ); if( $page != 1 ) { $link = add_query_arg( array( 'av_sc_blog_page' => $page ), $link ); } else { $link = remove_query_arg( 'av_sc_blog_page', $link ); } return $link; } } }In reply to: Blur Preview Thumbnail
Hi,
Thank you for the update.
You should be able to adjust the thumbnails in the Settings > Media panel. You’ll find a list of thumbnails there. After the thumbnail adjustment, save the changes and don’t forget to regenerate thumbnails. You can also just upload the images again if you prefer.
Best regards,
IsmaelIn reply to: Blur Preview Thumbnail
Hi Ismael,
I am sorry I do not understand. I have installed the plugin. Where it should suppose I see the “widget” thumbnail?Topic: Problem with video display
Hello i haa a problem with the video display
there are Vimeo link
there are black rectangle and the thumbnail are 2 cm belowthank you
NadegeIn reply to: Image dimension too small when open
Hi,
You should consider adjusting it base on the size of the original images that you’re planning to use. It really depends on you. And the adjustment will affect any elements that are using the “large” thumbnail.
Best regards,
IsmaelIn reply to: Enfold: side-bar options and text size in menu
Hi Mike, thanks for that. I went to have a look and when I click on it to edit it shows itself right way up, so then I flip it sideways and in the thumbnail it appears right way up…strange! But a kind of fix :)
And for menu editing please:
I’ve gone to advanced styling and wasn’t sure exactly what element to edit. I tried the Main Menu links and that did nothing to the words on the menu bar (below logo)…so I’d love to know more about which ones I can play with to change different things please? Do you have an article that outlines what each one of those elements actually is for please that I can access and use for my editing?Thanks so much!
In reply to: Height of the product info container.
Hi Mike! I assumed that you are on holiday since other mods took over our topic. That code you created to have auction timer for my account page and single product page was working great and only issue i had was empty space for shop page/category page where timer was removed (see link in private). We used this forced timer code for all pages and then you adjusted code to show timer only for my my account page (watchlist/my auctions) https://kriesi.at/support/topic/how-to-increase-thumbnail-size-image-for-watchlist/page/2/
Ismael did manage to remove that space but this auction timer also disappeared so i did full backup to date prior changes were made and left as it was. I also contacted Plugin author and he advised : Regarding your custom JS code much better approach would be to add couple if statements in https://pastebin.com/BWiswYec rather than removing html block with JS. If statement must be inside function, or like this:
if ( is_page(’29’) ) {
add_action( ‘woocommerce_after_shop_loop_item_title’,’wpgenie_show_counter_in_loop’,50 );
function wpgenie_show_counter_in_loop() {
global $product;$time = ”;
if ( ! isset( $product ) ) {
return;
}
if ( ‘auction’ !== $product->get_type() ) {
return;
}$timetext = esc_html__( ‘Time left’, ‘wc_simple_auctions’ );
if ( ! $product->is_started() ) {
$timetext = esc_html__( ‘Starting in’, ‘wc_simple_auctions’ );
$counter_time = $product->get_seconds_to_auction();
} else {
$counter_time = $product->get_seconds_remaining();
}
$future_class = ( $product->is_closed() === false ) && ( $product->is_started() === false ) ? ‘future’ : ”;$time = ‘<span class=”time-left “>’ . $timetext . ‘</span>
<div class=”auction-time-countdown ‘ . $future_class . ‘”
data-time=”‘ . esc_attr( $counter_time ) . ‘”
data-auctionid=”‘ . intval( $product->get_id() ) . ‘” data-format=”‘ . esc_attr( get_option( ‘simple_auctions_countdown_format’ ) ) . ‘”></div>’;if ( $product->is_closed() ) {
$time = ‘<span class=”has-finished”>’ . __( ‘Auction finished’, ‘wc_simple_auctions’ ) . ‘</span>’;
}echo $time;
}
}In reply to: Blur Preview Thumbnail
Hi,
Thank you for the update.
Looks like you’ve adjusted the “thumbnail” thumbnail or image size. I am referring to the “widget” thumbnail added by the theme. You can’t adjust it in the Settings > Media panel without installing the plugin. And don’t forget to regenerate the thumbnails after the adjustment. You can also try this plugin.
// https://wordpress.org/plugins/simple-image-sizes/
Best regards,
Ismael
