-
AuthorPosts
-
August 25, 2013 at 4:06 pm #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!
August 25, 2013 at 4:36 pm #137463August 25, 2013 at 5:58 pm #137464myusername .com
at the bottom of the home page there are 4 small slideshows with big arrows instead of smaller ones.
August 26, 2013 at 5:52 pm #137465Kriesi, any news on this issue?
August 27, 2013 at 6:32 am #137466Try 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 ';August 28, 2013 at 1:18 am #137467replaced, 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.
August 29, 2013 at 8:58 am #137468This 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 ';August 29, 2013 at 1:57 pm #137469Still 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;
}
}
}August 30, 2013 at 6:50 am #137470Hey!
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
August 30, 2013 at 3:08 pm #137471I 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.
August 30, 2013 at 8:20 pm #137472Problem 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?
September 1, 2013 at 6:22 am #137473Because 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.
-
AuthorPosts
- The topic ‘Easy slider navigation arrows not responsive’ is closed to new replies.