← All changes | public/dynamic-css/carousel-css.php +13 -33 4.0.7 → 2.2.10 View file →

		@@ -4,12 +4,8 @@
4	4	*
5	5	* @package Smart_Post_Show
6	6	*/
7	7
8		-if ( ! defined( 'ABSPATH' ) ) {
9		- exit; // Exit if accessed directly.
10		-}
11		-
12	8	$carousel_nav_position = SP_PC_Functions::pcp_metabox_value( 'pcp_carousel_nav_position', $view_options );
13	9	if ( 'vertically_center_outer' === $carousel_nav_position ) {
14	10	$custom_css .= '.pcp-wrapper-{$pcp_id} .swiper-container{ position: static; }';
15	11	}
		@@ -14,16 +10,14 @@
14	10	$custom_css .= '.pcp-wrapper-{$pcp_id} .swiper-container{ position: static; }';
15	11	}
16	12
17	13	// Pagination options.
18		-$_pagination_data = isset( $view_options['carousel_pagination_group'] ) ? $view_options['carousel_pagination_group'] : array();
19		-$_pagination = isset( $_pagination_data['pcp_pagination'] ) ? $_pagination_data['pcp_pagination'] : true;
20		-$_pagination_on_mobile = isset( $_pagination_data['pagination_hide_on_mobile'] ) ? $_pagination_data['pagination_hide_on_mobile'] : false;
	14	+$pcp_pagination = isset( $view_options['pcp_pagination'] ) ? $view_options['pcp_pagination'] : '';
21	15	$_pagination_color_set = $view_options['pcp_pagination_color_set'];
22	16	$_pagination_colors = $_pagination_color_set['pcp_pagination_color'];
23	17	$pagination_color = $_pagination_colors['color'];
24	18	$pagination_color_active = $_pagination_colors['active-color'];
25		-if ( $_pagination_on_mobile ) {
	19	+if ( 'hide_on_mobile' === $pcp_pagination ) {
26	20	$custom_css .= "@media (max-width: 480px) { #pcp_wrapper-{$pcp_id} .pcp-pagination{ display: none; } }";
27	21	} $custom_css .= "#pcp_wrapper-{$pcp_id} .dots .swiper-pagination-bullet{ background: {$pagination_color}; } #pcp_wrapper-{$pcp_id} .dots .swiper-pagination-bullet-active { background: {$pagination_color_active}; }";
28	22
29	23	$carousel_nav_position = SP_PC_Functions::pcp_metabox_value( 'pcp_carousel_nav_position', $view_options );
		@@ -30,32 +24,18 @@
30	24	if ( 'vertically_center_outer' === $carousel_nav_position ) {
31	25	$custom_css .= '.pcp-wrapper-{$pcp_id} .swiper-container{ position: static; }';
32	26	}
33	27	// Navigation options.
34		-$_nav_colors = SP_PC_Functions::pcp_metabox_value( 'pcp_nav_colors', $view_options );
35		-$nav_color = SP_PC_Functions::pcp_metabox_value( 'color', $_nav_colors );
36		-$nav_color_hover = SP_PC_Functions::pcp_metabox_value( 'hover-color', $_nav_colors );
37		-$nav_color_bg = SP_PC_Functions::pcp_metabox_value( 'bg', $_nav_colors );
38		-$nav_color_bg_hover = SP_PC_Functions::pcp_metabox_value( 'hover-bg', $_nav_colors );
39		-$_nav_border = SP_PC_Functions::pcp_metabox_value(
40		- 'pcp_nav_border',
41		- $view_options,
42		- array(
43		- 'all' => '1',
44		- 'style' => 'solid',
45		- 'color' => '#aaa',
46		- 'hover_color' => '#e1624b',
47		- 'border_radius' => '0',
48		- 'unit' => 'px',
49		- )
50		-);
51		-// Navigation options.
52		-$_navigation_data = isset( $view_options['pcp_navigation_data'] ) ? $view_options['pcp_navigation_data'] : array();
53		-$_navigation = isset( $_navigation_data['pcp_navigation'] ) ? $_navigation_data['pcp_navigation'] : true;
54		-$_navigation_on_mobile = isset( $_navigation_data['nev_hide_on_mobile'] ) ? $_navigation_data['nev_hide_on_mobile'] : false;
55		-
56		-if ( $_navigation_on_mobile ) {
	28	+$pcp_navigation = isset( $view_options['pcp_navigation'] ) ? $view_options['pcp_navigation'] : '';
	29	+$_nav_colors = SP_PC_Functions::pcp_metabox_value( 'pcp_nav_colors', $view_options );
	30	+$nav_color = SP_PC_Functions::pcp_metabox_value( 'color', $_nav_colors );
	31	+$nav_color_hover = SP_PC_Functions::pcp_metabox_value( 'hover-color', $_nav_colors );
	32	+$nav_color_bg = SP_PC_Functions::pcp_metabox_value( 'bg', $_nav_colors );
	33	+$nav_color_bg_hover = SP_PC_Functions::pcp_metabox_value( 'hover-bg', $_nav_colors );
	34	+$nav_color_border = SP_PC_Functions::pcp_metabox_value( 'border-color', $_nav_colors );
	35	+$nav_color_border_hover = SP_PC_Functions::pcp_metabox_value( 'hover-border-color', $_nav_colors );
	36	+if ( 'hide_on_mobile' === $pcp_navigation ) {
57	37	$custom_css .= "@media (max-width: 480px) { #pcp_wrapper-{$pcp_id} .pcp-button-prev, #pcp_wrapper-{$pcp_id} .pcp-button-next{ display: none; } }";
58	38	}
59	39	$custom_css .= "#pcp_wrapper-{$pcp_id} .pcp-button-prev,
60		-#pcp_wrapper-{$pcp_id} .pcp-button-next{ background-image: none; background-size: auto; background-color: {$nav_color_bg}; height: 33px; width: 33px; margin-top: 8px; border: {$_nav_border['all']}px {$_nav_border['style']} {$_nav_border['color']}; text-align: center; line-height: 30px; -webkit-transition: 0.3s; border-radius: {$_nav_border['border_radius']}{$_nav_border['unit']}; }";
61		-$custom_css .= "#pcp_wrapper-{$pcp_id} .pcp-button-prev:hover, #pcp_wrapper-{$pcp_id} .pcp-button-next:hover{ background-color: {$nav_color_bg_hover}; border-color: {$_nav_border['hover_color']}; } #pcp_wrapper-{$pcp_id} .pcp-button-prev .fa, #pcp_wrapper-{$pcp_id} .pcp-button-next .fa { color: {$nav_color}; } #pcp_wrapper-{$pcp_id} .pcp-button-prev:hover .fa, #pcp_wrapper-{$pcp_id} .pcp-button-next:hover .fa { color: {$nav_color_hover}; } #pcp_wrapper-{$pcp_id}.pcp-carousel-wrapper .sp-pcp-post{ margin-top: 0; }";
	40	+#pcp_wrapper-{$pcp_id} .pcp-button-next{ background-image: none; background-size: auto; background-color: {$nav_color_bg}; height: 33px; width: 33px; margin-top: 8px; border: 1px solid {$nav_color_border}; text-align: center; line-height: 30px; -webkit-transition: 0.3s; }";
	41	+$custom_css .= "#pcp_wrapper-{$pcp_id} .pcp-button-prev:hover, #pcp_wrapper-{$pcp_id} .pcp-button-next:hover{ background-color: {$nav_color_bg_hover}; border-color: {$nav_color_border_hover}; } #pcp_wrapper-{$pcp_id} .pcp-button-prev .fa, #pcp_wrapper-{$pcp_id} .pcp-button-next .fa { color: {$nav_color}; } #pcp_wrapper-{$pcp_id} .pcp-button-prev:hover .fa, #pcp_wrapper-{$pcp_id} .pcp-button-next:hover .fa { color: {$nav_color_hover}; } #pcp_wrapper-{$pcp_id}.pcp-carousel-wrapper .sp-pcp-post{ margin-top: 0; }";