Viewing 30 results - 2,791 through 2,820 (of 10,096 total)
  • Author
    Search Results
  • #1004050

    In reply to: Symmetrical portfolio

    Hi,

    You don’t need to add any function. I just informed you about the changes regarding the add_image_size function, which is responsible for the size of the thumbnails. Please install the Simple Image Sizes plugin then go to the Settings > Media panel. You’ll see a list of thumbnails there. Look for the “portfolio” and “portfolio_small” thumbnail, tick or enable their “crop” parameter, update, save and then regenerate the thumbnails. Let us know if it’s still confusing.

    Best regards,
    Ismael

    Munford
    Participant

    HI my site was down after I did a restore to a backup this morning. It got corrupted last night after I was trying out some code in the child theme
    I was seeing this:

    `Notice: Undefined variable: post in /www/wp-content/themes/enfold-child/functions.php on line 106 Notice: Trying to get property of non-object in /www/wp-content/themes/enfold-child/functions.php on line 106 Notice: Undefined variable: post in /www/wp-content/themes/enfold-child/functions.php on line 107 Notice: Trying to get property of non-object in /www/wp-content/themes/enfold-child/functions.php on line 107 Notice: Undefined variable: display_child_pages in /www/wp-content/themes/enfold-child/functions.php on line 108 Notice: Undefined variable: sidebar_menu in /www/wp-content/themes/enfold-child/functions.php on line 108 Notice: Undefined variable: children in /www/wp-content/themes/enfold-child/functions.php on line 110 Notice: The called constructor method for WP_Widget in WPAC_Nav_Menu_Widget is deprecated since version 4.3.0! Use
    __construct()
    instead. in /www/wp-includes/functions.php on line 3916

    Fatal error: Cannot redeclare av_countdown_events_fallback() (previously declared in /www/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/events_countdown/events_countdown.php:16) in /www/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/events_countdown.php on line 8`

    If I read that right, the error is in the child theme functions.php, correct?
    I see the code error is here in the file:

    /*==========MAGAZINE ELEMENT add excerpt under title al l===========*/
    add_filter('avf_portfolio_cpt_args', 'avf_portfolio_add_custom_fields', 1);
    function avf_portfolio_add_custom_fields($args) {
            $args['supports'] = array('title','thumbnail','excerpt','editor','comments', 'custom-fields', 'page-attributes');
            return $args;
    }
    
    $default_sidebar = false;
    				$parent = get_the_title($post->post_parent);
    				$parentlink = get_the_permalink($post->post_parent);
                    $sidebar_menu .= "<nav class='widget widget_nav_menu $display_child_pages'><ul class='nested_nav'>";
    				$sidebar_menu .= "<h3 class='widgettitle'><a href='{$parentlink}'>$parent</a></h3>";
                    $sidebar_menu .= $children;
                    $sidebar_menu .= "</ul></nav>";
    
    add_filter('widget_text', 'do_shortcode');

    I’m not sure I need that code anymore since I think I edited the magazine.php which I have in my child theme to show the excerpts instead with this code that you gave me:

    if(empty($this->atts['thumbnails']))
    				{
    					 $image = "";
    					 $extraClass = "av-magazine-no-thumb";
    				}
    			}
    			
    		
    				$excerpt = !empty($entry->post_excerpt) ? $entry->post_excerpt : avia_backend_truncate($entry->post_content, apply_filters( 'avf_magazine_excerpt_length' , 60) , apply_filters( 'avf_magazine_excerpt_delimiter' , " "), "…", true, '');. 

    Also I have commented out the code and the excerpt are still showing fine (see page below). Not sure what to do there, if anything

    I reinstalled the theme and that seems to have fixed the error with the events-countdown.php file that was giving me that FATAL ERROR. When the debug was still on (it’s off now) I was getting these notices:

    Notice: Undefined index: index in /www/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_gallery/masonry_gallery.php on line 468 Notice: Undefined index: index in /www/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_gallery/masonry_gallery.php on line 471 Notice: Undefined index: index in /www/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_gallery/masonry_gallery.php on line 472

    Notice: Undefined index: index in /www/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons_fullwidth/buttons_fullwidth.php on line 421

    Should I do something about that those things? The site seems to be displaying OK now.
    thanks for your help

    Nancy

    • This topic was modified 7 years, 7 months ago by Munford.
    #1004024
    beenee
    Participant

    Hi,
    the title say it all, how to hide thumbnail in sidebar post.

    What I did so far:
    – Don’t display image on single post (is ticked)
    – tried these codes in quick css:

    .post-entry .big-preview{ display: none !important; }
    .newsbox .news-thumb, .newsbox .news-time {display: none;}

    Any ideas? Thanks in advance,
    b.

    #1003968

    In reply to: Symmetrical portfolio

    Can you please elaborate a bit what I need the function for, share the exact function I need and confirm that I just need too add it to the functions.php file?

    1- Install the plugin, go to Settings > Media panel. Tick the “crop” parameter of the “portfolio” and “portfolio_small” thumbnail, update, save and then regenerate the thumbnails.

    2- ???

    Thank you.

    bballaro
    Participant

    Hello, I have spent several days trying to fix the problem of blurry product images. The thumbnail looks fine, the enlarged version looks fine but no matter what I try I can’t get the main product image to be clear. I’ve tried resizing the images through woocommerce’s setting and regenerated thumbnails… all to no avial. I have hired someone to help and they went into the php and modified something but that did not work…and now I can’t update Enfold theme but I get an error saying “Download failed. A valid URL was not provided” So the current theme in Enfold that I am working with is 4.0.5.
    I tried using this help and others:
    https://kriesi.at/support/topic/blurry-woocommerce-single-product-images/
    I will provide my credentials below. Please help.
    P.S. I love the Enfold theme and have never had such problems trying to resolve an issue.

    #1003727
    Exec4
    Participant

    Looking to create a video gallery with 1 large video above 3 smaller thumbnails. They should play in either where top video is or the same lightbox.

    #1003461

    Hey Pascal,

    Thank you for using Enfold.

    We disabled the “avia_woocommerce_gallery_thumbnail_description” modification in the child theme because it causes an error. Why did you add that?

    Best regards,
    Ismael

    #1003263

    Hey Ismael,

    Thanks for the link! I was actually able to figure this one out on my own (and by that I mean looking on StackOverflow haha).

    My search is working as I want it, but I have one final question… how can I get the search results to display on the same page that I have the search bar on? As it works now the results are being displayed on a new page. I am guessing I need to do something to the loop-search.php file.

    Thank you for your help!

    Here are my search.php and loop-search.php files:

    <?php
    	if ( !defined('ABSPATH') ){ die(); }
    
    	global $avia_config;
    
    	/*
    	 * get_header is a basic wordpress function, used to retrieve the header.php file in your theme directory.
    	 */
    	 get_header();
    
    	 //	allows to customize the layout
    	 do_action( 'ava_search_after_get_header' );
    
    	 $results = avia_which_archive();
    	 echo avia_title(array('title' => $results ));
    
    	 do_action( 'ava_after_main_title' );
    	 ?>
    
    		<div class='container_wrap container_wrap_first main_color <?php avia_layout_class( 'main' ); ?>'>
    
    			<div class='container'>
    
    				<main class='content template-search <?php avia_layout_class( 'content' ); ?> units' <?php avia_markup_helper(array('context' => 'content'));?>>
    
                        <div class='page-heading-container clearfix'>
                            <section class="search_form_field">
                                <?php
                                // echo "<h4>".__('New Search','avia_framework')."</h4>";
                                echo "<p>".__('Looking for something else? Try searching again','avia_framework')."</p>";
    
                                get_search_form();
                                echo "<span class='author-extra-border'></span>";
                                ?>
                            </section>
                        </div>
    
                        <?php
                        if(!empty($_GET['s']) || have_posts())
                        {
                            echo "<h4 class='extra-mini-title widgettitle'>{$results}</h4>";
    
                            /* Run the loop to output the posts.
                            * If you want to overload this in a child theme then include a file
                            * called loop-search.php and that will be used instead.
                            */
                            $more = 0;
                            get_template_part( 'includes/loop', 'search' );
    
                        }
    
                        ?>
    
    				<!--end content-->
    				</main>
    
    				<?php
    
    				//get the sidebar
    				$avia_config['currently_viewing'] = 'page';
    
    				get_sidebar();
    
    				?>
    
    			</div><!--end container-->
    
    		</div><!-- close default .container_wrap element -->
    
    <?php get_footer(); ?>
    
    <?php
    global $avia_config;
    
    // check if we got posts to display:
    if (have_posts()) :
    	$first = true;
    
    	$counterclass = "";
    	$post_loop_count = 1;
    	$page = (get_query_var('paged')) ? get_query_var('paged') : 1;
    	if($page > 1) $post_loop_count = ((int) ($page - 1) * (int) get_query_var('posts_per_page')) +1;
    	$blog_style = avia_get_option('blog_style','multi-big');
    
    	while ( have_posts() ) : the_post();
    
    	$the_id 		= get_the_ID();
    	$parity			= $post_loop_count % 2 ? 'odd' : 'even';
    	$last           = count($wp_query->posts) == $post_loop_count ? " post-entry-last " : "";
    	$post_class 	= "post-entry-".$the_id." post-loop-".$post_loop_count." post-parity-".$parity.$last." ".$blog_style;
    	$post_format 	= get_post_format() ? get_post_format() : 'standard';
    
    	?>
    
    	<article <?php post_class('post-entry post-entry-type-'.$post_format . " " . $post_class . " "); avia_markup_helper(array('context' => 'entry')); ?>>
            <div class="entry-content-wrapper clearfix <?php echo $post_format; ?>-content">
    
                <header class="entry-content-header portfolio-search">
                    <?php
                    the_post_thumbnail('thumbnail');
                    // echo "<span class='search-result-counter {$counterclass}'>{$post_loop_count}</span>";
                    //echo the post title
                    $markup = avia_markup_helper(array('context' => 'entry_title','echo'=>false));
                    echo "<h2 class='post-title entry-title'><a title='".the_title_attribute('echo=0')."' href='".get_permalink()."' $markup>".get_the_title()."</a></h2>";
    
                    ?>
    
                </header>
    
                <?php
                    echo '<div class="entry-content" '.avia_markup_helper(array('context' => 'entry_content','echo'=>false)).'>';
                    $excerpt = trim(get_the_excerpt());
                    if(!empty($excerpt))
                    {
                        the_excerpt();
                    }
                    else
                    {
                        $excerpt = strip_shortcodes( get_the_content() );
                        $excerpt = apply_filters('the_excerpt', $excerpt);
                        $excerpt = str_replace(']]>', ']]>', $excerpt);
                        echo $excerpt;
                    }
                    echo '</div>';
                ?>
            </div>
    
            <footer class="entry-footer"></footer>
    
            <?php do_action('ava_after_content', $the_id, 'loop-search'); ?>
    	</article><!--end post-entry-->
    
    	<?php
    
    		$first = false;
    		$post_loop_count++;
    		if($post_loop_count >= 100) $counterclass = "nowidth";
    	endwhile;
    	else:
    
    ?>
    
    	<article class="entry entry-content-wrapper clearfix" id='search-fail'>
                <p class="entry-content" <?php avia_markup_helper(array('context' => 'entry_content')); ?>>
                    <strong><?php _e('Nothing Found', 'avia_framework'); ?></strong><br/>
                   <?php _e('Sorry, no posts matched your criteria. Please try another search', 'avia_framework'); ?>
                </p>
    
                <div class='hr_invisible'></div>
    
                <section class="search_not_found">
                    <p><?php _e('You might want to consider some of our suggestions to get better results:', 'avia_framework'); ?></p>
                    <ul>
                        <li><?php _e('Check your spelling.', 'avia_framework'); ?></li>
                        <li><?php _e('Try a similar keyword, for example: tablet instead of laptop.', 'avia_framework'); ?></li>
                        <li><?php _e('Try using more than one keyword.', 'avia_framework'); ?></li>
                    </ul>
    
                    <div class='hr_invisible'></div>
                    <h3 class=''><?php _e('Feel like browsing some posts instead?', 'avia_framework'); ?></h3>
    
            <?php
            the_widget('avia_combo_widget', 'error404widget', array('widget_id'=>'arbitrary-instance-'.$id,
                    'before_widget' => '<div class="widget avia_combo_widget">',
                    'after_widget' => '</div>',
                    'before_title' => '<h3 class="widgettitle">',
                    'after_title' => '</h3>'
                ));
            echo '</section>';
    	echo "</article>";
    
    	endif;
    	echo avia_pagination('', 'nav');
    ?>
    

    Thanks!

    #1003234
    ChristineGerman
    Participant

    Just update my theme, and now a section of my site is no longer working. i believe it’s related to a child theme php file alteration that was given to me originally by you guys. The file is called slideshow_feature_image.php content. I’ll post the content below.

    Hoping you can help me, I am not a coder and this was provided by your team. The file made an alteration to how the slider works in this section.

    The coding you had provided is below:

    <?php
    /**
    * Featured Image Slider
    *
    * Display a Slideshow of featured images from various posts
    */
    if ( ! defined( ‘ABSPATH’ ) ) { exit; } // Exit if accessed directly

    if ( !class_exists( ‘avia_sc_featureimage_slider’ ))
    {
    class avia_sc_featureimage_slider extends aviaShortcodeTemplate
    {

    static $slide_count = 0;

    /**
    * Create the config array for the shortcode button
    */
    function shortcode_insert_button()
    {
    /**
    * inconsistent behaviour up to 4.2: a new element was created with a close tag, after editing it was self closing !!!
    * @since 4.2.1: We make new element self closing now because no id=’content’ exists.
    */
    $this->config[‘self_closing’] = ‘yes’;

    $this->config[‘name’] = __(‘Featured Image Slider’, ‘avia_framework’ );
    $this->config[‘tab’] = __(‘Media Elements’, ‘avia_framework’ );
    $this->config[‘icon’] = AviaBuilder::$path[‘imagesURL’].”sc-postslider.png”;
    $this->config[‘order’] = 30;
    $this->config[‘target’] = ‘avia-target-insert’;
    $this->config[‘shortcode’] = ‘av_feature_image_slider’;
    $this->config[‘tooltip’] = __(‘Display a Slideshow of featured images from various posts’, ‘avia_framework’ );
    $this->config[‘drag-level’] = 3;
    $this->config[‘preview’] = 0;
    }

    /**
    * 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” => __(“Slider Content” , ‘avia_framework’),
    ‘nodescription’ => true
    ),

    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,
    “std” => “category”
    ),

    array(
    “name” => __(“WooCommerce Product visibility?”, ‘avia_framework’ ),
    “desc” => __(“Select the visibility of WooCommerce products. Default setting can be set at Woocommerce -&gt Settings -&gt Products -&gt Inventory -&gt Out of stock visibility”, ‘avia_framework’ ),
    “id” => “wc_prod_visible”,
    “type” => “select”,
    “std” => “”,
    “required” => array( ‘link’, ‘parent_in_array’, implode( ‘ ‘, get_object_taxonomies( ‘product’, ‘names’ ) ) ),
    “subtype” => array(
    __(‘Use default WooCommerce Setting (Settings -> Products -> Out of stock visibility)’, ‘avia_framework’ ) => ”,
    __(‘Hide products out of stock’, ‘avia_framework’ ) => ‘hide’,
    __(‘Show products out of stock’, ‘avia_framework’ ) => ‘show’)
    ),

    array(
    “name” => __( “Sorting Options”, ‘avia_framework’ ),
    “desc” => __( “Here you can choose how to sort the products. Default setting can be set at Woocommerce -&gt Settings -&gt Products -&gt Display -&gt Default product sorting”, ‘avia_framework’ ),
    “id” => “prod_order_by”,
    “type” => “select”,
    “std” => “”,
    “required” => array( ‘link’, ‘parent_in_array’, implode( ‘ ‘, get_object_taxonomies( ‘product’, ‘names’ ) ) ),
    “subtype” => array(
    __(‘Use defaut (defined at Woocommerce -> Settings -&gt Default product sorting) ‘, ‘avia_framework’ ) => ”,
    __(‘Sort alphabetically’, ‘avia_framework’ ) => ‘title’,
    __(‘Sort by most recent’, ‘avia_framework’ ) => ‘date’,
    __(‘Sort by price’, ‘avia_framework’ ) => ‘price’,
    __(‘Sort by popularity’, ‘avia_framework’ ) => ‘popularity’,
    __(‘Sort randomly’, ‘avia_framework’ ) => ‘rand’
    )
    ),

    array(
    “name” => __( “Sorting Order”, ‘avia_framework’ ),
    “desc” => __( “Here you can choose the order of the result products. Default setting can be set at Woocommerce -&gt Settings -&gt Products -&gt Display -&gt Default product sorting”, ‘avia_framework’ ),
    “id” => “prod_order”,
    “type” => “select”,
    “std” => “”,
    “required” => array( ‘link’, ‘parent_in_array’, implode( ‘ ‘, get_object_taxonomies( ‘product’, ‘names’ ) ) ),
    “subtype” => array(
    __(‘Use defaut (defined at Woocommerce -&gt Settings -&gt Default product sorting)’, ‘avia_framework’ ) => ”,
    __(‘Ascending’, ‘avia_framework’ ) => ‘ASC’,
    __(‘Descending’, ‘avia_framework’ ) => ‘DESC’
    )
    ),

    array(
    “name” => __(“Entry Number”, ‘avia_framework’ ),
    “desc” => __(“How many items should be displayed?”, ‘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 element.”, ‘avia_framework’ ),
    “id” => “offset”,
    “type” => “select”,
    “std” => “enforce_duplicates”,
    “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’,
    __(‘Enforce duplicates (if a blog element on the page should show the same entries as this slider use this setting)’, ‘avia_framework’ ) =>’enforce_duplicates’

    )
    )
    ),

    array(
    “name” => __(“Title and Read More Button”,’avia_framework’ ),
    “desc” => __(“Choose if you want to only display the post title or title and a call to action button”,’avia_framework’ ),
    “id” => “contents”,
    “type” => “select”,
    “std” => “title”,
    “subtype” => array(
    __(‘Only Title’, ‘avia_framework’ ) =>’title’,
    __(‘Title + Read More Button’, ‘avia_framework’ ) =>’title_read_more’,
    __(‘Title + Excerpt + Read More Button’, ‘avia_framework’ ) =>’title_excerpt_read_more’,
    )
    ),

    array(
    “name” => __(“Slider Width/Height Ratio”, ‘avia_framework’ ),
    “desc” => __(“The slider will always stretch the full available width. Here you can enter the corresponding height (eg: 4:3, 16:9) or a fixed height in px (eg: 300px)”, ‘avia_framework’ ),
    “id” => “slider_size”,
    “type” => “input”,
    “std” => “16:9”,
    ),

    array(
    “name” => __(“Preview Image Size”, ‘avia_framework’ ),
    “desc” => __(“Set the image size of the preview images”, ‘avia_framework’ ),
    “id” => “preview_mode”,
    “type” => “select”,
    “std” => “auto”,
    “subtype” => array(

    __(‘Set the preview image size automatically based on slider height’,’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” => __(“Slideshow control styling?”,’avia_framework’ ),
    “desc” => __(“Here you can select if and how to display the slideshow controls”,’avia_framework’ ),
    “id” => “control_layout”,
    “type” => “select”,
    “std” => “”,
    “subtype” => array(__(‘Default’,’avia_framework’ ) =>’av-control-default’,__(‘Minimal White’,’avia_framework’ ) =>’av-control-minimal’, __(‘Minimal Black’,’avia_framework’ ) =>’av-control-minimal av-control-minimal-dark’,__(‘Hidden’,’avia_framework’ ) =>’av-control-hidden’)),

    array(
    “type” => “close_div”,
    ‘nodescription’ => true
    ),

    array(
    “type” => “tab”,
    “name” => __(“Slider Transitions”,’avia_framework’ ),
    ‘nodescription’ => true
    ),

    array(
    “name” => __(“Transition”, ‘avia_framework’ ),
    “desc” => __(“Choose the transition for your Slider.”, ‘avia_framework’ ),
    “id” => “animation”,
    “type” => “select”,
    “std” => “fade”,
    “subtype” => array(__(‘Slide’,’avia_framework’ ) =>’slide’,__(‘Fade’,’avia_framework’ ) =>’fade’),
    ),

    array(
    “name” => __(“Autorotation active?”,’avia_framework’ ),
    “desc” => __(“Check if the slideshow should rotate by default”,’avia_framework’ ),
    “id” => “autoplay”,
    “type” => “select”,
    “std” => “no”,
    “subtype” => array(__(‘Yes’,’avia_framework’ ) =>’yes’,__(‘No’,’avia_framework’ ) =>’no’)),

    array(
    “name” => __(“Slideshow autorotation duration”,’avia_framework’ ),
    “desc” => __(“Slideshow will rotate every X seconds”,’avia_framework’ ),
    “id” => “interval”,
    “type” => “select”,
    “std” => “5”,
    “required” => array(‘autoplay’,’equals’,’yes’),
    “subtype” =>
    array(‘3’=>’3′,’4’=>’4′,’5’=>’5′,’6’=>’6′,’7’=>’7′,’8’=>’8′,’9’=>’9′,’10’=>’10’,’15’=>’15’,’20’=>’20’,’30’=>’30’,’40’=>’40’,’60’=>’60’,’100’=>’100′)),

    array(
    “type” => “close_div”,
    ‘nodescription’ => true
    ),

    array(
    “type” => “tab”,
    “name” => __(“Slide Overlay”,’avia_framework’ ),
    ‘nodescription’ => true
    ),

    array(
    “name” => __(“Enable Overlay?”, ‘avia_framework’ ),
    “desc” => __(“Check if you want to display a transparent color and/or pattern overlay above your slideshow image/video”, ‘avia_framework’ ),
    “id” => “overlay_enable”,
    “std” => “”,
    “type” => “checkbox”),

    array(
    “name” => __(“Overlay Opacity”,’avia_framework’ ),
    “desc” => __(“Set the opacity of your overlay: 0.1 is barely visible, 1.0 is opaque “, ‘avia_framework’ ),
    “id” => “overlay_opacity”,
    “type” => “select”,
    “std” => “0.5”,
    “required” => array(‘overlay_enable’,’not’,”),
    “subtype” => array( __(‘0.1′,’avia_framework’ )=>’0.1′,
    __(‘0.2′,’avia_framework’ )=>’0.2′,
    __(‘0.3′,’avia_framework’ )=>’0.3′,
    __(‘0.4′,’avia_framework’ )=>’0.4′,
    __(‘0.5′,’avia_framework’ )=>’0.5′,
    __(‘0.6′,’avia_framework’ )=>’0.6′,
    __(‘0.7′,’avia_framework’ )=>’0.7′,
    __(‘0.8′,’avia_framework’ )=>’0.8′,
    __(‘0.9′,’avia_framework’ )=>’0.9′,
    __(‘1.0′,’avia_framework’ )=>’1′,
    )
    ),

    array(
    “name” => __(“Overlay Color”, ‘avia_framework’ ),
    “desc” => __(“Select a custom color for your overlay here. Leave empty if you want no color overlay”, ‘avia_framework’ ),
    “id” => “overlay_color”,
    “type” => “colorpicker”,
    “required” => array(‘overlay_enable’,’not’,”),
    “std” => “”,
    ),

    array(
    “required” => array(‘overlay_enable’,’not’,”),
    “id” => “overlay_pattern”,
    “name” => __(“Background Image”, ‘avia_framework’),
    “desc” => __(“Select an existing or upload a new background image”, ‘avia_framework’),
    “type” => “select”,
    “subtype” => array(__(‘No Background Image’, ‘avia_framework’)=>”,__(‘Upload custom image’, ‘avia_framework’)=>’custom’),
    “std” => “”,
    “folder” => “images/background-images/”,
    “folderlabel” => “”,
    “group” => “Select predefined pattern”,
    “exclude” => array(‘fullsize-‘, ‘gradient’)
    ),

    array(
    “name” => __(“Custom Pattern”,’avia_framework’ ),
    “desc” => __(“Upload your own seamless pattern”,’avia_framework’ ),
    “id” => “overlay_custom_pattern”,
    “type” => “image”,
    “fetch” => “url”,
    “secondary_img”=>true,
    “required” => array(‘overlay_pattern’,’equals’,’custom’),
    “title” => __(“Insert Pattern”,’avia_framework’ ),
    “button” => __(“Insert”,’avia_framework’ ),
    “std” => “”),

    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(
    “name” => __(“Caption Title Font Size”,’avia_framework’ ),
    “desc” => __(“Set the font size for the element title, based on the device screensize.”, ‘avia_framework’ ),
    “type” => “heading”,
    “description_class” => “av-builder-note av-neutral”,
    ),

    array( “name” => __(“Font Size for medium sized screens (between 768px and 989px – eg: Tablet Landscape)”, ‘avia_framework’ ),
    “id” => “av-medium-font-size-title”,
    “type” => “select”,
    “subtype” => AviaHtmlHelper::number_array(10,120,1, array( __(“Default”, ‘avia_framework’ )=>” , __(“Hidden”, ‘avia_framework’ )=>’hidden’ ), “px”),
    “std” => “”),

    array( “name” => __(“Font Size for small screens (between 480px and 767px – eg: Tablet Portrait)”, ‘avia_framework’ ),
    “id” => “av-small-font-size-title”,
    “type” => “select”,
    “subtype” => AviaHtmlHelper::number_array(10,120,1, array( __(“Default”, ‘avia_framework’ )=>”, __(“Hidden”, ‘avia_framework’ )=>’hidden’), “px”),
    “std” => “”),

    array( “name” => __(“Font Size for very small screens (smaller than 479px – eg: Smartphone Portrait)”, ‘avia_framework’ ),
    “id” => “av-mini-font-size-title”,
    “type” => “select”,
    “subtype” => AviaHtmlHelper::number_array(10,120,1, array( __(“Default”, ‘avia_framework’ )=>”, __(“Hidden”, ‘avia_framework’ )=>’hidden’), “px”),
    “std” => “”),

    array(
    “name” => __(“Caption Content Font Size”,’avia_framework’ ),
    “desc” => __(“Set the font size for the element content, based on the device screensize.”, ‘avia_framework’ ),
    “type” => “heading”,
    “description_class” => “av-builder-note av-neutral”,
    ),

    array( “name” => __(“Font Size for medium sized screens (between 768px and 989px – eg: Tablet Landscape)”, ‘avia_framework’ ),
    “id” => “av-medium-font-size”,
    “type” => “select”,
    “subtype” => AviaHtmlHelper::number_array(10,120,1, array( __(“Default”, ‘avia_framework’ )=>”, __(“Hidden”, ‘avia_framework’ )=>’hidden’), “px”),
    “std” => “”),

    array( “name” => __(“Font Size for small screens (between 480px and 767px – eg: Tablet Portrait)”, ‘avia_framework’ ),
    “id” => “av-small-font-size”,
    “type” => “select”,
    “subtype” => AviaHtmlHelper::number_array(10,120,1, array( __(“Default”, ‘avia_framework’ )=>”, __(“Hidden”, ‘avia_framework’ )=>’hidden’), “px”),
    “std” => “”),

    array( “name” => __(“Font Size for very small screens (smaller than 479px – eg: Smartphone Portrait)”, ‘avia_framework’ ),
    “id” => “av-mini-font-size”,
    “type” => “select”,
    “subtype” => AviaHtmlHelper::number_array(10,120,1, array( __(“Default”, ‘avia_framework’ )=>”, __(“Hidden”, ‘avia_framework’ )=>’hidden’), “px”),
    “std” => “”),

    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”,
    “multiple” => 6,
    “std” => “”,
    “subtype” => AviaHtmlHelper::get_registered_post_type_array()
    );

    array_unshift($this->elements, $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’] = “config[‘icon’].”‘ title='”.$this->config[‘name’].”‘ />”;
    $params[‘innerHtml’].= “<div class=’avia-element-label’>”.$this->config[‘name’].”</div>”;

    $params[‘innerHtml’].= “<div class=’avia-flex-element’>”;
    $params[‘innerHtml’].= __(‘This element will stretch across the whole screen by default.’,’avia_framework’).”<br/>”;
    $params[‘innerHtml’].= __(‘If you put it inside a color section or column it will only take up the available space’,’avia_framework’);
    $params[‘innerHtml’].= ” <div class=’avia-flex-element-2nd’>”.__(‘Currently:’,’avia_framework’);
    $params[‘innerHtml’].= ” <span class=’avia-flex-element-stretched’>« “.__(‘Stretch fullwidth’,’avia_framework’).” »</span>”;
    $params[‘innerHtml’].= ” <span class=’avia-flex-element-content’>| “.__(‘Adjust to content width’,’avia_framework’).” |</span>”;
    $params[‘innerHtml’].= “</div></div>”;

    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 = “”)
    {
    if(isset($atts[‘link’]))
    {
    $atts[‘link’] = explode(‘,’, $atts[‘link’], 2 );
    $atts[‘taxonomy’] = $atts[‘link’][0];

    if(isset($atts[‘link’][1]))
    {
    $atts[‘categories’] = $atts[‘link’][1];
    }
    }

    // $atts[‘class’] = $meta[‘el_class’];

    extract(AviaHelper::av_mobile_sizes($atts)); //return $av_font_classes, $av_title_font_classes and $av_display_classes
    extract($atts);
    $output = “”;
    $class = “”;

    $skipSecond = false;
    avia_sc_featureimage_slider::$slide_count++;

    $params[‘class’] = “avia-featureimage-slider-wrap main_color {$av_display_classes} “.$meta[‘el_class’].$class;
    $params[‘open_structure’] = false;

    $params[‘custom_markup’] = $atts[‘custom_markup’] = $meta[‘custom_markup’];

    //we dont need a closing structure if the element is the first one or if a previous fullwidth element was displayed before
    if($meta[‘index’] == 0) $params[‘close’] = false;
    if(!empty($meta[‘siblings’][‘prev’][‘tag’]) && in_array($meta[‘siblings’][‘prev’][‘tag’], AviaBuilder::$full_el_no_section )) $params[‘close’] = false;

    if($meta[‘index’] != 0) $params[‘class’] .= ” slider-not-first”;

    $params[‘id’] = “avia_feature_image_slider_”.avia_sc_slider_full::$slide_count;

    $slider = new avia_feature_image_slider($atts);
    $slider->query_entries();
    $slide_html = $slider->html();

    //if the element is nested within a section or a column dont create the section shortcode around it
    if(!ShortcodeHelper::is_top_level()) return $slide_html;

    // $slide_html = “<div class=’container’>” . $slide_html . “</div>”;

    $output .= avia_new_section($params);
    $output .= $slide_html;
    $output .= “</div>”; //close section

    //if the next tag is a section dont create a new section from this shortcode
    if(!empty($meta[‘siblings’][‘next’][‘tag’]) && in_array($meta[‘siblings’][‘next’][‘tag’], AviaBuilder::$full_el ))
    {
    $skipSecond = true;
    }

    //if there is no next element dont create a new section.
    if(empty($meta[‘siblings’][‘next’][‘tag’]))
    {
    $skipSecond = true;
    }

    if(empty($skipSecond)) {

    $output .= avia_new_section(array(‘close’=>false, ‘id’ => “after_full_slider_”.avia_sc_slider_full::$slide_count));

    }

    return $output;

    }

    }
    }

    if ( !class_exists( ‘avia_feature_image_slider’ ) )
    {
    class avia_feature_image_slider
    {
    static $slider = 0;
    protected $slide_count = 0;
    protected $atts;
    protected $entries;

    function __construct($atts = array())
    {

    $this->screen_options = AviaHelper::av_mobile_sizes($atts); //return $av_font_classes, $av_title_font_classes and $av_display_classes

    $this->atts = shortcode_atts(array( ‘items’ => ’16’,
    ‘taxonomy’ => ‘category’,
    ‘post_type’ => get_post_types(),
    ‘contents’ => ‘title’,
    ‘preview_mode’ => ‘auto’,
    ‘image_size’ => ‘portfolio’,
    ‘autoplay’ => ‘no’,
    ‘animation’ => ‘fade’,
    ‘paginate’ => ‘no’,
    ‘use_main_query_pagination’ => ‘no’,
    ‘interval’ => 5,
    ‘class’ => ”,
    ‘categories’ => array(),
    ‘wc_prod_visible’ => ”,
    ‘prod_order_by’ => ”,
    ‘prod_order’ => ”,
    ‘custom_query’ => array(),
    ‘lightbox_size’ => ‘large’,
    ‘offset’ => 0,
    ‘bg_slider’ =>true,
    ‘keep_pading’ => true,
    ‘custom_markup’ => ”,
    ‘slider_size’ => ’16:9′,
    ‘control_layout’ => ”,
    ‘overlay_enable’ => ”,
    ‘overlay_opacity’ => ”,
    ‘overlay_color’ => ”,
    ‘overlay_pattern’ => ”,
    ‘overlay_custom_pattern’ => ”,

    ), $atts, ‘av_feature_image_slider’);

    if($this->atts[‘autoplay’] == “no”)
    $this->atts[‘autoplay’] = false;

    }

    public function html()
    {
    $html = “”;
    $counter = 0;
    $style = “”;
    $extraClass = “”;
    $style = “”;
    avia_feature_image_slider::$slider++;

    if($this->slide_count == 0) return $html;

    if(!empty($this->atts[‘default-height’]))
    {
    $style = “style=’padding-bottom: {{av-default-heightvar}}%;'”;
    $extraClass .= ” av-default-height-applied”;
    }

    if(strpos( $this->atts[‘slider_size’] , “:”) !== false)
    {
    $ratio = explode(‘:’,trim($this->atts[‘slider_size’]));
    if(empty($ratio[0])) $ratio[0] = 16;
    if(empty($ratio[1])) $ratio[1] = 9;
    $final_ratio = ((int) $ratio[0] / (int) $ratio[1]);
    $def_height = “padding-bottom:” . (100/$final_ratio). “%”;

    }
    else
    {
    $def_height = (int) $this->atts[‘slider_size’];
    $def_height = “height: {$def_height}px”;
    }

    extract($this->screen_options);

    $style = “style='{$def_height}'”;
    if(!empty($this->atts[‘control_layout’])) $extraClass .= ” “.$this->atts[‘control_layout’];

    $markup = avia_markup_helper(array(‘context’ => ‘image’,’echo’=>false, ‘custom_markup’=>$this->atts[‘custom_markup’]));

    $data = AviaHelper::create_data_string($this->atts);

    $html .= “<div {$data} class=’avia-slideshow avia-featureimage-slideshow avia-animated-caption {$av_display_classes} avia-slideshow-“.avia_sc_featureimage_slider::$slide_count.” {$extraClass} avia-slideshow-“.$this->atts[‘image_size’].” “.$this->atts[‘class’].” avia-“.$this->atts[‘animation’].”-slider ‘ $markup>”;

    $html .= “<ul class=’avia-slideshow-inner avia-slideshow-fixed-height’ {$style}>”;

    $html .= $this->default_slide();

    $html .= ““;

    if($this->slide_count > 1)
    {
    $html .= $this->slide_navigation_arrows();
    $html .= $this->slide_navigation_dots();
    }

    if(!empty($this->atts[‘caption_override’])) $html .= $this->atts[‘caption_override’];

    $html .= “</div>”;

    if(!empty($this->atts[‘default-height’]))
    {
    $html = str_replace(‘{{av-default-heightvar}}’, $this->atts[‘default-height’], $html);
    }

    return $html;
    }

    //function that renders the usual slides. use when we didnt use sub-shorcodes to define the images but ids
    protected function default_slide()
    {
    $html = “”;
    $counter = 0;

    extract($this->screen_options);

    $markup_url = avia_markup_helper(array(‘context’ => ‘image_url’,’echo’=>false, ‘custom_markup’=>$this->atts[‘custom_markup’]));

    foreach ($this->entries->posts as $slide)
    {
    $counter ++;
    $thumb_id = get_post_thumbnail_id( $slide->ID );
    $slide_class = “”;

    $img = wp_get_attachment_image_src($thumb_id, $this->atts[‘image_size’]);
    $link = get_post_meta( $slide->ID ,’_portfolio_custom_link’, true ) != “” ? get_post_meta( $slide->ID ,’_portfolio_custom_link_url’, true ) : get_permalink( $slide->ID );
    $title = get_the_title( $slide->ID );

    $caption = “”;
    $caption .= ‘ <div class=”caption_fullwidth av-slideshow-caption caption_center”>’;
    $caption .= ‘ <div class=”container caption_container”>’;
    $caption .= ‘ <div class=”slideshow_caption”>’;
    $caption .= ‘ <div class=”slideshow_inner_caption”>’;
    $caption .= ‘ <div class=”slideshow_align_caption”>’;
    //$caption .= ‘ <h2 class=”avia-caption-title”>‘.$title.’</h2>’;

    if(strpos($this->atts[‘contents’], ‘excerpt’) !== false)
    {
    $excerpt = !empty($slide->post_excerpt) ? $slide->post_excerpt : avia_backend_truncate($slide->post_content, apply_filters( ‘avf_feature_image_slider_excerpt_length’ , 320) , apply_filters( ‘avf_feature_image_slider_excerpt_delimiter’ , ” “), “…”, true, ”);

    if(!empty($excerpt)){
    $caption .= ‘ <div class=”avia-caption-content ‘.$av_font_classes.'” itemprop=”description”>’;
    $caption .= wpautop($excerpt);
    $caption .= ‘ </div>’;
    }
    }

    if(strpos($this->atts[‘contents’], ‘read_more’) !== false)
    {
    $caption .= ‘ ‘.__(‘Read more’, ‘avia_framework’).’‘;

    }
    $caption .= ‘ </div>’;
    $caption .= ‘ </div>’;
    $caption .= ‘ </div>’;
    $caption .= ‘ </div>’;
    $caption .= $this->create_overlay();
    $caption .= ‘ </div>’;

    $slide_data = “data-img-url='”.$img[0].”‘”;

    if(empty($img)) $slide_class .= ” av-no-image-slider”;

    $html .= “<li {$slide_data} class=’slide-{$counter} {$slide_class} slide-id-“.$slide->ID.”‘>”;
    $html .= $caption;
    $html .= “
    “;
    }

    return $html;
    }

    protected function slide_navigation_dots()
    {
    $html = “”;
    $html .= “<div class=’avia-slideshow-dots avia-slideshow-controls’>”;
    $active = “active”;

    for($i = 1; $i <= $this->slide_count; $i++)
    {
    $html .= “{$i}“;
    $active = “”;
    }

    $html .= “</div>”;

    return $html;
    }

    protected function slide_navigation_arrows()
    {
    $html = “”;
    $html .= “<div class=’avia-slideshow-arrows avia-slideshow-controls’>”;
    $html .= ““.__(‘Previous’,’avia_framework’ ).”“;
    $html .= ““.__(‘Next’,’avia_framework’ ).”“;
    $html .= “</div>”;

    return $html;
    }

    protected function create_overlay()
    {
    extract($this->atts);

    /*check/create overlay*/
    $overlay = “”;
    if(!empty($overlay_enable))
    {
    $overlay_src = “”;
    $overlay = “opacity: {$overlay_opacity}; “;
    if(!empty($overlay_color)) $overlay .= “background-color: {$overlay_color}; “;
    if(!empty($overlay_pattern))
    {
    if($overlay_pattern == “custom”)
    {
    $overlay_src = $overlay_custom_pattern;
    }
    else
    {
    $overlay_src = str_replace(‘{{AVIA_BASE_URL}}’, AVIA_BASE_URL, $overlay_pattern);
    }
    }

    if(!empty($overlay_src)) $overlay .= “background-image: url({$overlay_src}); background-repeat: repeat;”;
    $overlay = “<div class=’av-section-color-overlay’ style='{$overlay}’></div>”;
    }

    return $overlay;
    }

    //fetch new entries
    public function query_entries($params = array())
    {
    global $avia_config;

    if(empty($params)) $params = $this->atts;

    if(empty($params[‘custom_query’]))
    {
    $query = array();

    if(!empty($params[‘categories’]))
    {
    //get the portfolio 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 we find no terms for the taxonomy fetch all taxonomy terms
    if(empty($terms[0]) || is_null($terms[0]) || $terms[0] === “null”)
    {
    $terms = array();
    $allTax = get_terms( $params[‘taxonomy’]);
    foreach($allTax as $tax)
    {
    $terms[] = $tax->term_id;
    }

    }

    if($params[‘offset’] == ‘no_duplicates’)
    {
    $params[‘offset’] = 0;
    $no_duplicates = true;
    }

    if($params[‘offset’] == ‘enforce_duplicates’)
    {
    $params[‘offset’] = 0;
    $no_duplicates = false;
    }

    if(empty($params[‘post_type’])) $params[‘post_type’] = get_post_types();
    if(is_string($params[‘post_type’])) $params[‘post_type’] = explode(‘,’, $params[‘post_type’]);

    $orderby = ‘date’;
    $order = ‘DESC’;

    // Meta query – replaced by Tax query in WC 3.0.0
    $meta_query = array();
    $tax_query = array();

    // check if taxonomy are set to product or product attributes
    $tax = get_taxonomy( $params[‘taxonomy’] );

    if( class_exists( ‘WooCommerce’ ) && is_object( $tax ) && isset( $tax->object_type ) && in_array( ‘product’, (array) $tax->object_type ) )
    {
    $avia_config[‘woocommerce’][‘disable_sorting_options’] = true;

    avia_wc_set_out_of_stock_query_params( $meta_query, $tax_query, $params[‘wc_prod_visible’] );

    // sets filter hooks !!
    $ordering_args = avia_wc_get_product_query_order_args( $params[‘prod_order_by’], $params[‘prod_order’] );

    $orderby = $ordering_args[‘orderby’];
    $order = $ordering_args[‘order’];
    }

    if( ! empty( $terms ) )
    {
    $tax_query[] = array(
    ‘taxonomy’ => $params[‘taxonomy’],
    ‘field’ => ‘id’,
    ‘terms’ => $terms,
    ‘operator’ => ‘IN’
    );
    }

    $query = array( ‘orderby’ => $orderby,
    ‘order’ => $order,
    ‘paged’ => $page,
    ‘post_type’ => $params[‘post_type’],
    // ‘post_status’ => ‘publish’,
    ‘offset’ => $params[‘offset’],
    ‘posts_per_page’ => $params[‘items’],
    ‘post__not_in’ => ( ! empty( $no_duplicates ) ) ? $avia_config[‘posts_on_current_page’] : array(),
    ‘meta_query’ => $meta_query,
    ‘tax_query’ => $tax_query
    );

    }
    else
    {
    $query = $params[‘custom_query’];
    }

    $query = apply_filters(‘avia_feature_image_slider_query’, $query, $params);

    $this->entries = new WP_Query( $query );

    $this->slide_count = count($this->entries->posts);

    // store the queried post ids in
    if( $this->entries->have_posts() && $params[‘offset’] != ‘enforce_duplicates’)
    {
    while( $this->entries->have_posts() )
    {
    $this->entries->the_post();
    $avia_config[‘posts_on_current_page’][] = get_the_ID();
    }
    }

    if( function_exists( ‘WC’ ) )
    {
    avia_wc_clear_catalog_ordering_args_filters();
    $avia_config[‘woocommerce’][‘disable_sorting_options’] = false;
    }

    }
    }
    }

    #1003212

    Thanks HuxburyQuinn,

    The first links seems to work fine, but isn’t as functional as your previous solution, as you cant populate a hidden gallery – which would have been a bonus.

    I was going to try out your popup content shortcode – which sounds great and seems a well detailed tutorial for non coders like myself – however, before I start adding all the code, i did have two quick questions;

    when publishing the popup contents page with the desired gallery element, will the popup link open the gallery as if it has already been clicked on (eg: in the lightbox) or , will it look like a gallery on a page (eg: big image with thumbnails below and still need to be clicked on)?

    Also, do you add the shortcode straight into the text box with the link,
    Or
    do you add the shortcode into a code block and then add the html href into the text box with the link (eg: link_text)

    Thanks again for taking the time to help me,

    #1002948

    In reply to: Symmetrical portfolio

    Hi,

    Thanks for the update.

    I checked the “add_image_size” function and it turned out that the “crop” parameter now defaults to “false” instead of “true”. Please install the following plugin and then go to the Settings > Media panel. Tick the “crop” parameter of the “portfolio” and “portfolio_small” thumbnail, update, save and then regenerate the thumbnails. This will crop or resize the images to the exact specified dimension.

    // https://wordpress.org/plugins/simple-image-sizes/

    add_image_size function: https://developer.wordpress.org/reference/functions/add_image_size/

    Best regards,
    Ismael

    #1002770
    Guenni007
    Participant

    i have some pages with images ( avia image alb elements) with manual links to youtube videos.
    in this case the default behavior would be of enfold to change for the lightbox video to the embed youtube link.

    because the mfp-iframe only appears on click i had to have a method on which the parameters are added on “status nascendi” so to speak in the moment the link was created. this is done by:
    $('body').on('DOMNodeInserted', function(){

    The goal is to add the parameters that show me as little advertising as possible from YouTube. These are especially when pausing the film and at the end of a film.

    so here is my code which goes to functions.php of my child-theme ( and it is working fine):

    function youtube_fix(){
    ?>
    <script>
    (function($){ 
    	$('body').on('DOMNodeInserted', function(){
    		$('iframe.mfp-iframe[src*="youtube.com"]').each(function() {
    		var _src = $(this).attr("src")
    		$(this).attr("src", _src +  '&cc_load_policy=1&enablejsapi=1&ecver=2&playsinline=1&rel=0&showinfo=0&color=white&iv_load_policy=3')
    		});
    	})
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'youtube_fix');

    but afterwards i thought i could replace those source images (from which the link goes to the iframe) with the highresolution youtube thumbnails.
    these images are correlated with the youtube video id:

    http://img.youtube.com/vi/ID/mqdefault.jpg
    http://img.youtube.com/vi/ID/maxresdefault.jpg

    so i thougt it might be possible to have the ID for each link and change the source img src attribut to the correlated highres thumbnail.
    but at the moment i got no clue how to do it. There are alot of preg_matches to get the Video ID of the youtube video – but to replace the source image with the highres thumbnail on each link …no idea- yet.
    maybe you got a working solution for it.
    i go on brainstroming

    you can see here a working example of the code above – but with source images
    and you see on source code that i only inserted the normal youtube video link to the manual link of the image.
    In lightbox there is the link with all my addons – so no advertising on pause or end of video : https://webers-testseite.de/youtube-videotestseite/

    • This topic was modified 7 years, 7 months ago by Guenni007.

    Hi,

    Did you try to regenerate all thumbnails with a plugin like: https://wordpress.org/plugins/regenerate-thumbnails/ ? Maybe shortpixel did not compress all images (yet) and if shortpixel hooks into the default thumbnail generation process this should force shortpixel to compress all images. You can also try to use another service like: https://imagify.io/wordpress/ – maybe shortpixel uses other tools to compress images and Google’s image compression is better.

    Best regards,
    Dude

    #1002535

    Hi,

    The map marker is set to use the “thumbnail” image size by default. Try to adjust that thumbnail size in the Settings > Media panel from 80x80px to 160x160px and then regenerate the thumbnails. You can use this plugin.

    // https://wordpress.org/plugins/regenerate-thumbnails/

    Best regards,
    Ismael

    #1002479

    In reply to: Symmetrical portfolio

    Hi,

    Thanks for the update. The grids are not using the “portfolio” thumbnail. Please provide the login details in the private field so that we can check it further.

    Best regards,
    Ismael

    #1002437

    Topic: Error on page update

    in forum Enfold
    profputr
    Participant

    I’m getting the following error:

    Warning: preg_match_all(): Compilation failed: regular expression is too large at offset 34094 in /nas/content/staging/glocpas/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-parser.class.php on line 606

    I get this error when I click on Preview to view changes I’ve made to a page. I cannot tell if it’s affecting page performance.

    Example page is: http://glocpas.staging.wpengine.com/industries/?preview_id=833&preview_nonce=24c209fff6&_thumbnail_id=-1&preview=true (hosted on WPengine)

    Thanks

    #1002090

    In reply to: Symmetrical portfolio

    Hi,

    Thank you for the clarification.

    Have you tried to set the element’s “Portfolio Grid Image Size” to the second option? It will give you access to the available thumbnails. I think the grid looks like that because the grid using the original image instead of the generated portfolio thumbnails. Did you upload featured images with different sizes?

    Best regards,
    Ismael

    #1001157

    In reply to: Product grid excerpt

    Thanks Basilis that looks like an interesting and useful tool but I am not sure it will do what I want, For every blog entry you can have a excerpt box on the page to type what is displayed below the thumbnails. It isenabled via Screen Options and looks like this:
    Image 2018-08-24 at 10.46.27 AM.png
    Is there not a way of enabeling it for shop products?
    I know this is straying a bit off your remit but you guys are wordpress gurus and will know if it is possible or not,
    Thanks
    Rob

    #1000318

    In reply to: Randomize testimonials

    Hi, I have tried both the code combinations on the original page and neither work. I have placed the file in a child theme, using the same directory structure. Her’s the entire code of the testimonials.js page. You can see the output at: https://newsblocks.io/news-is-data/

    (function($)
    { 
    	"use strict";
    	
    	// -------------------------------------------------------------------------------------------
    	// testimonial shortcode javascript
    	// -------------------------------------------------------------------------------------------
    
    $.fn.randomize = function(childElem) {
      return this.each(function() {
          var $this = $(this);
          var elems = $this.children(childElem);
    
          elems.sort(function() { return (Math.round(Math.random())-0.5); });  
    
          $this.remove(childElem);  
    
          for(var i=0; i < elems.length; i++)
            $this.append(elems[i]);      
    
      });    
    } (jQuery);	
    
    	
    	$.fn.avia_sc_testimonial = function(options)
    	{
    		return this.each(function()
    		{
    			jQuery(".avia-testimonial-row").randomize(".avia-testimonial");
    			var container = $(this), elements = container.find('.avia-testimonial');
    	
    	
    			//trigger displaying of thumbnails
    			container.on('avia_start_animation', function()
    			{
    				elements.each(function(i)
    				{
    					var element = $(this);
    					setTimeout(function(){ element.addClass('avia_start_animation') }, (i * 150));
    				});
    			});
    		});
    	}
    	
    }(jQuery));
    #1000232
    ESWEENEY113
    Participant

    I played around with customizing my blog layout to have the featured image as a square on the left hand side, then the title of the post with the initial description under that on the right, and with a Read More button under that. But I either get the featured image to appear as a thumbnail which is way too small or a horizontal image above the text which is way too big. Is there a way for me to have the featured image appear as a square to the left (not a thumbnail)? Thanks!

    #1000132

    Here was our solution for the deprecated combo widget. We customized the css so that the widget would closely resemble Enfold’s deprecated widget.

    1. Install and activate the “WP Tab Widget” plugin from the WordPress repository.
    2. Go to Wp Admin > Appearance > Widgets and drag the “WP Tab Widget” where you want it to appear on your site.
    3. Add the CSS below to your Quick CSS or style.css file. (If you use Quick CSS for testing, you should move the new css to your style.css to make it permanent.)
    4. Customize the plugin settings to your taste (we did not program the css to include the tags tab, only recent, popular, and comments)

    /* WP Tab Widget Avia Combo Widget Replacement */
    .wpt_widget_content { border: none !important; }
    
    .wpt_widget_content .inside { 
        border-top: 1px solid #e1e1e1 !important; 
        margin-top: -1px !important;
        padding-top: 0px !important;
    }
    
    .wpt_widget_content .tab-content li {
       padding-left: 0px !important;
       padding-right: 0px !important;
       padding-bottom: 10px !important;
    }
    
    .wpt_thumbnail, .wpt_avatar {
        margin-right: 9px !important;
        padding: 3px !important;
        float: left !important;
        margin-top: 4px !important;
        margin-bottom: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        height: 36px !important;
        width: 36px !important;
        display: block !important;
    }
    
    .wpt_widget_content .entry-title a {
        color: #222222 !important;
        overflow: hidden !important;
        font-size: 13px !important;
        margin-top: 0px !important;
        font-weight: bold !important;
        margin-top: 2px !important;
        display: block !important;
        line-height: 20px !important;
    }
    
    .wpt_comment_content p {
        color: #222222 !important;
        overflow: hidden !important;
        font-size: 12px !important;
        margin-top: 0px !important;
        font-weight: bold !important;
        margin-top: 2px !important;
        display: block !important;
        line-height: 20px !important;
    }
    
    .wpt_widget_content .wpt-postmeta {
        font-size: 11.5px !important;
    }
    
    .wpt_comment_meta {
       margin-top: 4px !important;
       margin-bottom: 4px !important;
       line-height: 0px !important;
    }
    
    .wpt_comment_meta a {
        font-size: 11.5px !important;
        font-weight: normal !important;
        line-height: 18px !important;
    }
    
    .wpt_thumbnail .wp-post-image {
        width: 28px;
        height: 28px;
        object-fit: cover;
    }
    
    .wpt_widget_content .tab-content li {
        border: none !important;
        margin: 0px !important;
    }
    
    .has-3-tabs {
       width: 100.3% !important;
    }
    
    .has-3-tabs li {
       clear: none !important;
    }
    
    .has-3-tabs a {
       border: none !important;
       background-color: #fff !important;
       font-weight: normal !important;
       font-size: 12px !important;
       line-height: 24px !important;
    }
    
    .has-3-tabs a:hover {
       color: #666666 !important;
    }
    
    .has-3-tabs .selected {
       border-bottom: 2px solid #666;
    }
    
    .has-3-tabs .selected a {
       font-weight: bold !important;
       color: #666666 !important;
    }

    Tip: The plugin determines popular posts based on the plugin’s view counter. When the plugin is first installed, all your posts will have a 0 views value. Until you or your visitors start hitting pages on your site, the plugin will randomly choose posts to show in the popular posts tab. If you do not want to wait for traffic to your site, or you want to replicate the list of popular posts you had previously before Kriesi removed the combo widget,

    0. Make sure you have your database backed up, just in case!
    1. Go to WP Admin > Posts, mouseover the title of your posts, and look at the URL in your browser’s status bar (at the bottom of your browser window)
    2. Make note of the post_id (the url will include “post=x”) for the post whose view count you want to modify (do this for each post you want to modify)
    3. Go into your web host’s control panel, to phpMyAdmin > youraccount_wp* (your WP database) > wp*_postmeta > Search (tab)
    4. Query for the post_id assigned to the post you want to raise or lower in the popular posts widget.
    5. Locate the “_wpt_view_count” meta_key, then change the “meta_value”. The higher the number, the higher it will appear in the popular posts tab.
    6. Repeat steps 3-5 for each post.

    Ta da! Your beloved combo widget is back. Enjoy!

    #999852
    rkumar12
    Participant

    We recently migrated our blogs over to a subdomain “blog.domain.com” and are wondering if there is a way for the search widget or built-in search ajax tool in Enfold to pull the blog posts that are on this subdomain plus do a global search of our entire website when someone uses it. In addition, we used to use the “Enfold latest news” widget in the footer to pull recent blogs displaying a featured image. Since our blogs are on the subdomain, this no longer works to pull the latest posts. I noticed the RSS widget – this could work but it doesn’t display a thumbnail image next to the most recent posts from the subdomain.

    #999661

    Hi Victoria,

    I appreciate the help you are offering. I would just like to clarify something…

    In the customization view, under Woocommerce, the option exists to specify whether product gallery images are cropped or uncropped. THis is not working for me, or maybe I need the regenerate thumbnails after selecting “uncropped”? Please see screenshot.

    https://www.wildsugar.fashion/wp-content/uploads/2018/08/Screenshot-2018-08-21-11.43.08.jpg

    Also, in Enfold settings there is an option to use Enfold Shop layout or WooCommerce shop layout. I have tried toggling this option and nothing changes. Is there a difference? See screenshot:

    https://www.wildsugar.fashion/wp-content/uploads/2018/08/Screenshot-2018-08-21-11.44.03.jpg

    If you could clarify these items for me I would appreciate it.

    Thank you.

    Best,
    Dameon

    • This reply was modified 7 years, 7 months ago by dameonjamie.
    flylanddesigns
    Participant

    -FIRST:
    Can I set a parameter that will not resize images past their original pixel size in the Ajax portfolio?
    I have a Ajax portfolio on this page: http://www.flylanddesigns.com/illustration-dark
    When you click on a thumbnail, the Ajax portfolio shows the image previews as expected. The problem is that it always resizes these images to fill the space. This is fine for square images, but images that are portrait shaped (like a poster) usually end up getting resized so much that there is obvious pixelation and blurriness.

    I do not want to upload larger images, because this is an art blog, and I have a problem with a lot of people downloading the images and printing and selling them. So I need to use low-res images only. I usually don’t upload any of these with a dimension larger than 800px.

    My question is: Can I set it somehow so that the Ajax portfolio resizes the image to fill the space, BUT does NOT make it larger than the original upload size?

    I’ve tried making the Ajax image preview area smaller – but the problem with that is then it makes the square images much smaller than they need to be – especially when using images that are very long in the horizontal direction, but not tall.

    -SECOND: Is there any way to have the text that is in the second column of the Ajax portfolio pop-up stay in place when I scroll, so that only the Image List scrolls? That would be great, because sometimes my stack of images is quite large, and I’d like the project details to stay in one place.

    #999443

    Hi Victoria,

    Eep. Looks a little daunting. I’m afraid of disabling those functions. Won’t it interfere with other aspects of my site? I just want the option to work to have my product gallery thumbnail images uncropped. Is there not a simple solution to that? I’ve read that thread a few times now and don’t really see how it how to apply it to my request.

    • This reply was modified 7 years, 7 months ago by dameonjamie. Reason: Expanding on reply
    hspets
    Participant

    Hi! I am adding a galllery to a friends site. He would like to keep images in their original format, thus using both portrait and landscape format in the same gallery. This means the gallery takes on the height of the first (portrait) image. When a landscape image is clicked, the height of the gallery remains in portrait format, thus creating a large gap below large image, above the thumbnails. Is it possible for the thumbnails to “follow” the format? So, appearing just underneath the large image, no matter the format?

    Hi Vinay,

    Thank you for your reply.

    I installed the plugin “Regenerate Thumbnails” and went to Tools > Regenerate Thumbnails for all 44 Attachments > checked: “Skip regenerating existing correctly sized thumbnails (faster)” > hard refresh in Chrome, but I can’t see any difference.

    Should the images be sharper now?

    Best regards,
    zizibe1

    #999288
    ngavy
    Participant

    when I post or text URL(www.ngavy.com) to my friends via Facebook and kakaotalk, It shows our logo in a thumbnail. but I wanted to change another. so I did change the featured image but. it doesn’t work at all. even I changed another same as not working. please check any bugs on it. thanks.

    #999164
    dameonjamie
    Participant

    Hi Kriesi,

    I would like for the product gallery images to be larger and uncropped. In the customisation view, under WooCommerce, I ticked the selection “uncropped” for the product thumbnails. They are still being cropped however. Also, the thumbnails are blurry, not sharp I need them not blurry.

    The site is in maintenance mode and redirects to my working site. You will have to log in to see a product. I have added the credentials to the private area.

    Thank you.

    Best,
    Dameon

    #999125

    Thanks Vinay That has sorted the title on the product page but I still have the thick box round the image and the products overview page the title below the thumbnail is still white on white:
    http://s746132929.websitehome.co.uk/products
    Cheers
    Rob

Viewing 30 results - 2,791 through 2,820 (of 10,096 total)