Ejemplo n.º 1
0
    function widget($args, $instance)
    {
        extract($args);
        //Our variables from the widget settings.
        $title = apply_filters('widget_title', $instance['title']);
        $grve_social_items = array(array('title' => 'Twitter', 'url' => grve_array_value($instance, 'twitter_url'), 'class' => 'twitter'), array('title' => 'Facebook', 'url' => grve_array_value($instance, 'facebook_url'), 'class' => 'facebook'), array('title' => 'Google+', 'url' => grve_array_value($instance, 'googleplus_url'), 'class' => 'google-plus'), array('title' => 'RSS', 'url' => grve_array_value($instance, 'rss_url'), 'class' => 'rss'), array('title' => 'LinkedIn', 'url' => grve_array_value($instance, 'linkedin_url'), 'class' => 'linkedin'), array('title' => 'YouTube', 'url' => grve_array_value($instance, 'youtube_url'), 'class' => 'youtube'), array('title' => 'Flickr', 'url' => grve_array_value($instance, 'flickr_url'), 'class' => 'flickr'), array('title' => 'Pinterest', 'url' => grve_array_value($instance, 'pinterest_url'), 'class' => 'pinterest'), array('title' => 'Dribbble', 'url' => grve_array_value($instance, 'dribbble_url'), 'class' => 'dribbble'), array('title' => 'Tumblr', 'url' => grve_array_value($instance, 'tumblr_url'), 'class' => 'tumblr'), array('title' => 'GitHub', 'url' => grve_array_value($instance, 'github_url'), 'class' => 'github'), array('title' => 'instagram', 'url' => grve_array_value($instance, 'instagram_url'), 'class' => 'instagram'), array('title' => 'reddit', 'url' => grve_array_value($instance, 'reddit_url'), 'class' => 'reddit'), array('title' => 'Skype', 'url' => grve_array_value($instance, 'skype_url'), 'class' => 'skype'), array('title' => 'Vimeo', 'url' => grve_array_value($instance, 'vimeo_url'), 'class' => 'vimeo'), array('title' => 'SoundCloud', 'url' => grve_array_value($instance, 'soundcloud_url'), 'class' => 'soundcloud'), array('title' => 'WeChat', 'url' => grve_array_value($instance, 'wechat_url'), 'class' => 'wechat'), array('title' => 'Weibo', 'url' => grve_array_value($instance, 'weibo_url'), 'class' => 'weibo'), array('title' => 'Renren', 'url' => grve_array_value($instance, 'renren_url'), 'class' => 'renren'), array('title' => 'QQ', 'url' => grve_array_value($instance, 'qq_url'), 'class' => 'qq'), array('title' => 'XING', 'url' => grve_array_value($instance, 'xing_url'), 'class' => 'xing'), array('title' => 'VK', 'url' => grve_array_value($instance, 'vk_url'), 'class' => 'vk'), array('title' => 'VSCO', 'url' => grve_array_value($instance, 'vsco_url'), 'class' => 'vsco'));
        echo $before_widget;
        // Display the widget title
        if ($title) {
            echo $before_title . $title . $after_title;
        }
        ?>

		<ul>
		<?php 
        foreach ($grve_social_items as $social_item) {
            if (!empty($social_item['url'])) {
                if ('skype' == $social_item['class']) {
                    ?>
					<li>
						<a href="<?php 
                    echo $social_item['url'];
                    ?>
" class="grve-icon-<?php 
                    echo $social_item['class'];
                    ?>
"></a>
					</li>
		<?php 
                } else {
                    ?>
					<li>
						<a href="<?php 
                    echo esc_url($social_item['url']);
                    ?>
" class="grve-icon-<?php 
                    echo $social_item['class'];
                    ?>
" target="_blank"></a>
					</li>
		<?php 
                }
            }
        }
        ?>
		</ul>


	<?php 
        echo $after_widget;
    }
Ejemplo n.º 2
0
function grve_portfolio_media_section_box($post)
{
    wp_nonce_field('grve_nonce_save', 'grve_portfolio_media_save_nonce');
    $portfolio_media = get_post_meta($post->ID, 'grve_portfolio_media_selection', true);
    $portfolio_image_mode = get_post_meta($post->ID, 'grve_portfolio_media_image_mode', true);
    $grve_portfolio_video_webm = get_post_meta($post->ID, 'grve_portfolio_video_webm', true);
    $grve_portfolio_video_mp4 = get_post_meta($post->ID, 'grve_portfolio_video_mp4', true);
    $grve_portfolio_video_ogv = get_post_meta($post->ID, 'grve_portfolio_video_ogv', true);
    $grve_portfolio_video_embed = get_post_meta($post->ID, 'grve_portfolio_video_embed', true);
    $media_slider_items = get_post_meta($post->ID, 'grve_portfolio_slider_items', true);
    $media_slider_settings = get_post_meta($post->ID, 'grve_portfolio_slider_settings', true);
    $media_slider_speed = grve_array_value($media_slider_settings, 'slideshow_speed', '3500');
    $media_slider_dir_nav = grve_array_value($media_slider_settings, 'direction_nav', '2');
    ?>
			<table class="form-table grve-metabox">
				<tbody>
					<tr>
						<th>
							<label for="grve-portfolio-media-selection">
								<strong><?php 
    _e('Media Selection', GRVE_THEME_TRANSLATE);
    ?>
</strong>
								<span>
									<?php 
    _e('Choose your portfolio media.', GRVE_THEME_TRANSLATE);
    ?>
									<br/>
									<strong><?php 
    _e('In overview only Featured Image is displayed.', GRVE_THEME_TRANSLATE);
    ?>
</strong>
								</span>
							</label>
						</th>
						<td>
							<select id="grve-portfolio-media-selection" name="grve_portfolio_media_selection">
								<option value="" <?php 
    if ("" == $portfolio_media) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('Featured Image', GRVE_THEME_TRANSLATE);
    ?>
</option>
								<option value="gallery" <?php 
    if ("gallery" == $portfolio_media) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('Classic Gallery', GRVE_THEME_TRANSLATE);
    ?>
</option>
								<option value="gallery-vertical" <?php 
    if ("gallery-vertical" == $portfolio_media) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('Vertical Gallery', GRVE_THEME_TRANSLATE);
    ?>
</option>
								<option value="slider" <?php 
    if ("slider" == $portfolio_media) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('Slider', GRVE_THEME_TRANSLATE);
    ?>
</option>
								<option value="video" <?php 
    if ("video" == $portfolio_media) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('YouTube/Vimeo Video', GRVE_THEME_TRANSLATE);
    ?>
</option>
								<option value="video-html5" <?php 
    if ("video-html5" == $portfolio_media) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('HMTL5 Video', GRVE_THEME_TRANSLATE);
    ?>
</option>
								<option value="none" <?php 
    if ("none" == $portfolio_media) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('None', GRVE_THEME_TRANSLATE);
    ?>
</option>
							</select>
						</td>
					</tr>
					<tr class="grve-portfolio-media-item grve-portfolio-video-html5"<?php 
    if ("video-html5" != $portfolio_media) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
						<th>
							<label for="grve-portfolio-video-webm">
								<strong><?php 
    _e('WebM File URL', GRVE_THEME_TRANSLATE);
    ?>
</strong>
								<span>
									<?php 
    _e('Upload the .webm video file.', GRVE_THEME_TRANSLATE);
    ?>
									<br/>
									<strong><?php 
    _e('This Format must be included for HTML5 Video.', GRVE_THEME_TRANSLATE);
    ?>
</strong>
								</span>
							</label>
						</th>
						<td>
							<input type="text" id="grve-portfolio-video-webm" class="grve-upload-simple-media-field grve-meta-text" name="grve_portfolio_video_webm" value="<?php 
    echo esc_attr($grve_portfolio_video_webm);
    ?>
"/>
							<input type="button" data-media-type="video" class="grve-upload-simple-media-button button" value="<?php 
    _e('Upload Media', GRVE_THEME_TRANSLATE);
    ?>
"/>
							<input type="button" class="grve-remove-simple-media-button button" value="<?php 
    _e('Remove', GRVE_THEME_TRANSLATE);
    ?>
"/>
						</td>
					</tr>
					<tr class="grve-portfolio-media-item grve-portfolio-video-html5"<?php 
    if ("video-html5" != $portfolio_media) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
						<th>
							<label for="grve-portfolio-video-mp4">
								<strong><?php 
    _e('MP4 File URL', GRVE_THEME_TRANSLATE);
    ?>
</strong>
								<span>
									<?php 
    _e('Upload the .mp4 video file.', GRVE_THEME_TRANSLATE);
    ?>
									<br/>
									<strong><?php 
    _e('This Format must be included for HTML5 Video.', GRVE_THEME_TRANSLATE);
    ?>
</strong>
								</span>
							</label>
						</th>
						<td>
							<input type="text" id="grve-portfolio-video-mp4" class="grve-upload-simple-media-field grve-meta-text" name="grve_portfolio_video_mp4" value="<?php 
    echo esc_attr($grve_portfolio_video_mp4);
    ?>
"/>
							<input type="button" data-media-type="video" class="grve-upload-simple-media-button button" value="<?php 
    _e('Upload Media', GRVE_THEME_TRANSLATE);
    ?>
"/>
							<input type="button" class="grve-remove-simple-media-button button" value="<?php 
    _e('Remove', GRVE_THEME_TRANSLATE);
    ?>
"/>
						</td>
					</tr>
					<tr class="grve-portfolio-media-item grve-portfolio-video-html5"<?php 
    if ("video-html5" != $portfolio_media) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
						<th>
							<label for="grve-portfolio-video-ogv">
								<strong><?php 
    _e('OGV File URL', GRVE_THEME_TRANSLATE);
    ?>
</strong>
								<span>
									<?php 
    _e('Upload the .ogv video file (optional).', GRVE_THEME_TRANSLATE);
    ?>
								</span>
							</label>
						</th>
						<td>
							<input type="text" id="grve-portfolio-video-ogv" class="grve-upload-simple-media-field grve-meta-text" name="grve_portfolio_video_ogv" value="<?php 
    echo esc_attr($grve_portfolio_video_ogv);
    ?>
"/>
							<input type="button" data-media-type="video" class="grve-upload-simple-media-button button" value="<?php 
    _e('Upload Media', GRVE_THEME_TRANSLATE);
    ?>
"/>
							<input type="button" class="grve-remove-simple-media-button button" value="<?php 
    _e('Remove', GRVE_THEME_TRANSLATE);
    ?>
"/>
						</td>
					</tr>
					<tr class="grve-portfolio-media-item grve-portfolio-video-embed"<?php 
    if ("video" != $portfolio_media) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
						<th>
							<label for="grve-portfolio-video-embed">
								<strong><?php 
    _e('Vimeo/YouTube URL', GRVE_THEME_TRANSLATE);
    ?>
</strong>
								<span>
									<?php 
    _e('Enter the full URL of your video from Vimeo or YouTube.', GRVE_THEME_TRANSLATE);
    ?>
								</span>
							</label>
						</th>
						<td>
							<input type="text" id="grve-portfolio-video-embed" class="grve-meta-text" name="grve_portfolio_video_embed" value="<?php 
    echo esc_attr($grve_portfolio_video_embed);
    ?>
"/>
						</td>
					</tr>
					<tr class="grve-portfolio-media-item grve-portfolio-media-image-mode"<?php 
    if ("slider" != $portfolio_media || "gallery-vertical" != $portfolio_media) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
						<th>
							<label for="grve-portfolio-media-image-mode">
								<strong><?php 
    _e('Image Mode', GRVE_THEME_TRANSLATE);
    ?>
</strong>
								<span>
									<?php 
    _e('Select image mode.', GRVE_THEME_TRANSLATE);
    ?>
								</span>
							</label>
						</th>
						<td>
							<select id="grve-portfolio-media-image-mode" name="grve_portfolio_media_image_mode">
								<option value="" <?php 
    selected('', $portfolio_image_mode);
    ?>
><?php 
    _e('Auto Crop', GRVE_THEME_TRANSLATE);
    ?>
</option>
								<option value="resize" <?php 
    selected('resize', $portfolio_image_mode);
    ?>
><?php 
    _e('Resize', GRVE_THEME_TRANSLATE);
    ?>
</option>
							</select>
						</td>
					</tr>
					<tr id="grve-portfolio-media-slider-speed" class="grve-portfolio-media-item" <?php 
    if ("slider" != $portfolio_media) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
						<th>
							<label for="grve-page-slider-speed">
								<strong><?php 
    _e('Slideshow Speed', GRVE_THEME_TRANSLATE);
    ?>
</strong>
							</label>
						</th>
						<td>
							<input type="text" id="grve-page-slider-speed" name="grve_portfolio_slider_settings_speed" value="<?php 
    echo esc_attr($media_slider_speed);
    ?>
" /> ms
						</td>
					</tr>
					<tr id="grve-portfolio-media-slider-direction-nav" class="grve-portfolio-media-item" <?php 
    if ("slider" != $portfolio_media) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
						<th>
							<label for="grve-page-slider-direction-nav">
								<strong><?php 
    _e('Navigation Buttons', GRVE_THEME_TRANSLATE);
    ?>
</strong>
							</label>
						</th>
						<td>
							<select name="grve_portfolio_slider_settings_direction_nav">
								<option value="1" <?php 
    selected("1", $media_slider_dir_nav);
    ?>
>
									<?php 
    _e('Style 1', GRVE_THEME_TRANSLATE);
    ?>
								</option>
								<option value="2" <?php 
    selected("2", $media_slider_dir_nav);
    ?>
>
									<?php 
    _e('Style 2', GRVE_THEME_TRANSLATE);
    ?>
								</option>
								<option value="3" <?php 
    selected("3", $media_slider_dir_nav);
    ?>
>
									<?php 
    _e('Style 3', GRVE_THEME_TRANSLATE);
    ?>
								</option>
								<option value="4" <?php 
    selected("4", $media_slider_dir_nav);
    ?>
>
									<?php 
    _e('Style 4', GRVE_THEME_TRANSLATE);
    ?>
								</option>
								<option value="0" <?php 
    selected("0", $media_slider_dir_nav);
    ?>
>
									<?php 
    _e('No Navigation', GRVE_THEME_TRANSLATE);
    ?>
								</option>
							</select>
						</td>
					</tr>
					<tr id="grve-portfolio-media-slider" class="grve-portfolio-media-item" <?php 
    if ("" == $portfolio_media || "none" == $portfolio_media) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
						<th>
							<label><?php 
    _e('Media Items', GRVE_THEME_TRANSLATE);
    ?>
</label>
						</th>
						<td>
							<input type="button" class="grve-upload-slider-button button-primary" value="<?php 
    _e('Insert Images', GRVE_THEME_TRANSLATE);
    ?>
"/>
							<span id="grve-upload-slider-button-spinner" class="grve-action-spinner"></span>
						</td>
					</tr>
				</tbody>
			</table>
			<div id="grve-slider-container" data-mode="minimal" class="grve-portfolio-media-item" <?php 
    if ("" == $portfolio_media || "none" == $portfolio_media) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
				<?php 
    if (!empty($media_slider_items)) {
        grve_print_admin_media_slider_items($media_slider_items);
    }
    ?>
			</div>


	<?php 
}
function grve_admin_get_feature_section($post_id)
{
    //Feature Settings
    $feature_element = grve_admin_post_meta($post_id, 'grve_page_feature_element');
    $feature_size = grve_admin_post_meta($post_id, 'grve_page_feature_size');
    $feature_height = grve_admin_post_meta($post_id, 'grve_page_feature_height', '550');
    $feature_header_position = grve_admin_post_meta($post_id, 'grve_page_feature_header_position', 'above');
    $feature_header_integration = grve_admin_post_meta($post_id, 'grve_page_feature_header_integration', 'no');
    $feature_effect = grve_admin_post_meta($post_id, 'grve_page_feature_effect');
    $feature_go_to_section = grve_admin_post_meta($post_id, 'grve_page_feature_go_to_section');
    $feature_header_style = grve_admin_post_meta($post_id, 'grve_page_feature_header_style', 'default');
    //Image Item
    $image_item = get_post_meta($post_id, 'grve_page_image_item', true);
    //Title Item
    $title_item = get_post_meta($post_id, 'grve_page_title_item', true);
    //Slider Item
    $slider_items = get_post_meta($post_id, 'grve_page_slider_items', true);
    $slider_settings = get_post_meta($post_id, 'grve_page_slider_settings', true);
    $slider_speed = grve_array_value($slider_settings, 'slideshow_speed', '3500');
    $slider_pause = grve_array_value($slider_settings, 'slider_pause', 'no');
    $slider_dir_nav = grve_array_value($slider_settings, 'direction_nav', '1');
    $slider_dir_nav_color = grve_array_value($slider_settings, 'direction_nav_color', 'light');
    $slider_transition = grve_array_value($slider_settings, 'transition', 'slide');
    //Revolution Slider Item
    $revslider_alias = get_post_meta($post_id, 'grve_page_feature_revslider', true);
    //Map Item
    $map_items = get_post_meta($post_id, 'grve_page_map_items', true);
    $map_settings = get_post_meta($post_id, 'grve_page_map_settings', true);
    $map_zoom = grve_array_value($map_settings, 'zoom', 14);
    $map_marker = grve_array_value($map_settings, 'marker');
    //Video Item
    $video_item = get_post_meta($post_id, 'grve_page_video_item', true);
    $video_webm = grve_array_value($video_item, 'video_webm');
    $video_mp4 = grve_array_value($video_item, 'video_mp4');
    $video_ogv = grve_array_value($video_item, 'video_ogv');
    $video_bg_image = grve_array_value($video_item, 'video_bg_image');
    $video_loop = grve_array_value($video_item, 'video_loop', 'yes');
    $video_muted = grve_array_value($video_item, 'video_muted', 'yes');
    $grve_settings_mode = grve_get_admin_feature_setting_mode();
    ?>
		<table class="form-table grve-metabox">
			<tbody>
				<tr class="grve-border-bottom">
					<th>
						<label for="grve-page-feature-element">
							<strong><?php 
    _e('Feature Element', GRVE_THEME_TRANSLATE);
    ?>
</strong>
							<span>
								<?php 
    _e('Select feature section element.', GRVE_THEME_TRANSLATE);
    ?>
							</span>
						</label>
					</th>
					<td>
						<select id="grve-page-feature-element" name="grve_page_feature_element">
							<option value="" <?php 
    if ("" == $feature_element) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('None', GRVE_THEME_TRANSLATE);
    ?>
</option>
							<option value="title" <?php 
    if ("title" == $feature_element) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('Title', GRVE_THEME_TRANSLATE);
    ?>
</option>
							<option value="image" <?php 
    if ("image" == $feature_element) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('Image', GRVE_THEME_TRANSLATE);
    ?>
</option>
							<option value="video" <?php 
    if ("video" == $feature_element) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('Video', GRVE_THEME_TRANSLATE);
    ?>
</option>
							<option value="slider" <?php 
    if ("slider" == $feature_element) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('Slider', GRVE_THEME_TRANSLATE);
    ?>
</option>
							<option value="revslider" <?php 
    if ("revslider" == $feature_element) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('Revolution Slider', GRVE_THEME_TRANSLATE);
    ?>
</option>
							<option value="map" <?php 
    if ("map" == $feature_element) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('Map', GRVE_THEME_TRANSLATE);
    ?>
</option>
						</select>
						<?php 
    grve_print_revolution_selection($revslider_alias, 'grve-page-feature-revslider', 'grve_page_feature_revslider');
    ?>
					</td>
				</tr>
				<tr id="grve-feature-section-slider-speed" class="grve-feature-section-item" <?php 
    if ("slider" != $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
					<th>
						<label for="grve-page-slider-speed">
							<strong><?php 
    _e('Slideshow Speed', GRVE_THEME_TRANSLATE);
    ?>
</strong>
						</label>
					</th>
					<td>
						<input type="text" id="grve-page-slider-speed" name="grve_page_slider_settings_speed" value="<?php 
    echo esc_attr($slider_speed);
    ?>
" /> ms
					</td>
				</tr>
				<tr id="grve-feature-section-slider-pause" class="grve-feature-section-item" <?php 
    if ("slider" != $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
					<th>
						<label for="grve-page-slider-pause">
							<strong><?php 
    _e('Pause On Hover', GRVE_THEME_TRANSLATE);
    ?>
</strong>
						</label>
					</th>
					<td>
						<input type="checkbox" id="grve-page-slider-pause" name="grve_page_slider_settings_pause" value="yes" <?php 
    checked($slider_pause, 'yes');
    ?>
/>
					</td>
				</tr>
				<tr id="grve-feature-section-slider-direction-nav" class="grve-feature-section-item" <?php 
    if ("slider" != $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
					<th>
						<label for="grve-page-slider-direction-nav">
							<strong><?php 
    _e('Navigation Buttons', GRVE_THEME_TRANSLATE);
    ?>
</strong>
						</label>
					</th>
					<td>
						<select name="grve_page_slider_settings_direction_nav" id="grve-page-slider-direction-nav">
							<option value="1" <?php 
    if ("1" == $slider_dir_nav) {
        ?>
 selected="selected" <?php 
    }
    ?>
>
								<?php 
    _e('Style 1', GRVE_THEME_TRANSLATE);
    ?>
							</option>
							<option value="2" <?php 
    if ("2" == $slider_dir_nav) {
        ?>
 selected="selected" <?php 
    }
    ?>
>
								<?php 
    _e('Style 2', GRVE_THEME_TRANSLATE);
    ?>
							</option>
							<option value="3" <?php 
    if ("3" == $slider_dir_nav) {
        ?>
 selected="selected" <?php 
    }
    ?>
>
								<?php 
    _e('Style 3', GRVE_THEME_TRANSLATE);
    ?>
							</option>
							<option value="4" <?php 
    if ("4" == $slider_dir_nav) {
        ?>
 selected="selected" <?php 
    }
    ?>
>
								<?php 
    _e('Style 4', GRVE_THEME_TRANSLATE);
    ?>
							</option>
							<option value="0" <?php 
    if ("0" == $slider_dir_nav) {
        ?>
 selected="selected" <?php 
    }
    ?>
>
								<?php 
    _e('No Navigation', GRVE_THEME_TRANSLATE);
    ?>
							</option>
						</select>
					</td>
				</tr>
				<tr id="grve-feature-section-slider-direction-nav-color" class="grve-feature-section-item" <?php 
    if ("slider" != $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
					<th>
						<label for="grve-page-slider-direction-nav-color">
							<strong><?php 
    _e('Navigation color', GRVE_THEME_TRANSLATE);
    ?>
</strong>
						</label>
					</th>
					<td>
						<select name="grve_page_slider_settings_direction_nav_color" id="grve-page-slider-direction-nav-color">
							<option value="light" <?php 
    if ("light" == $slider_dir_nav_color) {
        ?>
 selected="selected" <?php 
    }
    ?>
>
								<?php 
    _e('Light', GRVE_THEME_TRANSLATE);
    ?>
							</option>
							<option value="dark" <?php 
    if ("dark" == $slider_dir_nav_color) {
        ?>
 selected="selected" <?php 
    }
    ?>
>
								<?php 
    _e('Dark', GRVE_THEME_TRANSLATE);
    ?>
							</option>
						</select>
					</td>
				</tr>
				<tr id="grve-feature-section-slider-transition" class="grve-feature-section-item" <?php 
    if ("slider" != $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
					<th>
						<label for="grve-page-slider-transition">
							<strong><?php 
    _e('Transition', GRVE_THEME_TRANSLATE);
    ?>
</strong>
						</label>
					</th>
					<td>
						<select name="grve_page_slider_settings_transition">
							<option value="slide" <?php 
    if ("slide" == $slider_transition) {
        ?>
 selected="selected" <?php 
    }
    ?>
>
								<?php 
    _e('Slide', GRVE_THEME_TRANSLATE);
    ?>
							</option>
							<option value="fade" <?php 
    if ("fade" == $slider_transition) {
        ?>
 selected="selected" <?php 
    }
    ?>
>
								<?php 
    _e('Fade', GRVE_THEME_TRANSLATE);
    ?>
							</option>
							<option value="backSlide" <?php 
    if ("backSlide" == $slider_transition) {
        ?>
 selected="selected" <?php 
    }
    ?>
>
								<?php 
    _e('Back Slide', GRVE_THEME_TRANSLATE);
    ?>
							</option>
							<option value="goDown" <?php 
    if ("goDown" == $slider_transition) {
        ?>
 selected="selected" <?php 
    }
    ?>
>
								<?php 
    _e('Go Down', GRVE_THEME_TRANSLATE);
    ?>
							</option>
						</select>
					</td>
				</tr>
				<tr id="grve-feature-section-size" class="grve-feature-section-item" <?php 
    if ("" == $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
					<th>
						<label for="grve-page-feature-size">
							<strong><?php 
    _e('Feature Size', GRVE_THEME_TRANSLATE);
    ?>
</strong>
							<span>
								<?php 
    _e('With Custom Size option you can select the feature height.', GRVE_THEME_TRANSLATE);
    ?>
							</span>
						</label>
					</th>
					<td>
						<select id="grve-page-feature-size" name="grve_page_feature_size">
							<option value="" <?php 
    if ("" == $feature_size) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('Full Screen', GRVE_THEME_TRANSLATE);
    ?>
</option>
							<option value="custom" <?php 
    if ("custom" == $feature_size) {
        ?>
 selected="selected" <?php 
    }
    ?>
><?php 
    _e('Custom Size', GRVE_THEME_TRANSLATE);
    ?>
</option>
						</select>
						<span id="grve-feature-section-height" class="grve-inner-field" <?php 
    if ("" == $feature_size) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
							<label><?php 
    _e('Height', GRVE_THEME_TRANSLATE);
    ?>
</label>
							<input type="text" id="grve-page-feature-height" name="grve_page_feature_height" value="<?php 
    echo esc_attr($feature_height);
    ?>
" class="small-text" /> px
						</span>
						<span id="grve-feature-section-height-rev" class="grve-inner-field" style="display:none;">
							<label><?php 
    _e('Height is configured from Revolution Slider Settings', GRVE_THEME_TRANSLATE);
    ?>
</label>
						</span>
					</td>
				</tr>
				<tr id="grve-feature-section-header-position" class="grve-feature-section-item" <?php 
    if ("" == $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
					<th>
						<label for="grve-page-feature-header-position">
							<strong><?php 
    _e('Feature/Header Position', GRVE_THEME_TRANSLATE);
    ?>
</strong>
							<span>
								<?php 
    _e('With this option header will be shown above or below feature section.', GRVE_THEME_TRANSLATE);
    ?>
							</span>
						</label>
					</th>
					<td>
						<select name="grve_page_feature_header_position" id="grve-page-feature-header-position">
							<option value="above" <?php 
    if ("above" == $feature_header_position) {
        ?>
 selected="selected" <?php 
    }
    ?>
>
								<?php 
    _e('Header above Feature', GRVE_THEME_TRANSLATE);
    ?>
							</option>
							<option value="below" <?php 
    if ("below" == $feature_header_position) {
        ?>
 selected="selected" <?php 
    }
    ?>
>
								<?php 
    _e('Header below Feature', GRVE_THEME_TRANSLATE);
    ?>
							</option>
						</select>
					</td>
				</tr>
				<tr id="grve-feature-section-header-integration" class="grve-feature-section-item" <?php 
    if ("" == $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
					<th>
						<label for="grve-page-feature-header-integration">
							<strong><?php 
    _e('Header Integration', GRVE_THEME_TRANSLATE);
    ?>
</strong>
							<span>
								<?php 
    _e('With this option feature section will be integrated into the header.', GRVE_THEME_TRANSLATE);
    ?>
							</span>
						</label>
					</th>
					<td>
						<select name="grve_page_feature_header_integration" id="grve-page-feature-header-integration">
							<option value="no" <?php 
    if ("no" == $feature_header_integration) {
        ?>
 selected="selected" <?php 
    }
    ?>
>
								<?php 
    _e('No', GRVE_THEME_TRANSLATE);
    ?>
							</option>
							<option value="yes" <?php 
    if ("yes" == $feature_header_integration) {
        ?>
 selected="selected" <?php 
    }
    ?>
>
								<?php 
    _e('Yes', GRVE_THEME_TRANSLATE);
    ?>
							</option>
						</select>
					</td>
				</tr>
				<tr id="grve-feature-section-header-style" class="grve-feature-section-item" <?php 
    if ("" == $feature_element || "slider" == $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
					<th>
						<label for="grve-page-feature-header-integration">
							<strong><?php 
    _e('Header Style', GRVE_THEME_TRANSLATE);
    ?>
</strong>
							<span>
								<?php 
    _e('With this option you can change the coloring of your header.', GRVE_THEME_TRANSLATE);
    ?>
							</span>
						</label>
					</th>
					<td>
						<select name="grve_page_feature_header_style" id="grve-page-feature-header-style">
							<?php 
    grve_print_media_header_style_selection($feature_header_style);
    ?>
						</select>
					</td>
				</tr>
				<tr id="grve-feature-section-effect" class="grve-feature-section-item" <?php 
    if ("" == $feature_element || "map" == $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
					<th>
						<label for="grve-page-feature-effect">
							<strong><?php 
    _e('Enable Title Parallax Effect', GRVE_THEME_TRANSLATE);
    ?>
</strong>
						</label>
					</th>
					<td>
						<input type="checkbox" id="grve-page-feature-effect" name="grve_page_feature_effect" value="parallax" <?php 
    checked($feature_effect, 'parallax');
    ?>
/>
					</td>
				</tr>
				<tr id="grve-feature-section-go-to-section" class="grve-feature-section-item" <?php 
    if ("" == $feature_element || "map" == $feature_element || "slider" == $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
					<th>
						<label for="grve-page-feature-go-to-section">
							<strong><?php 
    _e('Enable Bottom Arrow', GRVE_THEME_TRANSLATE);
    ?>
</strong>
						</label>
					</th>
					<td>
						<input type="checkbox" id="grve-page-feature-go-to-section" name="grve_page_feature_go_to_section" value="yes" <?php 
    checked($feature_go_to_section, 'yes');
    ?>
/>
					</td>
				</tr>

				<tr id="grve-feature-section-image" class="grve-feature-section-item" <?php 
    if ("image" != $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
					<th>
						<label><?php 
    _e('Feature Image', GRVE_THEME_TRANSLATE);
    ?>
</label>
					</th>
					<td>

						<?php 
    if (empty($image_item)) {
        ?>
						<input type="button" class="grve-upload-image-button button-primary" value="<?php 
        _e('Insert Image', GRVE_THEME_TRANSLATE);
        ?>
"/>
						<?php 
    } else {
        ?>
						<input type="button" disabled="disabled" class="grve-upload-image-button button-primary disabled" value="<?php 
        _e('Insert Image', GRVE_THEME_TRANSLATE);
        ?>
"/>
						<?php 
    }
    ?>
						<span id="grve-upload-image-button-spinner" class="grve-action-spinner"></span>
					</td>
				</tr>
				<tr id="grve-feature-section-slider" class="grve-feature-section-item" <?php 
    if ("slider" != $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
					<th>
						<label><?php 
    _e('Feature Slider', GRVE_THEME_TRANSLATE);
    ?>
</label>
					</th>
					<td>
						<input type="button" class="grve-upload-feature-slider-button button-primary" value="<?php 
    _e('Insert Images to Slider', GRVE_THEME_TRANSLATE);
    ?>
"/>
						<span id="grve-upload-feature-slider-button-spinner" class="grve-action-spinner"></span>
					</td>
				</tr>
				<tr id="grve-feature-section-video" class="grve-feature-section-item" <?php 
    if ("video" != $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
					<th>
						<label><?php 
    _e('Feature Video', GRVE_THEME_TRANSLATE);
    ?>
</label>
					</th>
					<td>
					</td>
				</tr>
				<tr id="grve-feature-section-map" class="grve-feature-section-item" <?php 
    if ("map" != $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
					<th>
						<label><?php 
    _e('Feature Map', GRVE_THEME_TRANSLATE);
    ?>
</label>
					</th>
					<td>
						<input type="button" id="grve-upload-multi-map-point" class="grve-upload-multi-map-point button-primary" value="<?php 
    _e('Insert Point to Map', GRVE_THEME_TRANSLATE);
    ?>
"/>
						<span id="grve-upload-multi-map-button-spinner" class="grve-action-spinner"></span>
					</td>
				</tr>
			</tbody>
		</table>
		<div id="grve-feature-image-container" data-mode="image" class="grve-feature-section-item" <?php 
    if ('image' != $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
			<?php 
    if (!empty($image_item)) {
        grve_print_admin_feature_image_item($image_item);
    }
    ?>
		</div>
		<div id="grve-feature-slider-container" data-mode="slider-full" class="grve-feature-section-item" <?php 
    if ('slider' != $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
			<?php 
    if (!empty($slider_items)) {
        grve_print_admin_feature_slider_items($slider_items);
    }
    ?>
		</div>

		<div id="grve-feature-title-container" class="grve-feature-section-item" <?php 
    if ('title' != $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
			<div class="grve-title-item postbox">
				<h3 class="grve-title">
					<span><?php 
    _e('Title', GRVE_THEME_TRANSLATE);
    ?>
</span>
				</h3>
				<div class="inside">
					<ul class="grve-title-setting">
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('Title', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<input type="text" name="grve_title_item_title" value="<?php 
    echo grve_array_value($title_item, 'title');
    ?>
"/>
							</div>
						</li>
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('Caption', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<input type="text" name="grve_title_item_caption" value="<?php 
    echo grve_array_value($title_item, 'caption');
    ?>
"/>
							</div>
						</li>
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('Title Color', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<input type="text" name="grve_title_item_title_color" class="wp-color-picker-field" value="<?php 
    echo grve_array_value($title_item, 'title_color', "#ffffff");
    ?>
" data-default-color="#ffffff"/>
							</div>
						</li>
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('Caption Color', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<input type="text" name="grve_title_item_caption_color" class="wp-color-picker-field" value="<?php 
    echo grve_array_value($title_item, 'caption_color', "#ffffff");
    ?>
" data-default-color="#ffffff"/>
							</div>
						</li>
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('Background Color', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<input type="text" name="grve_title_item_bg_color" class="wp-color-picker-field" value="<?php 
    echo grve_array_value($title_item, 'bg_color', "#303030");
    ?>
" data-default-color="#303030"/>
							</div>
						</li>
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('Style', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<select name="grve_title_item_style">
									<?php 
    $title_style = grve_array_value($title_item, 'style', '');
    grve_print_media_style_selection($title_style);
    ?>
								</select>
							</div>
						</li>
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('Alignment', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<select name="grve_title_item_text_align">
									<?php 
    $title_text_align = grve_array_value($title_item, 'text_align', 'left');
    grve_print_media_align_selection($title_text_align);
    ?>
								</select>
							</div>
						</li>
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('Animation', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<select name="grve_title_item_text_animation">
									<?php 
    $title_text_animation = grve_array_value($title_item, 'text_animation', 'fade-in');
    grve_print_media_text_animation_selection($title_text_animation);
    ?>
								</select>
							</div>
						</li>
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('Extra Class', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<input type="text" name="grve_title_item_el_class" value="<?php 
    echo grve_array_value($title_item, 'el_class');
    ?>
"/>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<div id="grve-feature-map-container" class="grve-feature-section-item" <?php 
    if ('map' != $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
			<div class="grve-map-item postbox">
				<h3 class="grve-title">
					<span><?php 
    _e('Map', GRVE_THEME_TRANSLATE);
    ?>
</span>
				</h3>
				<div class="inside">
					<ul class="grve-map-setting">
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('Single Point Zoom', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<select id="grve-page-feature-map-zoom" name="grve_page_feature_map_zoom">
									<?php 
    for ($i = 1; $i < 20; $i++) {
        ?>
										<option value="<?php 
        echo $i;
        ?>
"<?php 
        if ($i == $map_zoom) {
            ?>
 selected="selected" <?php 
        }
        ?>
><?php 
        echo $i;
        ?>
</option>
									<?php 
    }
    ?>
								</select>
							</div>
						</li>
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('Global Marker', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<input type="text" class="grve-upload-simple-media-field" id="grve-page-feature-map-marker" name="grve_page_feature_map_marker" value="<?php 
    echo esc_attr($map_marker);
    ?>
"/>
								<label></label>
								<input type="button" data-media-type="image" class="grve-upload-simple-media-button button-primary" value="<?php 
    _e('Insert Marker', GRVE_THEME_TRANSLATE);
    ?>
"/>
								<input type="button" class="grve-remove-simple-media-button button" value="<?php 
    _e('Remove', GRVE_THEME_TRANSLATE);
    ?>
"/>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<?php 
    grve_print_admin_feature_map_items($map_items);
    ?>
		</div>
		<div id="grve-feature-video-container" class="grve-feature-section-item" <?php 
    if ('video' != $feature_element) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
			<div class="grve-video-item postbox">
				<?php 
    if ('modal' == $grve_settings_mode) {
        ?>
				<input class="grve-open-video-modal button-primary" type="button" value="<?php 
        _e('Edit Settings', GRVE_THEME_TRANSLATE);
        ?>
">
				<span class="grve-button-spacer">&nbsp;</span>
				<?php 
    }
    ?>
				<span class="grve-modal-spinner"></span>
				<h3 class="grve-title">
					<span><?php 
    _e('Video', GRVE_THEME_TRANSLATE);
    ?>
</span>
				</h3>
				<div class="inside">
					<ul class="grve-video-setting">
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('WebM File URL', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<input type="text" id="grve-page-feature-video-webm" class="grve-upload-simple-media-field grve-meta-text" name="grve_video_item_webm" value="<?php 
    echo esc_attr($video_webm);
    ?>
"/>
								<label></label>
								<input type="button" data-media-type="video" class="grve-upload-simple-media-button button" value="<?php 
    _e('Upload Media', GRVE_THEME_TRANSLATE);
    ?>
"/>
								<input type="button" class="grve-remove-simple-media-button button" value="<?php 
    _e('Remove', GRVE_THEME_TRANSLATE);
    ?>
"/>
							</div>
						</li>
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('MP4 File URL', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<input type="text" id="grve-page-feature-video-mp4" class="grve-upload-simple-media-field grve-meta-text" name="grve_video_item_mp4" value="<?php 
    echo esc_attr($video_mp4);
    ?>
"/>
								<label></label>
								<input type="button" data-media-type="video" class="grve-upload-simple-media-button button" value="<?php 
    _e('Upload Media', GRVE_THEME_TRANSLATE);
    ?>
"/>
								<input type="button" class="grve-remove-simple-media-button button" value="<?php 
    _e('Remove', GRVE_THEME_TRANSLATE);
    ?>
"/>
							</div>
						</li>
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('OGV File URL', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<input type="text" id="grve-page-feature-video-ogv" class="grve-upload-simple-media-field grve-meta-text" name="grve_video_item_ogv" value="<?php 
    echo esc_attr($video_ogv);
    ?>
"/>
								<label></label>
								<input type="button" data-media-type="video" class="grve-upload-simple-media-button button" value="<?php 
    _e('Upload Media', GRVE_THEME_TRANSLATE);
    ?>
"/>
								<input type="button" class="grve-remove-simple-media-button button" value="<?php 
    _e('Remove', GRVE_THEME_TRANSLATE);
    ?>
"/>
							</div>
						</li>
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('Fallback Image', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<input type="text" id="grve-page-feature-video-bg-image" class="grve-upload-simple-media-field"  name="grve_video_item_bg_image" value="<?php 
    echo esc_attr($video_bg_image);
    ?>
"/>
								<label></label>
								<input type="button" data-media-type="image" class="grve-upload-simple-media-button button-primary" value="<?php 
    _e('Upload Image', GRVE_THEME_TRANSLATE);
    ?>
"/>
								<input type="button" class="grve-remove-simple-media-button button" value="<?php 
    _e('Remove', GRVE_THEME_TRANSLATE);
    ?>
"/>
							</div>
						</li>
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('Loop', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<select name="grve_video_item_loop">
									<option value="yes" <?php 
    selected('yes', $video_loop);
    ?>
><?php 
    _e('Yes', GRVE_THEME_TRANSLATE);
    ?>
</option>
									<option value="no" <?php 
    selected('no', $video_loop);
    ?>
><?php 
    _e('No', GRVE_THEME_TRANSLATE);
    ?>
</option>
								</select>
							</div>
						</li>
						<li>
							<div class="grve-setting">
								<label><?php 
    _e('Muted', GRVE_THEME_TRANSLATE);
    ?>
</label>
								<select name="grve_video_item_muted">
									<option value="yes" <?php 
    selected('yes', $video_muted);
    ?>
><?php 
    _e('Yes', GRVE_THEME_TRANSLATE);
    ?>
</option>
									<option value="no" <?php 
    selected('no', $video_muted);
    ?>
><?php 
    _e('No', GRVE_THEME_TRANSLATE);
    ?>
</option>
								</select>
							</div>
						</li>
					</ul>
					<?php 
    grve_print_admin_feature_video_item($video_item);
    ?>
				</div>
			</div>
		</div>

<?php 
}
Ejemplo n.º 4
0
function grve_print_feature_map_point($map_item, $default_marker)
{
    $map_lat = grve_array_value($map_item, 'lat', '51.516221');
    $map_lng = grve_array_value($map_item, 'lng', '-0.136986');
    $map_marker = grve_array_value($map_item, 'marker', $default_marker);
    $map_title = grve_array_value($map_item, 'title');
    $map_infotext = grve_array_value($map_item, 'info_text', '');
    $button_text = grve_array_value($map_item, 'button_text');
    $button_url = grve_array_value($map_item, 'button_url');
    $button_url = esc_url($button_url);
    $button_type = grve_array_value($map_item, 'button_type', '');
    $button_size = grve_array_value($map_item, 'button_size', 'extrasmall');
    $button_color = grve_array_value($map_item, 'button_color', 'primary-1');
    $button_shape = grve_array_value($map_item, 'button_shape', 'square');
    $button_target = grve_array_value($map_item, 'button_target', '_self');
    $button_target = esc_attr($button_target);
    $button_class = grve_array_value($map_item, 'button_class');
    ?>
	<div style="display:none" class="grve-map-point" data-point-lat="<?php 
    echo esc_attr($map_lat);
    ?>
" data-point-lng="<?php 
    echo esc_attr($map_lng);
    ?>
" data-point-marker="<?php 
    echo esc_attr($map_marker);
    ?>
" data-point-title="<?php 
    echo esc_attr($map_title);
    ?>
">
		<?php 
    if (!empty($map_title) || !empty($map_infotext) || !empty($button_text)) {
        ?>
		<div class="grve-map-infotext">
			<?php 
        if (!empty($map_title)) {
            ?>
			<h6 class="grve-infotext-title"><?php 
            echo $map_title;
            ?>
</h6>
			<?php 
        }
        ?>
			<?php 
        if (!empty($map_infotext)) {
            ?>
			<p class="grve-infotext-description"><?php 
            echo $map_infotext;
            ?>
</p>
			<?php 
        }
        ?>
			<?php 
        if (!empty($button_text)) {
            ?>
			<a class="grve-infotext-link <?php 
            echo esc_attr($button_class);
            ?>
" href="<?php 
            echo $button_url;
            ?>
" target="<?php 
            echo $button_target;
            ?>
"><?php 
            echo $button_text;
            ?>
</a>
			<?php 
        }
        ?>
		</div>
		<?php 
    }
    ?>
	</div>
<?php 
}
Ejemplo n.º 5
0
/**
 * Generic function that prints a slider or gallery
 */
function grve_print_gallery_slider($gallery_mode, $slider_items, $image_size_slider = 'grve-image-large-rect-horizontal', $extra_class = "")
{
    if (empty($slider_items)) {
        return;
    }
    $image_size_gallery_thumb = 'grve-image-small-square';
    if ('gallery-vertical' == $gallery_mode) {
        $image_size_gallery_thumb = $image_size_slider;
    }
    $start_block = $end_block = $item_class = '';
    if ('gallery' == $gallery_mode || '' == $gallery_mode || 'gallery-vertical' == $gallery_mode) {
        $gallery_index = 0;
        ?>
		<div class="grve-media">
			<ul class="grve-post-gallery grve-post-gallery-popup <?php 
        echo esc_attr($extra_class);
        ?>
">
<?php 
        foreach ($slider_items as $slider_item) {
            $media_id = $slider_item['id'];
            $full_src = wp_get_attachment_image_src($media_id, 'grve-image-fullscreen');
            $image_full_url = esc_url($full_src[0]);
            $thumb_src = wp_get_attachment_image_src($media_id, $image_size_gallery_thumb);
            $image_thumb_url = esc_url($thumb_src[0]);
            $image_dimensions = 'width="' . $thumb_src[1] . '" height="' . $thumb_src[2] . '"';
            $alt = get_post_meta($media_id, '_wp_attachment_image_alt', true);
            $alt = !empty($alt) ? esc_attr($alt) : '';
            $caption = get_post_field('post_excerpt', $media_id);
            $figcaption = '';
            if (!empty($caption)) {
                $figcaption = wptexturize($caption);
            }
            echo '

				<li class="grve-image-hover">
					<a title="' . $figcaption . '" href="' . $image_full_url . '">
						<img src="' . $image_thumb_url . '" alt="' . $alt . '" ' . $image_dimensions . '>
					</a>
				</li>
			';
        }
        ?>
			</ul>
		</div>
<?php 
    } else {
        $slider_settings = array();
        if (is_singular('post') || is_singular('portfolio')) {
            if (is_singular('post')) {
                $slider_settings = grve_post_meta('grve_post_slider_settings');
            } else {
                $slider_settings = grve_post_meta('grve_portfolio_slider_settings');
            }
        }
        $slider_speed = grve_array_value($slider_settings, 'slideshow_speed', '2500');
        $slider_dir_nav = grve_array_value($slider_settings, 'direction_nav', '2');
        ?>
		<div class="grve-media">
			<div class="grve-carousel-wrapper">
				<div class="grve-carousel-navigation grve-dark" data-navigation-type="<?php 
        echo esc_attr($slider_dir_nav);
        ?>
">
					<div class="grve-carousel-buttons">
						<div class="grve-carousel-prev grve-icon-nav-left"></div>
						<div class="grve-carousel-next grve-icon-nav-right"></div>
					</div>
				</div>
				<div class="grve-slider grve-carousel-element " data-slider-speed="<?php 
        echo esc_attr($slider_speed);
        ?>
" data-slider-pause="yes" data-slider-autoheight="no">
<?php 
        foreach ($slider_items as $slider_item) {
            $media_id = $slider_item['id'];
            $full_src = wp_get_attachment_image_src($media_id, $image_size_slider);
            $image_url = esc_url($full_src[0]);
            $image_dimensions = 'width="' . $full_src[1] . '" height="' . $full_src[2] . '"';
            $alt = get_post_meta($media_id, '_wp_attachment_image_alt', true);
            $alt = !empty($alt) ? esc_attr($alt) : '';
            echo '<div class="grve-slider-item"><img src="' . $image_url . '" alt="' . $alt . '" ' . $image_dimensions . '></div>';
        }
        ?>
				</div>
			</div>
		</div>
<?php 
    }
}
function grve_print_admin_single_custom_sidebar($sidebar_item, $mode = '')
{
    $grve_button_class = "grve-custom-sidebar-item-delete-button";
    $sidebar_item_id = uniqid('grve_sidebar_');
    if ($mode = "new") {
        $grve_button_class = "grve-custom-sidebar-item-delete-button grve-item-new";
    }
    ?>
	
	
	<div class="grve-custom-sidebar-item">
		<input class="<?php 
    echo esc_attr($grve_button_class);
    ?>
 button" type="button" value="<?php 
    _e('Delete', GRVE_THEME_TRANSLATE);
    ?>
">
		<h3 class="grve-custom-sidebar-title">
			<span><?php 
    _e('Custom Sidebar', GRVE_THEME_TRANSLATE);
    ?>
: <?php 
    echo grve_array_value($sidebar_item, 'name');
    ?>
</span>
		</h3>
		<div class="grve-custom-sidebar-settings">
			<input type="hidden" name="grve_custom_sidebar_item_id[]" value="<?php 
    echo grve_array_value($sidebar_item, 'id', $sidebar_item_id);
    ?>
">
			<input type="hidden" class="grve-custom-sidebar-item-name" name="grve_custom_sidebar_item_name[]" value="<?php 
    echo grve_array_value($sidebar_item, 'name');
    ?>
"/>
		</div>
	</div>
	
<?php 
}
Ejemplo n.º 7
0
/**
 * Prints title/subtitle ( Post )
 */
function grve_print_post_header_title($position = 'top')
{
    if (grve_check_title_visibility()) {
        $post_title_height = grve_option('post_title_height', '350');
        $post_title_color = grve_option('post_title_color', 'light');
        $post_style = grve_option('post_style', 'default');
        $bg_image = 'post_title_background';
        if ('simple' == $post_style) {
            ?>
			<!-- Post Title -->
			<h1 class="grve-post-simple-title" itemprop="name headline"><span><?php 
            the_title();
            ?>
</span></h1>
			<!-- End Post Title -->
<?php 
        } else {
            if ('content' != $position) {
                global $post;
                $grve_post_title_bg = get_post_meta($post->ID, 'grve_post_title_bg', true);
                $bg_mode = grve_array_value($grve_post_title_bg, 'mode');
                if (!empty($bg_mode)) {
                    $post_title_height = grve_array_value($grve_post_title_bg, 'height', '350');
                }
                ?>
			<!-- Post Title -->
			<div id="grve-post-title" class="grve-align-center" style="height:<?php 
                echo esc_attr($post_title_height);
                ?>
px;">
				<div id="grve-post-title-content" data-height="<?php 
                echo esc_attr($post_title_height);
                ?>
">
					<?php 
                do_action('grve_post_title_top');
                ?>
					<div class="grve-container">
						<h1 class="grve-title grve-<?php 
                echo esc_attr($post_title_color);
                ?>
" itemprop="name headline"><span><?php 
                the_title();
                ?>
</span></h1>
						<?php 
                if ('default' == $post_style) {
                    grve_print_post_social($post_title_color);
                }
                ?>
					</div>
					<?php 
                do_action('grve_post_title_bottom');
                ?>
				</div>
				<?php 
                grve_print_title_bg_image_container($bg_image, $grve_post_title_bg);
                ?>
			</div>
			<!-- End Post Title -->
<?php 
            }
        }
    }
}
Ejemplo n.º 8
0
function grve_meta_box_post_format_gallery($post)
{
    wp_nonce_field('grve_nonce_save', 'grve_post_format_gallery_save_nonce');
    $gallery_mode = get_post_meta($post->ID, 'grve_post_type_gallery_mode', true);
    $gallery_image_mode = get_post_meta($post->ID, 'grve_post_type_gallery_image_mode', true);
    $slider_items = get_post_meta($post->ID, 'grve_post_slider_items', true);
    $media_slider_settings = get_post_meta($post->ID, 'grve_post_slider_settings', true);
    $media_slider_speed = grve_array_value($media_slider_settings, 'slideshow_speed', '3500');
    $media_slider_dir_nav = grve_array_value($media_slider_settings, 'direction_nav', '2');
    ?>
			<table class="form-table grve-metabox">
				<tbody>
					<tr class="grve-border-bottom">
						<th>
							<label for="grve-post-gallery-mode">
								<strong><?php 
    _e('Gallery Mode', GRVE_THEME_TRANSLATE);
    ?>
</strong>
								<span>
									<?php 
    _e('Select Gallery mode.', GRVE_THEME_TRANSLATE);
    ?>
								</span>
							</label>
						</th>
						<td>
							<select id="grve-post-gallery-mode" name="grve_post_type_gallery_mode">
								<option value="" <?php 
    selected('', $gallery_mode);
    ?>
><?php 
    _e('Gallery', GRVE_THEME_TRANSLATE);
    ?>
</option>
								<option value="slider" <?php 
    selected('slider', $gallery_mode);
    ?>
><?php 
    _e('Slider', GRVE_THEME_TRANSLATE);
    ?>
</option>
							</select>
						</td>
					</tr>
					<tr id="grve-post-gallery-image-mode-section" class="grve-post-media-item" <?php 
    if ("" == $gallery_mode) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
						<th>
							<label for="grve-post-gallery-image-mode">
								<strong><?php 
    _e('Image Mode', GRVE_THEME_TRANSLATE);
    ?>
</strong>
								<span>
									<?php 
    _e('Select image mode.', GRVE_THEME_TRANSLATE);
    ?>
								</span>
							</label>
						</th>
						<td>
							<select id="grve-post-gallery-image-mode" name="grve_post_type_gallery_image_mode">
								<option value="" <?php 
    selected('', $gallery_image_mode);
    ?>
><?php 
    _e('Auto Crop', GRVE_THEME_TRANSLATE);
    ?>
</option>
								<option value="resize" <?php 
    selected('resize', $gallery_image_mode);
    ?>
><?php 
    _e('Resize', GRVE_THEME_TRANSLATE);
    ?>
</option>
							</select>
						</td>
					</tr>
					<tr id="grve-post-media-slider-speed" class="grve-post-media-item" <?php 
    if ("" == $gallery_mode) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
						<th>
							<label for="grve-post-slider-speed">
								<strong><?php 
    _e('Slideshow Speed', GRVE_THEME_TRANSLATE);
    ?>
</strong>
							</label>
						</th>
						<td>
							<input type="text" id="grve-post-slider-speed" name="grve_post_slider_settings_speed" value="<?php 
    echo esc_attr($media_slider_speed);
    ?>
" /> ms
						</td>
					</tr>
					<tr id="grve-post-media-slider-direction-nav" class="grve-post-media-item" <?php 
    if ("" == $gallery_mode) {
        ?>
 style="display:none;" <?php 
    }
    ?>
>
						<th>
							<label for="grve-post-slider-direction-nav">
								<strong><?php 
    _e('Navigation Buttons', GRVE_THEME_TRANSLATE);
    ?>
</strong>
							</label>
						</th>
						<td>
							<select id="grve-post-slider-direction-nav" name="grve_post_slider_settings_direction_nav">
								<option value="1" <?php 
    selected("1", $media_slider_dir_nav);
    ?>
>
									<?php 
    _e('Style 1', GRVE_THEME_TRANSLATE);
    ?>
								</option>
								<option value="2" <?php 
    selected("2", $media_slider_dir_nav);
    ?>
>
									<?php 
    _e('Style 2', GRVE_THEME_TRANSLATE);
    ?>
								</option>
								<option value="3" <?php 
    selected("3", $media_slider_dir_nav);
    ?>
>
									<?php 
    _e('Style 3', GRVE_THEME_TRANSLATE);
    ?>
								</option>
								<option value="4" <?php 
    selected("4", $media_slider_dir_nav);
    ?>
>
									<?php 
    _e('Style 4', GRVE_THEME_TRANSLATE);
    ?>
								</option>
								<option value="0" <?php 
    selected("0", $media_slider_dir_nav);
    ?>
>
									<?php 
    _e('No Navigation', GRVE_THEME_TRANSLATE);
    ?>
								</option>
							</select>
						</td>
					</tr>
					<tr>
						<th>
							<label><?php 
    _e('Images', GRVE_THEME_TRANSLATE);
    ?>
</label>
						</th>
						<td>
							<input type="button" class="grve-upload-slider-button button-primary" value="<?php 
    _e('Insert Images to Gallery/Slider', GRVE_THEME_TRANSLATE);
    ?>
"/>
							<span id="grve-upload-slider-button-spinner" class="grve-action-spinner"></span>
						</td>
					</tr>
				</tbody>
			</table>
			<div id="grve-slider-container" class="grve-slider-container-minimal" data-mode="minimal">
				<?php 
    if (!empty($slider_items)) {
        grve_print_admin_media_slider_items($slider_items);
    }
    ?>
			</div>
	<?php 
}