tabs-responsive / template / content.php

content.php in Tabs Responsive – With WooCommerce Product Tabs Extension trunk, at template/content.php

172 lines 5.9 KB

Raw Download Zip

1	<?php
2	$post_type = "tabs_responsive";
3
4	$AllTabs = array( 'p' => $WPSM_Tabs_ID, 'post_type' => $post_type, 'orderby' => 'ASC');
5	$loop = new WP_Query( $AllTabs );
6
7	while ( $loop->have_posts() ) : $loop->the_post();
8	//get the post id
9	$post_id = get_the_ID();
10
11	$Tabs_Settings = unserialize(get_post_meta( $post_id, 'Tabs_R_Settings', true));
12
13	/*echo "<pre>";
14	print_r($Tabs_Settings);
15	die;*/
16
17	if(count($Tabs_Settings))
18	{
19	$option_names = array(
20	"tabs_sec_title" => "yes",
21	"show_tabs_title_icon" => "1",
22	"show_tabs_icon_align" => "left",
23	"enable_tabs_border" => "yes",
24	"tabs_title_bg_clr" => "#e8e8e8",
25	"tabs_title_icon_clr" => "#000000",
26	"select_tabs_title_bg_clr" => "#e8e8e8",
27	"select_tabs_title_icon_clr" => "#000000",
28	"tabs_desc_bg_clr" => "#ffffff",
29	"tabs_desc_font_clr" => "#000000",
30	"title_size" => "14",
31	"des_size" => "16",
32	"font_family" => "Open Sans",
33	"tabs_styles" =>1,
34	"custom_css" =>"",
35	"tabs_animation" =>"fadeIn",
36	"tabs_alignment" =>"horizontal",
37	"tabs_position" =>"left",
38	"tabs_margin" =>"no",
39	"tabs_content_margin" =>"no",
40	"tabs_display_on_mob" =>"1",
41	"tabs_display_mode_mob" =>"2",
42	);
43
44	foreach($option_names as $option_name => $default_value) {
45	if(isset($Tabs_Settings[$option_name]))
46	${"" . $option_name} = $Tabs_Settings[$option_name];
47	else
48	${"" . $option_name} = $default_value;
49	}
50	}
51
52	$tab_border_color = ColorDarken($tabs_title_bg_clr,19);
53	$selected_tab_border_color = ColorDarken($select_tabs_title_bg_clr,25);
54	$tab_content_border_color = ColorDarken($tabs_desc_bg_clr,25);
55
56	$tabs_data = unserialize(get_post_meta( $post_id, 'wpsm_tabs_r_data', true));
57	$TotalCount = get_post_meta( $post_id, 'wpsm_tabs_r_count', true );
58	$i=1;
59	$j=1;
60	if($TotalCount>0)
61	{
62	?>
63	<?php if($tabs_sec_title == 'yes' ) { ?>
64	<h3 style="margin-bottom:20px ;display:block;width:100%;margin-top:10px"><?php echo get_the_title( esc_html($post_id) ); ?> </h3>
65	<?php } ?>
66	<style>
67
68	<?php
69	require('style.php');
70
71	echo esc_attr($custom_css); ?>
72	</style>
73	<div id="tab_container_<?php echo esc_attr($post_id); ?>" >
74
75	<ul class="wpsm_nav wpsm_nav-tabs" role="tablist" id="myTab_<?php echo esc_attr($post_id); ?>">
76	<?php
77	foreach($tabs_data as $tabs_single_data)
78	{
79	$tabs_title = $tabs_single_data['tabs_title'];
80	$tabs_desc = $tabs_single_data['tabs_desc'];
81	$tabs_title_icon = $tabs_single_data['tabs_title_icon'];
82	$enable_single_icon = $tabs_single_data['enable_single_icon'];
83	?>
84	<li role="presentation" <?php if($i==1){ ?> class="active" <?php } ?> onclick="do_resize()">
85	<a href="#tabs_desc_<?php echo esc_attr($post_id); ?>_<?php echo esc_attr($i); ?>" aria-controls="tabs_desc_<?php echo esc_attr($post_id); ?>_<?php echo esc_attr($i); ?>" role="tab" data-toggle="tab">
86
87	<?php if($show_tabs_icon_align=="left"){ ?>
88	<?php if($show_tabs_title_icon=="1" \|\| $show_tabs_title_icon=="3") { ?>
89	<?php if($enable_single_icon=="yes") { ?> <i class="fa <?php echo esc_attr($tabs_title_icon); ?>"></i> <?php }?>
90	<?php }
91	} ?>
92
93	<?php if($show_tabs_title_icon=="1" \|\| $show_tabs_title_icon=="2") { ?>
94
95	<span><?php echo esc_html($tabs_title); ?></span>
96
97	<?php } ?>
98
99	<?php if($show_tabs_icon_align=="right"){ ?>
100	<?php if($show_tabs_title_icon=="1" \|\| $show_tabs_title_icon=="3") { ?>
101	<?php if($enable_single_icon=="yes") { ?> <i class="fa <?php echo esc_attr($tabs_title_icon); ?>"></i> <?php }?>
102	<?php }
103	} ?>
104
105	</a>
106	</li>
107	<?php $i++; } ?>
108	</ul>
109
110	<!-- Tab panes -->
111	<div class="tab-content" id="tab-content_<?php echo esc_attr($post_id); ?>">
112	<?php foreach($tabs_data as $tabs_single_data)
113	{
114	$tabs_title = $tabs_single_data['tabs_title'];
115	$tabs_desc = $tabs_single_data['tabs_desc'];
116	$tabs_title_icon = $tabs_single_data['tabs_title_icon'];
117	$enable_single_icon = $tabs_single_data['enable_single_icon'];
118	?>
119	<div role="tabpanel" class="tab-pane <?php if($j==1){ ?> in active <?php } ?>" id="tabs_desc_<?php echo esc_attr($post_id); ?>_<?php echo esc_attr($j); ?>">
120	<?php echo do_shortcode($tabs_desc); ?>
121	</div>
122	<?php $j++; } ?>
123	</div>
124
125	</div>
126	<script>
127	jQuery(function () {
128	jQuery('#myTab_<?php echo esc_attr($post_id); ?> a:first').tab('show')
129	});
130
131	<?php if($tabs_animation!="None") { ?>
132	jQuery(function(){
133	var b="<?php echo esc_attr($tabs_animation) ?>";
134	var c;
135	var a;
136	d(jQuery("#myTab_<?php echo esc_attr($post_id); ?> a"),jQuery("#tab-content_<?php echo esc_attr($post_id); ?>"));function d(e,f,g){
137	e.click(function(i){
138	i.preventDefault();
139	jQuery(this).tab("show");
140	var h=jQuery(this).data("easein");
141	if(c){c.removeClass(a);}
142	if(h){f.find("div.active").addClass("animated "+h);a=h;}
143	else{if(g){f.find("div.active").addClass("animated "+g);a=g;}else{f.find("div.active").addClass("animated "+b);a=b;}}c=f.find("div.active");
144	});
145	}
146	});
147	<?php } ?>
148
149
150	function do_resize(){
151
152	var width=jQuery( '.tab-content .tab-pane iframe' ).width();
153	var height=jQuery( '.tab-content .tab-pane iframe' ).height();
154
155	var toggleSize = true;
156	jQuery('iframe').animate({
157	width: toggleSize ? width : 640,
158	height: toggleSize ? height : 360
159	}, 250);
160
161	toggleSize = !toggleSize;
162	}
163
164
165	</script>
166
167	<?php
168	}
169	else{
170	echo "<h3> No Tabs Found </h3>";
171	}
172	endwhile; ?>