Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #28413

    I found the bug why the arrows are not responsive on my website:

    There is this file which controls the responsive part of those slideshow arrows:

    enfold/config-templatebuilder/avia-shortcodes/slideshow.php

    line 272 to 279 which should add these classes to the slideshow if it’s size is <600px or <305px :

    .avia-small-width-slider

    .avia-super-small-width-slider

    The classes are defined in: css/shortcodes.css line 2095.

    The problem is that the config-templatebuilder/avia-shortcodes/slideshow.php is not adding those classes after inspecting the code preview of the page.

    I tried on two different pages and uploaded many files from the new update just to make sure I have the new version of the theme.

    I see it is working on your demo here:

    http://kriesi.at/themes/enfold/pages/services/

    One thing I will mentioned that I renamed my theme folder from enfold to 2013 before setting everything up. Not sure if this could cause that function to now work.

    Thanks!

    #137463

    Hi!

    Mind posting a link to your site so we can take a look?

    Best regards,

    Kriesi

    #137464

    myusername .com

    at the bottom of the home page there are 4 small slideshows with big arrows instead of smaller ones.

    #137465

    Kriesi, any news on this issue?

    #137466

    Try following – open up wp-contentthemesenfoldconfig-templatebuilderavia-shortcodescolumns.php and replace

    if($first)
    {
    if(!empty($meta['siblings']['prev']['tag']) &&
    in_array($meta['siblings']['prev']['tag'], array('av_one_full','av_one_half', 'av_one_third', 'av_two_third', 'av_three_fourth' , 'av_one_fourth' , 'av_one_fifth' ,'av_textblock')))
    {
    avia_sc_columns::$extraClass = "column-top-margin";
    }
    else
    {
    avia_sc_columns::$extraClass = "";
    }
    }

    with

    if($first)
    {
    if(!empty($meta['siblings']['prev']['tag']) &&
    in_array($meta['siblings']['prev']['tag'], array('av_one_full','av_one_half', 'av_one_third', 'av_two_third', 'av_three_fourth' , 'av_one_fourth' , 'av_one_fifth' ,'av_textblock')))
    {
    avia_sc_columns::$extraClass = "column-top-margin";
    }
    else
    {
    avia_sc_columns::$extraClass = "";
    }
    }

    if(in_array( $shortcodename, array('av_one_third', 'av_two_third', 'av_three_fourth' , 'av_one_fourth' , 'av_one_fifth' ) )) $meta['el_class'] .= ' avia-small-width-slider ';

    #137467

    replaced, cleared cache, refreshed, no changes.

    Also your function does not take care of .avia-super-small-width-slider class. (removes the dots)

    I would try to reupload all the files, but that resets the map widget (at least).

    Can you show me those sliders on another functional website where they work (except the demo)?

    I would like to see if it is working for others before reuploading all the files.

    Thanks.

    #137468

    This fix works on my test server: http://test.inoplugs.com/datenschutz/

    If you want to apply the class to smaller sliders you can also extend the code like

    if(in_array( $shortcodename, array('av_one_third', 'av_two_third', 'av_three_fourth') )) $meta['el_class'] .= ' avia-small-width-slider ';
    if(in_array( $shortcodename, array('av_one_fourth' , 'av_one_fifth') )) $meta['el_class'] .= ' avia-super-small-width-slider ';

    #137469

    Still not working on my end. I see it working on your test server.

    Is this a bug or it might be something wrong with my installation. I will try to install the theme on a test domain and server with nothing else, just the theme and see if it works there or not by default without any hacks.

    I’m copying below a bigger chunk of my code with your addons, please see if you spot any errors.

    /**
    * 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;

    $avia_config['current_column'] = $shortcodename;

    $first = '';
    if (isset($atts[0]) && trim($atts[0]) == 'first') $first = 'first';

    if($first)
    {
    if(!empty($meta['siblings']['prev']['tag']) &&
    in_array($meta['siblings']['prev']['tag'], array('av_one_full','av_one_half', 'av_one_third', 'av_two_third', 'av_three_fourth' , 'av_one_fourth' , 'av_one_fifth' ,'av_textblock')))
    {
    avia_sc_columns::$extraClass = "column-top-margin";
    }
    else
    {
    avia_sc_columns::$extraClass = "";
    }
    }

    if(in_array( $shortcodename, array('av_one_third', 'av_two_third', 'av_three_fourth') )) $meta['el_class'] .= ' avia-small-width-slider ';
    if(in_array( $shortcodename, array('av_one_fourth' , 'av_one_fifth') )) $meta['el_class'] .= ' avia-super-small-width-slider ';

    $output = '<div class="flex_column '.$shortcodename.' '.$first.' '.$meta['el_class'].' '.avia_sc_columns::$extraClass.'">';

    //if the user uses the column shortcode without the layout builder make sure that paragraphs are applied to the text
    $content = (empty($avia_config['conditionals']['is_builder_template'])) ? ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop($content)) : ShortcodeHelper::avia_remove_autop($content, true);

    $output .= $content.'</div>';

    unset($avia_config['current_column']);

    return $output;
    }
    }
    }

    #137470

    Hey!

    Yes, please try it on a clean installation. I also tagged this thread for Kriesi in case he has a better solution/fix.

    Regards,

    Peter

    #137471

    I tried on a clean installation on a different server and it works as it should.

    I will have to troubleshoot on my end with deactivating plugins and a clean installation on this server.

    #137472

    Problem is fixed. It could be one of the plugins, but after deactivating all of the plugins, updating a few and reactivating them it works now.

    Another thing: you have to specify the Slideshow Image Size “Portfolio Small 260×185” in order for the .avia-super-small-width-slider to be applied. Or another option smaller than 300px wide.

    It doesn’t look at the parent column width to detect the size of the slideshow, but it looks at the image file name to see if the image is smaller than 305px wide.

    On the other hand, for .avia-small-width-slider seems that it detects the column width and applies this class even if the image

    I would like to hide the dots when I use these slideshows in 4 or 5 columns. I uploaded an image with original size 260×185 and in the slideshow I specified size: Original Size. The dots show.

    Of course I can save the originals at 260×185 and choose this size in the slideshow options. The problem is at this size the images are not looking good on hi def screens like on an iphone.

    I will figure it out and eliminate the dots. My question is:

    What width should be the images to fit 100% in a slideshow inside a 1/3 column element, 1/4 col element and 1/5?

    Same question for high def screens? I guess double the size?

    I like to optimize and save the images the right size I need. What is the best approach to do so and have the perfect images for slideshows in columns without having them resized by wordpress?

    #137473

    Because the layout is fluid the image size can vary. It also depends on the layout you’ve chosen (1030px or 1210px). The best tool to determine the resolution of the image is the Chrome developer console ( https://developers.google.com/chrome-developer-tools/ ) or Firebug for Firefox. I made a small video to demonstrate the workflow: http://www.screenr.com/hdrH

    The browser will show the calculated resolution in the yellow tooltip.

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Easy slider navigation arrows not responsive’ is closed to new replies.