-
Search Results
-
Hi,
Is there any chance i have auto scroll for horizontal gallery?
I am using horizontal gallery element on home page. Please find url in private content area.
Thanks
AadilTopic: fixed easy table of contents
hi,
I’ve installed a bunch of TOC plugins, and for now it looks like this one works with ENFOLD.
page: http://gc-wp-test.azurewebsites.net/docs/overview/The only problem is I want it fixed, so it would stay in place when scrolling.
this is from the plugin’s info:the widget supports being affixed or stuck on the page so it is always visible as you scroll down the page. NOTE: this is an advanced option since every theme is different, you might need support from your theme developer to learn what the correct item selector to use in the settings to enable this feature.
and in the plugin options there’s this:
Widget Affix SelectorTo enable the option to affix or pin the Table of Contents widget enter the theme’s sidebar class or id.
Since every theme is different, this can not be determined automatically. If you are unsure how to find the sidebar’s class or id, please ask the theme’s support persons.
Eg: .widget-area or #sidebarhope you can help me with this!
Thank you.Topic: Remove overlay
Hi guys,
I see that now when I add a Text element in a color section with a background image and I choose the font color to be white, there is a black overlay box that’s added automatically (something I used to add via QuickCss).
How do I remove that automated overlay now? I added an overlay to the background image in the color section and the result is that I now have an extra overlay on the white text, which I do not want, because it covers the image too much.
Thank you for your help.
Here’s the sample (scroll to the bottom of page to see what I mean):
Hi,
Right now my menu bar is set to only appear when I scroll down and disappear when I have scrolled all the way back up. This only happens on my Home page. On all the other pages, it’s automatically there. I would like for it stay fixed to the top of the page and already be apparent when people land on my home page – basically be exactly like all my other pages. I’d also like to make the menu bar translucent so that when it scrolls on top of my content it is transparent. I don’t know why but I seem to have the hardest time setting my menu bar up the way I want. HELP ME!
Thanks!
Hi there,
I am using the enfold and transparent header for my website.
I have a nearly white and colorful logo on the left side.When the user is scrolling down, the navigation header becomes white (standard) and the logo is not fully visibile any more.
How can I achive, that I upload a different logo (in black) and the logo switches automatically, when the background becomes white background?Could someone help?
THanks,Hi guys,
I had opened a thread which has been solved here: https://kriesi.at/support/topic/different-menus-for-scrolling-page-vs-different-pages/
However, after experimenting and testing the website, I’ve noticed that with this plugin I would have to stay doing the same thing for each and every post which isn’t very ideal as eventually, I will give the details to the client and they will start posting as they see fit. Is there a way that each and every post will have the custom menu that I’ve setup automatically?
Thanks!
PS: I’ve arranged the three sample posts, for now, to have the ‘Inside Menu’ via the plugin.
Topic: Fatal error
Following the attempt to update the theme (which is not working), I have the following error :
Fatal error: Call to undefined method aviaShortcodeTemplate::__destruct() in /var/www/vhosts/kyramedias.com/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/audio-player.php on line 53
Here is the css of audio-player :
<?php
/**
* Audio File Playlist Element
*
* Shortcode that allows to add a playlist
*
* @since 4.1.3
*/
if ( ! defined( ‘ABSPATH’ ) ) { exit; } // Exit if accessed directlyif ( ! class_exists( ‘avia_sc_audio_player’ ) )
{class avia_sc_audio_player extends aviaShortcodeTemplate
{
/**
*
* @since 4.1.3
* @var int
*/
static protected $instance = 0;
var $extra_style = “”;
var $non_ajax_style = “”;/**
*
* @since 4.1.3
* @var array
*/
protected $atts;/**
*
* @since 4.1.3
* @param AviaBuilder $builder
*/
public function __construct( $builder )
{
parent::__construct( $builder );$this->atts = array();
}/**
*
* @since 4.1.3
*/
public function __destruct()
{
parent::__destruct();unset( $this->atts );
}/**
* Create the config array for the shortcode button
*
* @since 4.1.3
*/
public function shortcode_insert_button()
{
$this->config[‘name’] = __( ‘Audio Player’, ‘avia_framework’ );
$this->config[‘tab’] = __( ‘Media Elements’, ‘avia_framework’ );
$this->config[‘icon’] = AviaBuilder::$path[‘imagesURL’] . “sc-audio-player.png”;
$this->config[‘order’] = 60;
$this->config[‘target’] = ‘avia-target-insert’;
$this->config[‘shortcode’] = ‘av_player’;
$this->config[‘shortcode_nested’] = array( ‘av_playlist_element’ );
$this->config[‘tooltip’] = __( ‘Add an audio player element’, ‘avia_framework’ );
$this->config[‘tinyMCE’] = array( ‘disable’ => “true” );
$this->config[‘drag-level’] = 3;
$this->config[‘preview’] = 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
*
* @since 4.1.3
* @return void
*/
function popup_elements()
{
$this->elements = array(array(
“type” => “tab_container”,
‘nodescription’ => true
),array(
“type” => “tab”,
“name” => __( “Playlist” , ‘avia_framework’ ),
‘nodescription’ => true
),array(
“name” => __( “Autoplay”, ‘avia_framework’ ),
“desc” => __( “Choose if the player starts on pageload or has to be started manually”, ‘avia_framework’ ),
“id” => “autoplay”,
“type” => “select”,
“std” => ”,
“subtype” => array(
__( ‘Start manually’,’avia_framework’ ) => ‘manual’,
__( ‘Start on pageload’,’avia_framework’ ) => ‘autoplay’
)
),array(
“name” => __( “Playlist Order”, ‘avia_framework’ ),
“desc” => __( “Here you can select how to sort the playlist when rendering to the player on each pageload.”, ‘avia_framework’ ),
“id” => “playorder”,
“type” => “select”,
“std” => ”,
“subtype” => array(
__( ‘Use order of playlist as selected’,’avia_framework’ ) => ‘normal’,
__( ‘Shuffle the playlist randomly’,’avia_framework’ ) => ‘shuffle’,
/*__( ‘Reverse the playlist’,’avia_framework’ ) => ‘reverse’*/
)
),array(
“type” => “modal_group”,
“id” => “content”,
‘container_class’ =>”avia-element-fullwidth avia-multi-img”,
“modal_title” => __(“Edit Form Element”, ‘avia_framework’ ),
‘modal_open’ => ‘no’,
‘trigger_button’ => ‘avia-builder-audio-edit’,
“add_label” => __(“Add single audio”, ‘avia_framework’ ),
‘disable_manual’ => ‘yes’,
“std” => array(),‘creator’ => array(
“name” => __( “Create and Edit Audio Playlist”, ‘avia_framework’ ),
“desc” => __( “Here you can add new audio files to the playlist, remove files or reorder them.”, ‘avia_framework’ ),
“id” => “id”,
“type” => “audio_player”,
‘state’ => ‘avia_insert_multi_audio’,
“title” => __( “Add/Edit Audio Files”, ‘avia_framework’ ),
“button” => __( “Insert Audio Files”, ‘avia_framework’ ),
“std” => “”
),‘subelements’ => array(
array(
“type” => “tab_container”, ‘nodescription’ => true
),array(
“type” => “tab”,
“name” => __( “Content Audio” , ‘avia_framework’ ),
‘nodescription’ => true
),// Dummy element only to avoid notices
array(
“name” => __(“Which type of media is this?”,’avia_framework’ ),
“id” => “audio_type”,
“type” => “select”,
“std” => “audio”,
“subtype” => array(
__( ‘Audio File’, ‘avia_framework’ ) => ‘audio’,
__( ‘Video File’, ‘avia_framework’ ) => ‘video’,
)
),array(
“type” => “close_div”,
‘nodescription’ => true
),array(
“type” => “close_div”,
‘nodescription’ => true
),), // subelements
), // modal_group
array(
“name” => __(“For Developers: Section ID”, ‘avia_framework’ ),
“desc” => __(“Apply a custom ID Attribute to the section, so you can apply a unique style via CSS. This option is also helpful if you want to use anchor links to scroll to a sections when a link is clicked”, ‘avia_framework’ ).”<br/><br/>”.
__(“Use with caution and make sure to only use allowed characters. No special characters can be used.”, ‘avia_framework’ ),
“id” => “id”,
“type” => “input”,
“std” => “”
),array(
“type” => “close_div”,
‘nodescription’ => true
),array(
“type” => “tab”,
“name” => __( “Layout” , ‘avia_framework’ ),
‘nodescription’ => true
),array(
“name” => __( “Player styling”, ‘avia_framework’ ),
“desc” => __( “Here you can select the general appearance of the player”, ‘avia_framework’ ),
“id” => “player_style”,
“type” => “select”,
“std” => ”,
“subtype” => array(
__( ‘Classic (boxed)’, ‘avia_framework’ ) => ‘classic’,
__( ‘Minimal (borderless, no background)’, ‘avia_framework’ ) => ‘minimal’,
)
),array(
“name” => __( “Choose a Cover Image”, ‘avia_framework’ ),
“desc” => __(“Either upload a new or choose an existing image from your media library”, ‘avia_framework’ ),
“id” => “cover_id”,
“fetch” => “id”,
“type” => “image”,
“title” => __(“Choose a Cover Image”, ‘avia_framework’ ),
“button” => __(“Choose a Cover Image”, ‘avia_framework’ ),
“std” => ”
),/*
array(
“name” => __( “Cover Image Location”, ‘avia_framework’ ),
“desc” => __( “Here you can select where to show the cover for larger screens. On mobile devices the image will be centered above the player by default.”, ‘avia_framework’ ),
“id” => “cover_location”,
“type” => “select”,
“std” => ‘top left’,
“subtype” => array(
__( ‘Hide the cover image’, ‘avia_framework’ ) => ‘hide’,
__( ‘Show above player left aligned’, ‘avia_framework’ ) => ‘top left’,
__( ‘Show above player centered’, ‘avia_framework’ ) => ‘top center’,
__( ‘Show above player right aligned’, ‘avia_framework’ ) => ‘top right’,
__( ‘Show left of player’, ‘avia_framework’ ) => ‘aside left’,
__( ‘Show right of player’, ‘avia_framework’ ) => ‘aside right’
)
),array(
“name” => __( “Cover Image Size”, ‘avia_framework’ ),
“desc” => __( “Choose image size for your cover.”, ‘avia_framework’ ),
“id” => “cover_size”,
“type” => “select”,
“std” => “thumbnail”,
“required” => array( ‘cover_location’, ‘not’, ‘hide’ ),
“subtype” => AviaHelper::get_registered_image_sizes( array(), false, true )
),array(
“name” => __( “Playlist styling”, ‘avia_framework’ ),
“desc” => __( “Here you can select the styling of the playlist”, ‘avia_framework’ ),
“id” => “playlist_style”,
“type” => “select”,
“std” => ‘light’,
“subtype” => array(
__( ‘Light’, ‘avia_framework’ ) => ‘light’,
__( ‘Dark’, ‘avia_framework’ ) => ‘dark’
)
),*/
array(
“name” => __( “Tracklist”, ‘avia_framework’ ),
“desc” => __( “Here you can select to show or hide the tracklist”, ‘avia_framework’ ),
“id” => “tracklist”,
“type” => “select”,
“std” => ‘show’,
“subtype” => array(
__( ‘Show tracklist’, ‘avia_framework’ ) => ‘show’,
__( ‘Hide tracklist’, ‘avia_framework’ ) => ‘hide’
)
),array(
“name” => __( “Tracknumbers”, ‘avia_framework’ ),
“desc” => __( “Here you can select to show or hide the tracknumbers next to entries in the playlist”, ‘avia_framework’ ),
“id” => “tracknumbers”,
“type” => “select”,
“std” => ‘show’,
“required” => array( ‘tracklist’, ‘equals’, ‘show’ ),
“subtype” => array(
__( ‘Show tracknumbers’, ‘avia_framework’ ) => ‘show’,
__( ‘Hide tracknumbers’, ‘avia_framework’ ) => ‘hide’
)
),array(
“name” => __( “Artists Name”, ‘avia_framework’ ),
“desc” => __( “Here you can select to show or hide the artists name in the playlist”, ‘avia_framework’ ),
“id” => “artists”,
“type” => “select”,
“std” => ‘show’,
“required” => array( ‘tracklist’, ‘equals’, ‘show’ ),
“subtype” => array(
__( ‘Show artists name’, ‘avia_framework’ ) => ‘show’,
__( ‘Hide artists name’, ‘avia_framework’ ) => ‘hide’
)
),array(
“name” => __( “Media Icon/Album Cover”, ‘avia_framework’ ),
“desc” => __( “Here you can select to show or hide the media icon in the playlist. This icon can be set in the media gallery for each element as the featured image. WP will use a default icon on upload, if none is set.”, ‘avia_framework’ ),
“id” => “media_icon”,
“type” => “select”,
“std” => ‘show’,
“subtype” => array(
__( ‘Show media icon/album cover’, ‘avia_framework’ ) => ‘show’,
__( ‘Hide’, ‘avia_framework’ ) => ‘hide’
)
),array(
“type” => “close_div”,
‘nodescription’ => true
),array(
“type” => “tab”,
“name” => __( “Colors” , ‘avia_framework’ ),
‘nodescription’ => true
),array(
“name” => __( “Font Color”, ‘avia_framework’ ),
“desc” => __( “Select a font color”, ‘avia_framework’ ),
“id” => “font_color”,
“type” => “select”,
“std” => “”,
“subtype” => array(
__( “Default Color”, ‘avia_framework’ ) => ”,
__( “Custom Color”, ‘avia_framework’ ) => ‘custom-font-color’
)
),array(
“name” => __( “Custom Font Color”, ‘avia_framework’ ),
“desc” => __( “Select a custom font color for your Player here”, ‘avia_framework’ ),
“id” => “custom_font_color”,
“type” => “colorpicker”,
“std” => “”,
“rgba” => true,
“required” => array( ‘font_color’, ‘equals’, ‘custom-font-color’ )
),array(
“name” => __( “Background Color”, ‘avia_framework’ ),
“desc” => __( “Select a background color”, ‘avia_framework’ ),
“id” => “background_color”,
“type” => “select”,
“std” => “”,
“subtype” => array(
__( “Default Color”, ‘avia_framework’ ) => ”,
__( “Custom Color”, ‘avia_framework’ ) => ‘custom-background-color’
)
),array(
“name” => __( “Custom Background Color”, ‘avia_framework’ ),
“desc” => __( “Select a custom background color for your Player here”, ‘avia_framework’ ),
“id” => “custom_background_color”,
“type” => “colorpicker”,
“std” => “”,
“rgba” => true,
“required” => array( ‘background_color’, ‘equals’, ‘custom-background-color’ )
),array(
“name” => __( “Border Color”, ‘avia_framework’ ),
“desc” => __( “Select a border color”, ‘avia_framework’ ),
“id” => “border_color”,
“type” => “select”,
“std” => “”,
“subtype” => array(
__( “Default Color”, ‘avia_framework’ ) => ”,
__( “Custom Color”, ‘avia_framework’ ) => ‘custom-border-color’
)
),array(
“name” => __( “Custom Border Color”, ‘avia_framework’ ),
“desc” => __( “Select a custom background color for your Player here”, ‘avia_framework’ ),
“id” => “custom_border_color”,
“type” => “colorpicker”,
“rgba” => true,
“std” => “”,
“required” => array( ‘border_color’, ‘equals’, ‘custom-border-color’ )
),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
),);
}/**
* 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
*
*
* @since 4.1.3
* @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)
{$element = $this->get_popup_element_by_id( ‘autoplay’ );
$playmodes = $element[‘subtype’];$update_template = ‘<span class=”av-player-{{autoplay}}”>’;
foreach( $playmodes as $info => $playmode )
{
$update_template .= ‘<span class=”av-play-‘ . $playmode . ‘”>’ . $info . ‘</span>’;
}$update_template .= ‘</span>’;
$update = $this->update_template( ‘autoplay’, $update_template );
$selected = empty( $params[‘args’][‘autoplay’] ) ? ‘manual’ : $params[‘args’][‘autoplay’];
$template = str_replace(‘{{autoplay}}’, $selected, $update_template );$params[‘innerHtml’] = “
config[‘icon’] . “‘ title='”.$this->config[‘name’] . “‘ />”;
$params[‘innerHtml’].= “<div class=’av-player’>” . $this->config[‘name’] . ‘ – <span ‘ . $update . ‘”>’ . $template . “</span></div>”;
return $params;
}/**
* Editor Sub Element – this function defines the visual appearance of an element that is displayed within a modal window and on click opens its own modal window
* Works in the same way as Editor Element
*
* @since 4.1.3
* @param array $params this array holds the default values for $content and $args.
* @return array the return array usually holds an innerHtml key that holds item specific markup.
*/
function editor_sub_element( $params )
{$img_template = $this->update_template( “img_fakeArg”, “{{img_fakeArg}}” );
$title = $this->update_template( “title_info”, “{{title_info}}” );
$artist = $this->update_template( “artist”, “{{artist}}” );
$album = $this->update_template( “album”, “{{album}}” );
$description = $this->update_template( “description”, “{{description}}” );
$filename = $this->update_template( “filename”, “{{filename}}” );
$id = $this->update_template( “id”, “{{id}}” );
$filelength = $this->update_template( “filelength”, “{{filelength}}” );$title_info = isset( $params[‘args’][‘title’] ) ? $params[‘args’][‘title’] : ”;
$thumbnail = isset( $params[‘args’][‘icon’] ) ? ‘‘ : “”;
$album_info = isset( $params[‘args’][‘album’] ) && ‘undefined’ != $params[‘args’][‘album’] ? $params[‘args’][‘album’] : ”;
$desc_info = isset( $params[‘args’][‘description’] ) && ‘undefined’ != $params[‘args’][‘description’] ? $params[‘args’][‘description’] : ”;
$file_info = isset( $params[‘args’][‘filename’] ) && ‘undefined’ != $params[‘args’][‘filename’] ? $params[‘args’][‘filename’] : ”;
$id_info = isset( $params[‘args’][‘id’] ) && ‘undefined’ != $params[‘args’][‘id’] ? $params[‘args’][‘id’] : ‘0’;$main = ‘<span class=”avia-audiolist-title” ‘. $title . ‘>’;
if( isset( $params[‘args’][‘title’] ) && ‘undefined’ != $params[‘args’][‘title’] )
{
$main .= ‘<span class=”avia-known-title”>’ . $params[‘args’][‘title’];
}
else
{
$main .= ‘<span class=”avia-unknown-title”>’ . __( ‘ Unknown ‘ , ‘avia_framework’ );
}
$main .= ‘</span></span>’;/**
* Currently WP does not return artist when editing an existing playlist in popup playlist editor.
*
* This might change in future -> then uncomment the following lines to show the artist
*/
// $main .= ‘<span class=”avia_audiolist-by”>’ . __( ‘ by ‘ , ‘avia_framework’ ) . ‘</span>’;
//
// if( isset( $params[‘args’][‘artist’] ) && ‘undefined’ != $params[‘args’][‘artist’] )
// {
// $main .= ‘<span class=”avia-audiolist-artist” ‘ . $artist . ‘>’ . $params[‘args’][‘artist’];
// }
// else
// {
// $main .= ‘<span class=”avia-audiolist-artist avia-unknown” ‘ . $artist . ‘>’ . __( ‘ unknown ‘ , ‘avia_framework’ );
// }
// $main .= ‘</span>’;if( isset( $params[‘args’][‘filelength’] ) )
{
$main .= ‘ (<span class=”avia-audiolist-length” ‘ . $filelength . ‘>’ . $params[‘args’][‘filelength’];
}
else
{
$main .= ‘ (<span class=”avia-audiolist-length avia-unknown” ‘ . $filelength . ‘>’ . __( ‘ ??? ‘ , ‘avia_framework’ );
}
$main .= ‘</span>)’;$params[‘innerHtml’] = ”;
$params[‘innerHtml’] .= “<div class=’avia_title_container’>”;
$params[‘innerHtml’] .= ” <div ” . $this->class_by_arguments( ‘audio_type’ ,$params[‘args’] ) . “>”;
$params[‘innerHtml’] .= ” <span class=’avia_audiolist_image’ {$img_template} >{$thumbnail}</span>”;
$params[‘innerHtml’] .= ” <div class=’avia_audiolist_content’>”;
$params[‘innerHtml’] .= ” <h4 class=’avia_title_container_inner’>” . $main . “</h4>”;
$params[‘innerHtml’] .= ” <p class=’avia_content_album’ {$album}>” . stripslashes( $album_info ) . “</p>”;
$params[‘innerHtml’] .= ” <p class=’avia_content_description’ {$description}>” . stripslashes( $desc_info ) . “</p>”;
$params[‘innerHtml’] .= ” <small class=’avia_audio_url’ {$filename}>” . stripslashes( $file_info ) . “</small>”;
$params[‘innerHtml’] .= ” </div>”;
$params[‘innerHtml’] .= ” <div class=’hidden-attachment-id’ style=’display: none;’ {$id}>” . $id_info . ‘</div>’;
$params[‘innerHtml’] .= ” </div>”;
$params[‘innerHtml’] .= “</div>”;return $params;
}/**
* Frontend Shortcode Handler
*
* @since 4.1.3
* @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 = “” )
{
extract( AviaHelper::av_mobile_sizes( $atts ) ); //return $av_font_classes, $av_title_font_classes and $av_display_classes$this->extra_style = “”;
$this->atts = shortcode_atts( array(
‘handle’ => $shortcodename,
‘id’ => ”,
‘autoplay’ => ‘manual’,
‘playorder’ => ‘normal’,
‘player_style’ => ‘classic’,
‘cover_id’ => ”,
‘cover_size’ => ‘thumbnail’,
‘cover_location’ => ‘hide’,
‘playlist_style’ => ‘light’,
‘tracklist’ => ‘show’,
‘tracknumbers’ => ‘show’,
‘artists’ => ‘show’,
‘media_icon’ => ‘show’,
‘font_color’ => ”,
‘custom_font_color’ => ”,
‘background_color’ => ”,
‘custom_background_color’ =>”,
‘border_color’ => ”,
‘custom_border_color’ => ”,‘content’ => ShortcodeHelper::shortcode2array( $content, 1 )
), $atts, $this->config[‘shortcode’] );
//replace some values that are removed for simplicity with defaults. can be later changed if user request those features
$this->atts[‘cover_location’] = “hide”;
$this->atts[‘playlist_style’] = “light”;if( $this->atts[‘media_icon’] == “cover”)
{
$this->atts[‘media_icon’] = “show”;
}/**
* Replace empty default values so we can later use them to add classes
*/
if( empty( $this->atts[‘id’] ) )
{
$this->atts[‘id’] = $this->config[‘shortcode’] . ‘-‘ . avia_sc_audio_player::$instance;
}avia_sc_audio_player::$instance++;
if( empty( $this->atts[‘player_style’] ) )
{
$this->atts[‘player_style’] = ‘classic’;
}extract( $this->atts );
/**
* Return if no playlist defined
*/
if( empty( $content ) )
{
return ”;
}$ids = array();
foreach( $content as $key => $audio )
{
$ids[] = $audio[‘attr’][‘id’];
}if( ‘shuffle’ == $playorder )
{
shuffle( $ids );
}
else if( ‘reverse’ == $playorder )
{
$ids = array_reverse( $ids );
}$args = array(
‘type’ => ‘audio’,
‘ids’ => $ids,
‘style’ => empty( $playlist_style ) ? ‘classic’ : $playlist_style,
‘tracklist’ => empty( $tracklist ) || ( ‘hide’ != $tracklist ) ? true : false,
‘tracknumbers’ => empty( $tracknumbers ) || ( ‘hide’ != $tracknumbers ) ? true : false,
‘images’ => empty( $media_icon) || ( ‘hide’ != $media_icon ) ? true : false,
‘artists’ => empty( $artists ) || ( ‘hide’ != $artists ) ? true : false
);if( ( $media_icon == ‘show’ ) && ( is_numeric( $cover_id ) ) )
{
add_filter( ‘wp_get_attachment_image_src’, array( $this, ‘handler_wp_get_attachment_image_src’ ), 10, 4 );
add_filter( ‘wp_mime_type_icon’, array( $this, ‘handler_wp_mime_type_icon’ ), 10, 3 );
}$player = wp_playlist_shortcode( $args );
if( ( $media_icon == ‘show’ ) && ( is_numeric( $cover_id ) ) )
{
remove_filter( ‘wp_get_attachment_image_src’, array( $this, ‘handler_wp_get_attachment_image_src’ ), 10 );
remove_filter( ‘wp_mime_type_icon’, array( $this, ‘handler_wp_mime_type_icon’ ), 10 );
}$output = ”;
$outer_cls = array(
‘av-player’,
‘av-player-container’,
$av_display_classes
);if( 1 == avia_sc_audio_player::$instance )
{
$outer_cls[] = ‘first’;
}$outer_styles = array();
$outer_cls[] = ‘avia-playerstyle-‘ . $player_style;
if( $autoplay == ‘autoplay’ )
{
$outer_cls[] = ‘avia-playlist-autoplay’;
}if( ( $font_color == ‘custom-font-color’) && ( ! empty( $custom_font_color ) ) )
{
$outer_cls[] = ‘avia-playlist-‘ . $font_color;
$outer_styles[] = ‘color:’ . $custom_font_color . ‘;’;
}if( ( $background_color == ‘custom-background-color’) && ( ! empty( $custom_background_color ) ) )
{
$outer_cls[] = ‘avia-playlist-‘ . $background_color;
$outer_styles[] = ‘background-color:’ . $custom_background_color . ‘;’;
}if( ( $border_color == ‘custom-border-color’) && ( ! empty( $custom_border_color ) ) )
{
$outer_cls[] = ‘avia-playlist-‘ . $border_color;
$outer_styles[] = ‘border-color:’ . $custom_border_color . ‘;’;//generate thumb width based on columns
$this->extra_style .= “<style type=’text/css’>”;
$this->extra_style .= “#top #wrap_all #{$id} .wp-playlist-item {border-color:{$custom_border_color};}”;
$this->extra_style .= “</style>”;if(!empty($this->extra_style))
{
if(!empty($atts[‘ajax_request’]) || !empty($_POST[‘avia_request’]))
{
$output .= $this->extra_style;
$this->extra_style = “”;
}
else
{
$this->non_ajax_style .= $this->extra_style;
add_action(‘wp_footer’, array($this, ‘print_extra_style’));
}
}}
$cover = ”;
if( ( $cover_location != ‘hide’ ) && ( ! empty( $cover_id ) ) )
{
$outer_cls[] = ‘avia-playlist-show-cover’;
$outer_cls[] = $cover_location;
$cover = wp_get_attachment_link( $cover_id, $cover_size );
}
else
{
$outer_cls[] = ‘avia-playlist-hide-cover’;
}if( ! empty( $outer_styles ) )
{
$outer_styles = ‘ style=”‘ . implode( ”, $outer_styles ) . ‘” ‘;
}
else
{
$outer_styles = ”;
}$output .= ‘<div id=”‘ . $id . ‘” class=”‘ . implode( ‘ ‘, $outer_cls ) . ‘” ‘ . $outer_styles . ‘>’;
if( ! empty( $cover ) )
{
$output .= ‘<div class=”av-player-cover-container”>’;
$output .= ‘<div class=”av-player-cover”>’ . $cover . ‘</div>’;
$output .= ‘</div>’;
}$output .= ‘<div class=”av-player-player-container”>’;
$output .= $player;
$output .= ‘</div>’;$output .= ‘</div>’;
return $output;
}/**
* If user uploads an image for tbe player this image will overwrite any preset featured image.
* To speed up the code the filter should only be activated when images should be exchanged
*
* @since 4.1.3
* @param array|false $image Either array with src, width & height, icon src, or false.
* @param int $attachment_id Image attachment ID.
* @param string|array $size Size of image. Image size or array of width and height values
* (in that order). Default ‘thumbnail’.
* @param bool $icon Whether the image should be treated as an icon. Default false.
* @return array|false
*/
public function handler_wp_get_attachment_image_src( $image, $attachment_id, $size, $icon )
{
static $recursive = 0;/**
* To avoid duplicating code we call the original function. Avoid endless recursions.
*/
if( $recursive > 0 )
{
return $image;
}$new_id = $this->atts[‘cover_id’];
if( empty( $new_id ) || ( ! is_numeric( $new_id ) ) || ( (int) $new_id == $attachment_id ) )
{
return $image;
}$recursive++;
$image = wp_get_attachment_image_src( $new_id, $size, $icon );
$recursive–;
return $image;
}/**
* If user uploads an image for tbe player this image will overwrite the default mime icon from WP if no featured image was assigned
* to the media file.
* To speed up the code the filter should only be activated when images should be exchanged
*
* @since 4.1.3
* @param string $icon
* @param string $mime
* @param int $post_id
* @return string
*/
public function handler_wp_mime_type_icon( $icon, $mime, $post_id )
{
$new_id = $this->atts[‘cover_id’];if( empty( $new_id ) || ! is_numeric( $new_id ) )
{
return $icon;
}$image = wp_get_attachment_image_src( $new_id, ‘thumbnail’, false );
return $image[0];
}function print_extra_style()
{
echo $this->non_ajax_style;
}} // end class definition
What do I have to do ?
Many thanks
Topic: Scrollable Menu
Hey there can you please help me – i tried all codes from the board here.
I want to make my main menu scrollable.
What i tried are these variations:#header .avia_mega_div { overflow: auto; max-height: 60vh; }On another sites its working like a charm but here not.
May you please help me.
Thank you very much – please Private Content for Website.Hi, I just activated a Coming Soon landing page, that looks good in my computer but I have problems in smartphones.
I added this code from my mail chimp:
<!– Begin MailChimp Signup Form –>
<style type=”text/css”>
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:500px;}<br />
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.<br />
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */<br />
</style>
<div id=”mc_embed_signup”><form id=”mc-embedded-subscribe-form” class=”validate” action=”https://pacande.us17.list-manage.com/subscribe/post?u=3c5902f4478dc00056c351784&id=9030edddde” method=”post” name=”mc-embedded-subscribe-form” novalidate=”” target=”_blank”>
<div id=”mc_embed_signup_scroll”>
<div class=”mc-field-group”><label for=”mce-EMAIL”>E-Mail </label><input id=”mce-EMAIL” class=”required email” name=”EMAIL” type=”email” value=”” /></div>
<div class=”mc-field-group”><label for=”mce-NAME”>Name </label><input id=”mce-NAME” class=”required” name=”NAME” type=”text” value=”” /></div>
<div id=”mce-responses” class=”clear”></div>
<!– real people should not fill this in and expect good things – do not remove this or risk form bot signups–>
<div style=”position: absolute; left: -5000px;” aria-hidden=”true”><input tabindex=”-1″ name=”b_3c5902f4478dc00056c351784_9030edddde” type=”text” value=”” /></div>
<div class=”clear”><input id=”mc-embedded-subscribe” class=”button” name=”subscribe” type=”submit” value=”Subscribe” /></div>
</div>
</form></div>
<script type=’text/javascript’ src=’//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js’></script><script type=’text/javascript’>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]=’EMAIL’;ftypes[0]=’email’;fnames[1]=’NAME’;ftypes[1]=’text’; /*
* Translated default messages for the $ validation plugin.
* Locale: DE
*/
$.extend($.validator.messages, {
required: “Dieses Feld ist ein Pflichtfeld.”,
maxlength: $.validator.format(“Geben Sie bitte maximal {0} Zeichen ein.”),
minlength: $.validator.format(“Geben Sie bitte mindestens {0} Zeichen ein.”),
rangelength: $.validator.format(“Geben Sie bitte mindestens {0} und maximal {1} Zeichen ein.”),
email: “Geben Sie bitte eine gültige E-Mail Adresse ein.”,
url: “Geben Sie bitte eine gültige URL ein.”,
date: “Bitte geben Sie ein gültiges Datum ein.”,
number: “Geben Sie bitte eine Nummer ein.”,
digits: “Geben Sie bitte nur Ziffern ein.”,
equalTo: “Bitte denselben Wert wiederholen.”,
range: $.validator.format(“Geben Sie bitten einen Wert zwischen {0} und {1}.”),
max: $.validator.format(“Geben Sie bitte einen Wert kleiner oder gleich {0} ein.”),
min: $.validator.format(“Geben Sie bitte einen Wert größer oder gleich {0} ein.”),
creditcard: “Geben Sie bitte ein gültige Kreditkarten-Nummer ein.”
});}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!–End mc_embed_signup–>And then I added this changes in the CSS
.seed-csp4 body, .seed-csp4 h1,
.seed-csp4 h2, .seed-csp4 h3,
.seed-csp4 h4, .seed-csp4 h5,
.seed-csp4 h6, #mc_embed_signup {
color: #ffff !important;
font-family: ‘arial’ !important;
}#seed-csp4-headline {
font-weight: bold !important;
margin-top: 90px !important;
}#mc_embed_signup {
background: none !important;
margin-left: auto;
margin-right: auto;
margin-top: 40px !important;
}#mc_embed_signup input {
border: 2px solid #ffff !important;
border-radius: 0 !important;
}#mc_embed_signup .button {
background-color: #02c8a7 !important;
border: none !important;
border-radius: 0 !important;
height: auto !important;
padding: 3px 22px !important;
text-transform: uppercase;
width: 96% !important;
}#mc_embed_signup .mc-field-group label {
text-transform: uppercase;
}I really don’t know why this happens, I would really apreciate your help.
Topic: Full Screen Slider Question
Just wondering if it’s possible to play a video via the full-screen slider, then once it’s finished playing, automatically scroll down. Rather than the user need to click the arrow?
Thanks in advance for your answer
Topic: Fixed Row under main Menü
Hello, first I would like to apologize for my bad english. I use the Enfold Theme for the first time. Have so far taken the AVADA theme.
Find the Enfold Theme but really great and class to use. Only one thing I can not find: I would like to fix the first row under the header menu. It should not scroll out of the picture when scrolling.Basically like a second menu under the main menu. There I would like to insert buttons and text. Just like on this website: http://www.autohaus-stricker.de/
Many thanks for your help.
Sincerely
Peter Hövelmeyer



