Das ist kein einzelnes Plugin, das ist das Quasar Theme. Laut dem Autor werden die Toggles im shortcodes.php geändert, den entsprechenden Ausschnitt hatte ich ganz oben als erstes kopiert.
Beiträge von Neomeon
-
-
Hallo Helix,
Warum? Weil es geil aussieht, wenn alles offen ist, jedenfalls besser als normaler Text.
Laut dem Autor ist es total einfach und nur wenige Stellen im Code müssen abgeändert werden, Grundkenntnisse wären dafür ausreichend.
Dachte für Euch wäre das ein Klacks, verlangt nun wirklich keiner das da alles oder viel neu geschrieben werden muss.. -
Offenbar kann oder möchte mir hier keiner helfen, dann muss ich mich wohl oder übel an den Autor wenden, der verlangt viel Geld für jede Hilfe..
-
Vielleicht kann man das auch mit css lösen?
CSS
Alles anzeigen/*Toggles / Accordion*/ .rock-toggles-container .rock-toggle-header-icon{font-size:inherit; text-align:left; padding-right:5px; float:none; display:inline-block; width:25px;} .rock-toggle-header{border-bottom:1px solid #CCC; color:#666; cursor:pointer; font-size:13px; font-weight:600; } .rock-toggle-header i{color:inherit; font-size:9px; display:block;} .rock-toggle-content{background:#fafafa;} .rock-toggle-content p:last-child{margin-bottom:0px;} .rock-toggle-header:hover{color:#333;} /*Image Shadow*/ .shadow-divider-up{border-bottom:1px solid rgba(0,0,0,0.15); position:absolute; display:block; width:100%; left:0px; bottom:-1px;} .shadow-divider-down{border-top:1px solid rgba(0,0,0,0.15); position:absolute; display:block; width:100%; left:0px; top:0px;} .shadow-divider-up img, .shadow-divider-down img{display:block !important;} .hr-shadow-mask{ height:13px; overflow:hidden; opacity:0.5; filter: alpha(opacity=50); } .hr-shadow-mask.shadow-dark{opacity:1; filter: alpha(opacity=100);} .shadow-absolute{ position:absolute; width:100%; bottom:-13px; left:0px; } hr.hr-shadow{height:30px; margin:0px; padding:0px; top:-31px; z-index:90;} .rotate-shadow{ transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -webkit-transform:rotate(180deg); /* Safari and Chrome */ position: absolute; bottom: 0px; left: 0px; height: 10px; width: 100%; opacity:0.7; filter:alpha(opacity=70); } .rotate-shadow hr.hr-shadow{top:-30px;} .shadow-effect { position:relative; background-color:#dedede; padding:20px 0 30px; font:14px/1.5 Arial, sans-serif; padding:1em; color:#666; text-shadow: 0px 1px 3px #fff; text-align:center; margin:50px auto; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .shadow-effect:before, .shadow-effect:after { content:""; position:absolute; z-index:-2; } .curve:before { top:10px; bottom:10px; left:0; right:50%; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-border-radius:10px / 100px; border-radius:10px / 100px; } .curve-hz-1:before { top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } -
Habe eine Seite mit Toggles im Aufbau, da kann ich nur Einstellen
Toggle Multiple (Accordion) oder Toggle Single
und
Open Toggle Index
Index of the toggle will be open. If you want your first toggle to be open enter 0. If you want all toggles to be closed enter -1.(und Boxed Layout ja/nein und Use Shadow ja/nein)
Ich würde gerne das alle Toggles auf sind und nicht immer nur eine. Habe dem Entwickler gefragt, der meint das ist nicht vorgesehen, aber wenn ich das unbedingt gerne hätte solle ich den Code eben modifizieren. Nur leider weiß ich nicht wie das geht, könnt ihr mir helfen?
Code
Alles anzeigen[/* ** Toggles Shortcode */ if(!function_exists('rockthemes_shortcode_make_toggles')){ function rockthemes_shortcode_make_toggles($atts, $content = null){ //toggle_type refers to "single-mode" or "multiple-mode" extract( shortcode_atts( array( 'toggle_type' => 'single-mode', 'open_toggle_index' => '0', 'boxed_layout' => 'false' ), $atts ) ); if(isset($GLOBALS['rockthemes_toggles'])){ $GLOBALS['rockthemes_toggles']++; }else{ $GLOBALS['rockthemes_toggles'] = 1; } $GLOBALS['rockthemes_toggles_open_counter'] = 0; $GLOBALS['rockthemes_open_toggle_index'] = intval(is_int(intval($open_toggle_index)) ? $open_toggle_index : 0); $id = 'rock-toggles-'.$GLOBALS['rockthemes_toggles']; $toggles_single_data = do_shortcode($content); $return = ''; if($boxed_layout == "true") $return .= ''; $return .= ''; $return .= $toggles_single_data; $return .= ''; if($boxed_layout == "true") $return .= ''; $script = ' jQuery(document).ready(function(){ jQuery(document).on("click", "#'.$id.' .rock-toggle-header", function(e){ '; if($toggle_type == 'multiple-mode'){ $script .= ' if(jQuery(this).parent().hasClass("active") && jQuery(this).parent().find(".rock-toggle-content").css("display") != "none") return; jQuery("#'.$id.' .active .rock-toggle-content").slideToggle(280); jQuery("#'.$id.' .active .rock-toggle-header .main-toggle-icon").removeClass("fa fa-chevron-up"); jQuery("#'.$id.' .active .rock-toggle-header .main-toggle-icon").addClass("fa fa-chevron-down"); jQuery("#'.$id. ' .active").removeClass("active"); jQuery(this).parent().addClass("active"); jQuery(this).parent().find(".rock-toggle-content").slideToggle(280); jQuery(this).parent().find(".rock-toggle-header .main-toggle-icon").removeClass("fa fa-chevron-down"); jQuery(this).parent().find(".rock-toggle-header .main-toggle-icon").addClass("fa fa-chevron-up"); '; }else{ $script .= ' if(jQuery(this).parent().hasClass("active")){ jQuery(this).parent().removeClass("active"); jQuery(this).parent().find(".rock-toggle-header .main-toggle-icon").removeClass("fa fa-chevron-up"); jQuery(this).parent().find(".rock-toggle-header .main-toggle-icon").addClass("fa fa-chevron-down"); }else{ jQuery(this).parent().addClass("active"); jQuery(this).parent().find(".rock-toggle-header .main-toggle-icon").removeClass("fa fa-chevron-down"); jQuery(this).parent().find(".rock-toggle-header .main-toggle-icon").addClass("fa fa-chevron-up"); } jQuery(this).parent().find(".rock-toggle-content").slideToggle(280); '; } $script .=' }); }); '; return $return.$script; } } add_shortcode("rockthemes_toggles", "rockthemes_shortcode_make_toggles"); if(!function_exists('rockthemes_shortcode_make_toggles_single')){ function rockthemes_shortcode_make_toggles_single($atts, $content = null){ extract( shortcode_atts( array( 'title' => 'Toggle New', 'use_shadow' => 'false', 'icon_class' => '', 'icon_url' => '' ), $atts ) ); $use_icon = false; $use_url = false; $icon_html = ''; $icon_url_html = ''; if($icon_class != ""){ $icon_html = ''; $use_icon = true; } if($icon_url != ""){ $icon_html = ''; $use_icon = true; } $ref_id = 'toggles-'.$GLOBALS['rockthemes_toggles']; if($use_shadow == 'true'){ $shadow_code = ''; }else{ $shadow_code = ''; } $return = ''; if($GLOBALS['rockthemes_toggles_open_counter'] === $GLOBALS['rockthemes_open_toggle_index']){ $return .= ''; $return .= ''.($use_icon ? $icon_html : '').''.$title.''; $return .= ''; $return .= $shadow_code; $return .= ''.rock_check_p($content).''; }else{ $return .= ''; $return .= ''.($use_icon ? $icon_html : '').''.$title.''; $return .= ''; $return .= $shadow_code; $return .= ''.rock_check_p($content).''; } $return .= ''; $GLOBALS['rockthemes_toggles_open_counter']++; return $return; } } add_shortcode("rockthemes_toggles_single","rockthemes_shortcode_make_toggles_single"); /* ** End of Toggles Shortcode */