| @@ -9,18 +9,19 @@ | ||
| 9 | 9 | if ( ! defined( 'ABSPATH' ) ) { |
| 10 | 10 | exit; |
| 11 | 11 | } |
| 12 | 12 | |
| 13 | -$layout_preset = isset( $layout['pcp_layout_preset'] ) ? $layout['pcp_layout_preset'] : ''; | |
| 14 | - | |
| 13 | +$view_options = get_post_meta( $pcp_id, 'sp_pcp_view_options', true ); | |
| 14 | +$layouts = get_post_meta( $pcp_id, 'sp_pcp_layouts', true ); | |
| 15 | +$layout = isset( $layouts['pcp_layout_preset'] ) ? $layouts['pcp_layout_preset'] : ''; | |
| 15 | 16 | // Section Title. |
| 16 | 17 | if ( $view_options['section_title'] ) { |
| 17 | 18 | $section_title_margin_top = $view_options['section_title_margin']['top'] > 0 ? $view_options['section_title_margin']['top'] . 'px' : 0; |
| 18 | 19 | $section_title_margin_right = $view_options['section_title_margin']['right'] > 0 ? $view_options['section_title_margin']['right'] . 'px' : 0; |
| 19 | - $section_title_margin_bottom = $view_options['section_title_margin']['bottom'] > -50 ? (int) $view_options['section_title_margin']['bottom'] . 'px' : 0; | |
| 20 | + $section_title_margin_bottom = $view_options['section_title_margin']['bottom'] > 0 ? $view_options['section_title_margin']['bottom'] . 'px' : 0; | |
| 20 | 21 | $section_title_margin_left = $view_options['section_title_margin']['left'] > 0 ? $view_options['section_title_margin']['left'] . 'px' : 0; |
| 21 | 22 | $_section_title_typography = $view_options['section_title_typography']; |
| 22 | - $custom_css .= "#poststuff #sp_pcp_display .sp-pcp-section .pcp-section-title, #pcp_wrapper-{$pcp_id} .pcp-section-title{color: {$_section_title_typography['color']};margin: {$section_title_margin_top} {$section_title_margin_right} {$section_title_margin_bottom} {$section_title_margin_left}}"; | |
| 23 | + $custom_css .= "#pcp_wrapper-{$pcp_id} .pcp-section-title{color: {$_section_title_typography['color']};margin: {$section_title_margin_top} {$section_title_margin_right} {$section_title_margin_bottom} {$section_title_margin_left}}"; | |
| 23 | 24 | } |
| 24 | 25 | $margin_between_post = (int) $view_options['margin_between_post']['all']; |
| 25 | 26 | $margin_between_post_half = $margin_between_post / 2; |
| 26 | 27 | $custom_css .= "#pcp_wrapper-{$pcp_id} .sp-pcp-row{ margin-right: -{$margin_between_post_half}px;margin-left: -{$margin_between_post_half}px;}#pcp_wrapper-{$pcp_id} .sp-pcp-row [class*='sp-pcp-col-']{padding-right: {$margin_between_post_half}px;padding-left: {$margin_between_post_half}px;padding-bottom: {$margin_between_post}px;}"; |
| @@ -27,10 +28,9 @@ | ||
| 27 | 28 | |
| 28 | 29 | /** |
| 29 | 30 | * Style for each slide/post. |
| 30 | 31 | */ |
| 31 | -$post_sorter = isset( $view_options['post_content_sorter'] ) ? $view_options['post_content_sorter'] : ''; | |
| 32 | - | |
| 32 | +$post_sorter = $view_options['post_content_sorter']; | |
| 33 | 33 | // Post Title. |
| 34 | 34 | if ( $post_sorter['pcp_post_title']['show_post_title'] ) { |
| 35 | 35 | $_post_title_typography = $view_options['post_title_typography']; |
| 36 | 36 | $custom_css .= ".pcp-wrapper-{$pcp_id} .sp-pcp-title a {color: {$_post_title_typography['color']};display: inherit;} .pcp-wrapper-{$pcp_id} .sp-pcp-title a:hover {color: {$_post_title_typography['hover_color']};}"; |
| @@ -36,21 +36,19 @@ | ||
| 36 | 36 | $custom_css .= ".pcp-wrapper-{$pcp_id} .sp-pcp-title a {color: {$_post_title_typography['color']};display: inherit;} .pcp-wrapper-{$pcp_id} .sp-pcp-title a:hover {color: {$_post_title_typography['hover_color']};}"; |
| 37 | 37 | } |
| 38 | 38 | |
| 39 | 39 | // Post Content. |
| 40 | -$pcp_post_content = isset( $post_sorter['pcp_post_content'] ) ? $post_sorter['pcp_post_content'] : ''; | |
| 41 | -$show_post_content = isset( $pcp_post_content['show_post_content'] ) ? $pcp_post_content['show_post_content'] : ''; | |
| 42 | -if ( $show_post_content ) { | |
| 40 | +if ( $post_sorter['pcp_post_content']['show_post_content'] ) { | |
| 43 | 41 | $_post_content_typography = $view_options['post_content_typography']; |
| 44 | - $custom_css .= ".pcp-wrapper-{$pcp_id} .sp-pcp-post-content{color: {$_post_content_typography['color']}; }"; | |
| 42 | + $custom_css .= ".pcp-wrapper-{$pcp_id} .sp-pcp-post-content{color: {$_post_content_typography['color']}; }"; | |
| 45 | 43 | } |
| 46 | 44 | |
| 47 | -if ( 'carousel_layout' === $layout_preset ) { | |
| 45 | +if ( 'carousel_layout' === $layout ) { | |
| 48 | 46 | include SP_PC_PATH . '/public/dynamic-css/carousel-css.php'; |
| 49 | 47 | } |
| 50 | 48 | |
| 51 | 49 | // Post inner padding. |
| 52 | -$post_content_orientation = $view_options['post_content_orientation']; | |
| 50 | +$post_content_orientation = $view_options['post_content_orientation']; | |
| 53 | 51 | if ( 'overlay' !== $post_content_orientation ) { |
| 54 | 52 | $_post_inner_padding = SP_PC_Functions::pcp_metabox_value( 'post_inner_padding_property', $view_options ); |
| 55 | 53 | $post_inner_padding_unit = $_post_inner_padding['unit']; |
| 56 | 54 | $post_inner_padding_top = $_post_inner_padding['top'] > 0 ? $_post_inner_padding['top'] . $post_inner_padding_unit : '0'; |
| @@ -69,11 +67,11 @@ | ||
| 69 | 67 | $custom_css .= "#pcp_wrapper-{$pcp_id} .sp-pcp-post {border: {$post_border_width}px {$post_border_style} {$post_border_color};}"; |
| 70 | 68 | } |
| 71 | 69 | |
| 72 | 70 | // Post background color. |
| 73 | -$post_background_property = SP_PC_Functions::pcp_metabox_value( 'post_background_property', $view_options ); | |
| 71 | +$post_background_property = SP_PC_Functions::pcp_metabox_value( 'post_background_property', $view_options ); | |
| 74 | 72 | $post_border_radius_property = SP_PC_Functions::pcp_metabox_value( 'post_border_radius_property', $view_options ); |
| 75 | -$custom_css .= "#pcp_wrapper-{$pcp_id} .sp-pcp-post {border-radius: {$post_border_radius_property['all']}px;}"; | |
| 73 | +$custom_css .= "#pcp_wrapper-{$pcp_id} .sp-pcp-post {border-radius: {$post_border_radius_property['all']};}"; | |
| 76 | 74 | if ( ! in_array( $post_content_orientation, array( 'overlay', 'overlay-box' ), true ) ) { |
| 77 | 75 | $custom_css .= "#pcp_wrapper-{$pcp_id} .sp-pcp-post{background-color: {$post_background_property};}"; |
| 78 | 76 | } |
| 79 | 77 | |
| @@ -83,17 +81,16 @@ | ||
| 83 | 81 | $post_thumb_css = $post_sorter['pcp_post_thumb']; |
| 84 | 82 | |
| 85 | 83 | // Post Meta. |
| 86 | 84 | $_post_meta_typography = $view_options['post_meta_typography']; |
| 87 | -$custom_css .= ".pcp-wrapper-{$pcp_id} .sp-pcp-post-meta li,.pcp-wrapper-{$pcp_id} .sp-pcp-post-meta ul,.pcp-wrapper-{$pcp_id} .sp-pcp-post-meta li a{color: {$_post_meta_typography['color']};}"; | |
| 88 | -$custom_css .= ".pcp-wrapper-{$pcp_id} .sp-pcp-post-meta li a:hover{color: {$_post_meta_typography['hover_color']};}"; | |
| 85 | +$custom_css .= ".pcp-wrapper-{$pcp_id} .sp-pcp-post-meta li,.pcp-wrapper-{$pcp_id} .sp-pcp-post-meta ul,.pcp-wrapper-{$pcp_id} .sp-pcp-post-meta li a{color: {$_post_meta_typography['color']};}"; | |
| 86 | +$custom_css .= ".pcp-wrapper-{$pcp_id} .sp-pcp-post-meta li a:hover{color: {$_post_meta_typography['hover_color']};}"; | |
| 89 | 87 | |
| 90 | 88 | // Post ReadMore Settings. |
| 91 | -$post_content_settings = isset( $post_sorter['pcp_post_content'] ) ? $post_sorter['pcp_post_content'] : ''; | |
| 92 | -$show_read_more = isset( $post_content_settings['show_read_more'] ) ? $post_content_settings['show_read_more'] : ''; | |
| 93 | -if ( $show_read_more ) { | |
| 94 | - $_button_color = $post_content_settings['readmore_color_button']; | |
| 95 | - $custom_css .= "#pcp_wrapper-{$pcp_id} .pcp-readmore-link{ background: {$_button_color['bg']}; color: {$_button_color['standard']}; border-color: {$_button_color['border']}; } #pcp_wrapper-{$pcp_id} .pcp-readmore-link:hover { background: {$_button_color['hover_bg']}; color: {$_button_color['hover']}; border-color: {$_button_color['hover_border']}; }"; | |
| 89 | +$post_content_settings = $post_sorter['pcp_post_content']; | |
| 90 | +if ( $post_content_settings['show_read_more'] ) { | |
| 91 | + $_button_color = $post_content_settings['readmore_color_button']; | |
| 92 | + $custom_css .= "#pcp_wrapper-{$pcp_id} .pcp-readmore-link{ background: {$_button_color['bg']}; color: {$_button_color['standard']}; border-color: {$_button_color['border']}; } #pcp_wrapper-{$pcp_id} .pcp-readmore-link:hover { background: {$_button_color['hover_bg']}; color: {$_button_color['hover']}; border-color: {$_button_color['hover_border']}; }"; | |
| 96 | 93 | } |
| 97 | 94 | |
| 98 | 95 | // Pagination CSS and Live filter CSS. |
| 99 | 96 | $show_pagination = isset( $view_options['show_post_pagination'] ) ? $view_options['show_post_pagination'] : ''; |
| @@ -98,6 +95,6 @@ | ||
| 98 | 95 | // Pagination CSS and Live filter CSS. |
| 99 | 96 | $show_pagination = isset( $view_options['show_post_pagination'] ) ? $view_options['show_post_pagination'] : ''; |
| 100 | 97 | if ( $show_pagination ) { |
| 101 | 98 | $pagination_btn_color = $view_options['pcp_pagination_btn_color']; |
| 102 | - $custom_css .= "#pcp_wrapper-{$pcp_id} .pcp-post-pagination .page-numbers.current, #pcp_wrapper-{$pcp_id} .pcp-post-pagination a.active , #pcp_wrapper-{$pcp_id} .pcp-post-pagination a:hover{ color: {$pagination_btn_color['text_acolor']}; background: {$pagination_btn_color['active_background']}; border-color: {$pagination_btn_color['border_acolor']}; }#pcp_wrapper-{$pcp_id} .pcp-post-pagination .page-numbers, .pcp-post-pagination a{ background: {$pagination_btn_color['background']}; color:{$pagination_btn_color['text_color']}; border-color: {$pagination_btn_color['border_color']}; }"; | |
| 99 | + $custom_css .= "#pcp_wrapper-{$pcp_id} .pcp-post-pagination .page-numbers.current, #pcp_wrapper-{$pcp_id} .pcp-post-pagination a.active , #pcp_wrapper-{$pcp_id} .pcp-post-pagination a:hover{ color: {$pagination_btn_color['text_acolor']}; background: {$pagination_btn_color['active_background']}; border-color: {$pagination_btn_color['border_acolor']}; }#pcp_wrapper-{$pcp_id} .pcp-post-pagination .page-numbers, .pcp-post-pagination a{ background: {$pagination_btn_color['background']}; color:{$pagination_btn_color['text_color']}; border-color: {$pagination_btn_color['border_color']}; }"; | |
| 103 | 100 | } |
