function stpb_count_to($pre_name = '', $data_values = array(), $post = false, $no_value = false, $interface = false)
{
?>
<div class="item">
<div class="left width-50">
<?php
stpb_input_text($pre_name . '[title]', $data_values['title']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Title', 'smooththemes');
?>
</strong>
<span><?php
_e('Title of CountTo box', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_text($pre_name . '[form]', $data_values['from']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('From', 'smooththemes');
?>
</strong>
<span><?php
_e('The number to start counting from.', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_text($pre_name . '[to]', $data_values['to']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('To', 'smooththemes');
?>
</strong>
<span><?php
_e('The number to stop counting at.', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_select_one($pre_name . '[size]', $data_values['size'], array('medium' => __('medium', 'smooththemes'), 'small' => __('Small', 'smooththemes'), 'large' => __('Large', 'smooththemes')));
?>
</div>
<div class="right width-50">
<strong><?php
_e('Size', 'smooththemes');
?>
</strong>
<span><?php
_e('Choose your Size.', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_text($pre_name . '[speed]', $data_values['speed']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Speed', 'smooththemes');
?>
</strong>
<span><?php
_e('The number of milliseconds it should take to finish counting.', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item trackColor">
<div class="left width-50">
<?php
stpb_input_color($pre_name . '[number_color]', $data_values['number_color']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Number Color', 'smooththemes');
?>
</strong>
<span><?php
_e('The color of Number.', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item trackColor">
<div class="left width-50">
<?php
stpb_input_color($pre_name . '[text_color]', $data_values['text_color']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Text Color', 'smooththemes');
?>
</strong>
<span><?php
_e('The color of text.', 'smooththemes');
?>
</span>
</div>
</div>
<?php
}
function stpb_input_ui_tpl($name = '', $item_value = array(), $supports = array(), $index = '-1', $titles = array(), $more_fields = array())
{
$item_value = wp_parse_args($item_value, array('title' => '', 'content' => '', 'image' => '', 'autop' => '', 'switch_icon_image' => ''));
if ($item_value['switch_icon_image'] == '' && $supports['icon'] == true) {
$item_value['switch_icon_image'] = 'icon';
}
?>
<div class="stpb-widget widget closed">
<div class="ui-handlediv" title="<?php
_e('Click to toggle', 'smooththemes');
?>
"><i class="iconentypo-down-open"></i></div>
<span class="remove stwrmt " href="#"><i class="iconentypo-cancel"></i></span>
<div class="stpb-hndle">
<i class="iconentypo-move algt"></i>
<?php
if ($supports['icon'] == true || $supports['image'] == true) {
?>
<span class="thumb-previw">
<div class="mi">
</div>
</span>
<?php
}
?>
<?php
if ($supports['title'] == true) {
?>
<p class="algt">
<?php
echo $titles['title'];
?>
<span class="live-title"><?php
echo esc_html($item_value['title']);
?>
</span>
</p>
<?php
}
?>
</div>
<div class="inside">
<div class="widget-content">
<div class="widget-content">
<?php
if ($supports['title'] == true) {
?>
<p><label><?php
echo $titles['title'];
?>
</label>
<input type="text" class="ui-title ui-input" <?php
echo $index >= 0 ? ' data-name="' . $name . '[' . $index . '][title]' . '" ' : '';
?>
data-ui-name="<?php
echo '[title]';
?>
" value="<?php
echo esc_attr($item_value['title']);
?>
" ></p>
<?php
}
?>
<?php
if ($supports['switch_icon_image'] == true && $supports['icon'] == true && $supports['image'] == true) {
?>
<label><?php
_e('Image Type:', 'smooththemes');
?>
</label>
<select <?php
echo $index >= 0 ? ' data-name="' . $name . '[' . $index . '][switch_icon_image]' . '" ' : '';
?>
data-ui-name="<?php
echo '[switch_icon_image]';
?>
" class="switch_icon_image select <?php
echo st_input_class(array('select-one'));
?>
">
<?php
foreach (array('icon' => __('icon', 'smooththemes'), 'image' => __('Image', 'smooththemes')) as $k => $op) {
$selected = "";
if ($item_value['switch_icon_image'] == $k) {
$selected = ' selected="selected" ';
}
echo '<option ' . $selected . 'value="' . esc_attr($k) . '" >' . esc_html($op) . '</option>';
}
?>
</select>
<?php
}
?>
<?php
if ($supports['image'] == true) {
/*
?>
<div class="ui-item-icon-image ui-item-image" <?php echo $item_value['switch_icon_image']=='icon'? ' style="display: none;" ' :''; ?> >
<label><?php echo $titles['image']; ?></label>
<span class="st-upload-wrap">
<input type="text" <?php echo ($index>=0) ? ' data-name="'.$name.'['.$index.'][image]'.'" ' : ''; ?> data-ui-name="<?php echo '[image]'; ?>" class="st-upload-input input-upload" value="<?php echo esc_attr($item_value['image']); ?>">
<input type="button" class="st-upload-button button-primary" value="<?php _e('Select image','smooththemes') ?>"/>
<a href="#" <?php echo ($item_value['image']!='')? '' : ' style="display: none;" '; ?> title="<?php _e('Remove','smooththemes') ?>" class="remove_image"><i class="iconentypo-cancel"></i></a>
</span>
</div>
*/
?>
<div class="ui-item-icon-image ui-item-image" <?php
echo $item_value['switch_icon_image'] == 'icon' ? ' style="display: none;" ' : '';
?>
>
<span class="st-upload-media media-type-image" data-type="image">
<input type="hidden" <?php
echo $index >= 0 ? ' data-name="' . $name . '[' . $index . '][image_id]' . '" ' : '';
?>
data-ui-name="<?php
echo '[image_id]';
?>
" class="st-media-input media" value="<?php
echo esc_attr($item_value['image_id']);
?>
">
<input type="button" class="st-upload-button button-primary" value="<?php
_e('Slect image', 'smooththemes');
?>
"/>
<a href="#" <?php
echo $item_value['image_id'] != '' ? '' : ' style="display: none;" ';
?>
class="remove-media" title="<?php
_e('Remove', 'smooththemes');
?>
"><i class="iconentypo-cancel"></i></a>
<div class="media-preview-w">
<div class="media-preview">
<?php
if ($item_value['image_id'] != '') {
$src = stpb_get_img_src_by_id($item_value['image_id']);
?>
<div class="mi"><div class="mid"><img src="<?php
echo $src;
?>
" alt=""></div></div>
<?php
}
?>
</div>
</div>
</span>
</div>
<?php
}
?>
<?php
if ($supports['icon'] == true) {
?>
<div class="ui-item-icon-image ui-item-icon" <?php
echo $item_value['switch_icon_image'] == 'image' ? ' style="display: none;" ' : '';
?>
>
<label><?php
echo $titles['icon'];
?>
</label>
<div class="st-icon-popup-wrap">
<div class="icon-action">
<div class="selected-icon" title="<?php
_e('Change icon', 'smooththemes');
?>
"><i class="<?php
echo esc_attr($item_value['icon']);
?>
"></i> </div>
<label><?php
_e('Icon name', 'smooththemes');
?>
</label><br/>
<input type="text" value="<?php
echo esc_attr($item_value['icon']);
?>
" class="st-icon-value" <?php
echo $index >= 0 ? ' data-name="' . $name . '[' . $index . '][icon]' . '" ' : '';
?>
data-ui-name="<?php
echo '[icon]';
?>
">
</div>
<div class="clear"></div>
</div>
</div>
<?php
}
?>
<?php
if (is_array($more_fields)) {
foreach ($more_fields as $field) {
if ($field['type'] == 'heading') {
?>
<div class="ui-heading">
<?php
echo $field['title'];
?>
</div>
<?php
} elseif ($field['type'] == 'text') {
?>
<p><label><?php
echo $field['title'];
?>
</label>
<input type="text" class="ui-input" <?php
echo $index >= 0 ? ' data-name="' . $name . '[' . $index . '][' . $field['name'] . ']' . '" ' : '';
?>
data-ui-name="<?php
echo '[' . $field['name'] . ']';
?>
" value="<?php
echo esc_attr($item_value[$field['name']]);
?>
" >
</p>
<?php
} else {
if ($field['type'] == 'upload') {
?>
<div class="ui-item-image" >
<label><?php
echo $field['title'];
?>
</label>
<span class="st-upload-wrap">
<input type="text" <?php
echo $index >= 0 ? ' data-name="' . $name . '[' . $index . '][' . $field['name'] . ']' . '" ' : '';
?>
data-ui-name="<?php
echo '[' . $field['name'] . ']';
?>
" class="st-upload-input input-upload" value="<?php
echo esc_attr($item_value[$field['name']]);
?>
">
<input type="button" class="st-upload-button button-primary" value="<?php
_e('Select image', 'smooththemes');
?>
"/>
<a href="#" <?php
echo $item_value[$field['name']] != '' ? '' : ' style="display: none;" ';
?>
class="remove_image" title="<?php
_e('Remove', 'smooththemes');
?>
"><i class="iconentypo-cancel"></i></a>
</span>
</div>
<?php
} else {
if ($field['type'] == 'link') {
?>
<div class="ui-link">
<label><?php
echo $field['title'];
?>
</label>
<?php
stpb_input_link($name . '[' . $index . '][' . $field['name'] . ']', $item_value[$field['name']], ' data-ui-name="[' . $field['name'] . ']" ');
?>
</div>
<?php
} else {
if ($field['type'] == 'color') {
?>
<div class="ui-color">
<label><?php
echo $field['title'];
?>
</label>
<?php
stpb_input_color($name . '[' . $index . '][' . $field['name'] . ']', $item_value[$field['name']], '', false, ' data-ui-name="[' . $field['name'] . ']" ');
?>
</div>
<?php
}
}
}
}
}
}
?>
<?php
if ($supports['content'] == true) {
?>
<div class="st-editor">
<textarea class="ui-cont ui-input" rows="10" <?php
echo $index >= 0 ? ' data-name="' . $name . '[' . $index . '][content]' . '" ' : '';
?>
data-ui-name="<?php
echo '[content]';
?>
"><?php
echo esc_attr($item_value['content']);
?>
</textarea>
</div>
<span class="desc"><?php
_e('Arbitrary text or HTML', 'smooththemes');
?>
</span>
<p><label><input type="checkbox" <?php
echo $item_value['autop'] == 1 ? ' checked="checked" ' : '';
?>
<?php
echo $index >= 0 ? ' data-name="' . $name . '[' . $index . '][autop]' . '" ' : '';
?>
data-ui-name="<?php
echo '[autop]';
?>
" value="1" class="ui-autop" > <?php
_e('Automatically add paragraphs', 'smooththemes');
?>
</label></p>
<?php
}
?>
</div>
<div class="widget-control-actions">
<div class="alignleft">
<a class="remove" href="#remove"><?php
_e('Remove', 'smooththemes');
?>
</a> |
<a class="close" href="#close"><?php
_e('Close', 'smooththemes');
?>
</a>
</div>
<br class="clear">
</div>
</div>
</div>
</div>
<?php
}
/**
* hook stpb_col_settings
* @param array $settings_value
*/
function stpb_layout_row_settings($settings_value = array())
{
$pre_name = '[settings]';
if (!is_array($settings_value)) {
$settings_value = array();
}
?>
<div class="item">
<div class="left width-50">
<?php
stpb_input_select_one($pre_name . '[mod]', $settings_value['mod'], array('boxed' => __('Boxed', 'smooththemes'), 'full-width' => __('Full Width', 'smooththemes')), '.section-inside-mod', '');
?>
</div>
<div class="right width-50">
<strong><?php
_e('Section Mod', 'smooththemes');
?>
</strong>
</div>
</div>
<div class="item section-inside-mod show-on-select-change" show-on="full-width">
<div class="left width-50">
<?php
stpb_input_select_one($pre_name . '[inside_mod]', $settings_value['inside_mod'], array('boxed' => __('Boxed', 'smooththemes'), 'full-width' => __('Full Width', 'smooththemes')));
?>
</div>
<div class="right width-50">
<strong><?php
_e('Content Inside Mod', 'smooththemes');
?>
</strong>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_select_one($pre_name . '[padding]', $settings_value['padding'], array('default-padding' => __('Default', 'smooththemes'), 'large-padding' => __('Large Padding', 'smooththemes'), 'no-padding' => __('No Padding', 'smooththemes'), 'custom' => __('Custom Padding', 'smooththemes')), '.custom_row_padding');
?>
</div>
<div class="right width-50">
<strong><?php
_e('Section padding', 'smooththemes');
?>
</strong>
</div>
</div>
<div class="item custom_row_padding show-on-select-change" show-on="custom">
<div class="left width-50">
<?php
stpb_input_text($pre_name . '[padding_top]', $settings_value['padding_top']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Section Padding top', 'smooththemes');
?>
</strong>
<span><?php
_e('Padding top in pixel.', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item custom_row_padding show-on-select-change" show-on="custom">
<div class="left width-50">
<?php
stpb_input_text($pre_name . '[padding_bottom]', $settings_value['padding_bottom']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Section Padding bottom', 'smooththemes');
?>
</strong>
<span><?php
_e('Padding top in pixel.', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item custom_row_padding show-on-select-change" show-on="custom">
<div class="left width-50">
<?php
stpb_input_text($pre_name . '[padding_left]', $settings_value['padding_left']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Section Padding left', 'smooththemes');
?>
</strong>
<span><?php
_e('Padding left in pixel.', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item custom_row_padding show-on-select-change" show-on="custom">
<div class="left width-50">
<?php
stpb_input_text($pre_name . '[padding_right]', $settings_value['padding_right']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Section Padding right', 'smooththemes');
?>
</strong>
<span><?php
_e('Padding right in pixel.', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_text($pre_name . '[margin_top]', $settings_value['margin_top']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Section Margin top', 'smooththemes');
?>
</strong>
<span><?php
_e('Margin top in pixel.', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_text($pre_name . '[margin_bottom]', $settings_value['margin_bottom']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Section Margin Bottom', 'smooththemes');
?>
</strong>
<span><?php
_e('Margin bottom in pixel.', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_select_one($pre_name . '[is_parallax]', $settings_value['is_parallax'], array('n' => __('No', 'smooththemes'), 'y' => __('Yes', 'smooththemes')), '.is_parallax_mod');
?>
</div>
<div class="right width-50">
<strong><?php
_e('Enable parallax effect ', 'smooththemes');
?>
</strong>
<span><?php
_e('This option required Background Image.', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item show-on-select-change is_parallax_mod" show-on="y">
<div class="left width-50">
<?php
stpb_input_text($pre_name . '[opacity]', $settings_value['opacity']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Opacity', 'smooththemes');
?>
</strong>
<span><?php
_e('Background opacity (0 to 1).', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_select_one($pre_name . '[border]', $settings_value['border'], array('' => __('No border', 'smooththemes'), 'section-bordered' => __('Border top and bottom', 'smooththemes')));
?>
</div>
<div class="right width-50">
<strong><?php
_e('Section border', 'smooththemes');
?>
</strong>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_color($pre_name . '[bg_color]', $settings_value['bg_color']);
?>
</div>
<div class="right width-50">
<strong><?php
_e(' Background Color', 'smooththemes');
?>
</strong>
<span><?php
_e('Select a custom background color for your Section here. Leave empty if you want to use the background color of the color scheme defined above', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_upload($pre_name . '[bg_img]', $settings_value['bg_img']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Background image', 'smooththemes');
?>
</strong>
<span><?php
_e('Enter image url, or choose an existing image from your media library. Leave empty if you want to use the background image of the color scheme defined above', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_select_one($pre_name . '[bg_position]', $settings_value['bg_position'], array('tl' => __('Top left', 'smooththemes'), 'tc' => __('Top center', 'smooththemes'), 'tr' => __('Top right', 'smooththemes'), 'cc' => __('Center', 'smooththemes'), 'bl' => __('Bottom left', 'smooththemes'), 'bc' => __('Bottom center', 'smooththemes'), 'br' => __('Bottom right', 'smooththemes')));
?>
</div>
<div class="right width-50">
<strong><?php
_e('Background Image Position', 'smooththemes');
?>
</strong>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_select_one($pre_name . '[bg_repeat]', $settings_value['bg_repeat'], array('repeat' => __('Repeat', 'smooththemes'), 'no-repeat' => __('No repeat', 'smooththemes'), 'repeat-x' => __('Horizontally', 'smooththemes'), 'repeat-y' => __('Vertically', 'smooththemes')));
?>
</div>
<div class="right width-50">
<strong><?php
_e('Background Repeat', 'smooththemes');
?>
</strong>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_select_one($pre_name . '[bg_attachment]', $settings_value['bg_attachment'], array('scroll' => __('Scroll', 'smooththemes'), 'fixed' => __('Fixed', 'smooththemes'), 'stretch' => __('Stretch to fit', 'smooththemes')));
?>
</div>
<div class="right width-50">
<strong><?php
_e('Background Attachment', 'smooththemes');
?>
</strong>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_text($pre_name . '[custom_class]', $settings_value['custom_class']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Section Class', 'smooththemes');
?>
</strong>
<span><?php
_e('Custom Section Class class name for your own style', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item">
<div class="left width-50">
<?php
stpb_input_text($pre_name . '[custom_id]', $settings_value['custom_id']);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Section ID', 'smooththemes');
?>
</strong>
<span><?php
_e('Custom Section ID id for your own style or script', 'smooththemes');
?>
</span>
</div>
</div>
<?php
}
function page_options_inferface()
{
global $post;
$name = ST_Page_Builder::PAGE_OPTIONS_NAME;
$save_values = ST_Page_Builder::get_page_options($post->ID, array());
$layouts = st_page_layout_config();
$inter = new ST_Page_Builder_Interface();
$sidebars = $inter->get_sidebar_widgets();
wp_nonce_field(plugin_basename(__FILE__), 'stPageBuilder_nonce');
?>
<div class="st-page-options stpb-lb-content-settings">
<?php
do_action('st_page_options_before_settings', $name, $save_values);
?>
<div class="st-option-item item">
<div class="width-50 left">
<?php
stpb_input_select_one($name . '[layout]', $save_values['layout'], $layouts, '.st-select-sidebar', '', true);
?>
</div>
<div class="width-50 right">
<strong><?php
_e('Layout', 'smooththemes');
?>
</strong>
<span><?php
_e('Select the desired Page layout', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item st-option-item show-on-select-change st-select-sidebar" show-on="right-sidebar left-right-sidebar">
<div class="width-50 left">
<?php
stpb_input_select_one($name . '[right_sidebar]', $save_values['right_sidebar'], $sidebars, '', '', true);
?>
</div>
<div class="width-50 right">
<strong><?php
_e('Right Sidebar', 'smooththemes');
?>
</strong>
<span><?php
_e('Choose a custom right sidebar for this entry', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item st-option-item show-on-select-change st-select-sidebar" show-on="left-sidebar left-right-sidebar">
<div class="width-50 left">
<?php
stpb_input_select_one($name . '[left_sidebar]', $save_values['left_sidebar'], $sidebars, '', '', true);
?>
</div>
<div class="width-50 right">
<strong><?php
_e('Left Sidebar', 'smooththemes');
?>
</strong>
<span><?php
_e('Choose a custom left sidebar for this entry', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item st-option-item">
<div class="width-50 left">
<?php
stpb_input_select_one($name . '[show_page_el]', $save_values['show_page_el'], array('yes' => __('Yes', 'smooththemes'), 'no' => __('No', 'smooththemes')), '.show_page_el', '', true);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Show Top Elements', 'smooththemes');
?>
</strong>
<span><?php
_e('Display the Header with Page Title, Breadcrumb Navigation,...', 'smooththemes');
?>
</span>
</div>
</div>
<?php
do_action('st_after_show_page_el_settings', $name, $save_values);
// title bar settings
if (current_theme_supports('st-titlebar')) {
?>
<div class="item st-option-item show-on-select-change show_page_el" show-on="yes">
<div class="width-50 left">
<?php
stpb_input_select_one($name . '[titlebar]', $save_values['titlebar'], array('default' => __('Default - Set in Theme Options', 'smooththemes'), 'defined' => __('Defined Style', 'smooththemes'), 'custom' => __('Custom', 'smooththemes')), '.title_bar_style', '', true);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Title bar Style', 'smooththemes');
?>
</strong>
<span><?php
_e('', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item st-option-item show-on-select-change title_bar_style show_page_el" show-on="yes defined">
<div class="width-50 left">
<?php
$list_titlebar_bg = apply_filters('st_titlebar_list_bg', array());
stpb_input_layout($name . '[titlebar_defined]', $save_values['titlebar_defined'], $list_titlebar_bg, true);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Title bar style', 'smooththemes');
?>
</strong>
<span><?php
_e('Select defined title bar style.', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item st-option-item show-on-select-change title_bar_style show_page_el" show-on="custom">
<div class="width-50 left">
<?php
stpb_input_media($name . '[titlebar_bg_img]', $save_values['titlebar_bg_img'], 'image', __('Select/Change image', 'smooththemes'), '', true);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Titlebar background image', 'smooththemes');
?>
</strong>
<span><?php
_e('', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item st-option-item show-on-select-change title_bar_style show_page_el" show-on="custom">
<div class="left width-50">
<?php
stpb_input_color($name . '[titlebar_bg_color]', $save_values['titlebar_bg_color'], '', true);
?>
</div>
<div class="right width-50">
<strong><?php
_e(' Titlebar Background Color', 'smooththemes');
?>
</strong>
</div>
</div>
<div class="item st-option-item show-on-select-change title_bar_style show_page_el" show-on="custom">
<div class="left width-50">
<?php
stpb_input_select_one($name . '[titlebar_bg_position]', $save_values['titlebar_bg_position'], array('tl' => __('Top left', 'smooththemes'), 'tc' => __('Top center', 'smooththemes'), 'tr' => __('Top right', 'smooththemes'), 'cc' => __('Center', 'smooththemes'), 'bl' => __('Bottom left', 'smooththemes'), 'bc' => __('Bottom center', 'smooththemes'), 'br' => __('Bottom right', 'smooththemes')), '', '', true);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Titlebar Background Image Position', 'smooththemes');
?>
</strong>
</div>
</div>
<div class="item st-option-item show-on-select-change title_bar_style show_page_el" show-on="custom">
<div class="left width-50">
<?php
stpb_input_select_one($name . '[titlebar_bg_repeat]', $save_values['titlebar_bg_repeat'], array('repeat' => __('Repeat', 'smooththemes'), 'no-repeat' => __('No repeat', 'smooththemes'), 'repeat-x' => __('Horizontally', 'smooththemes'), 'repeat-y' => __('Vertically', 'smooththemes')), '', '', true);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Titlebar Background Repeat', 'smooththemes');
?>
</strong>
</div>
</div>
<div class="item st-option-item show-on-select-change title_bar_style show_page_el" show-on="custom">
<div class="left width-50">
<?php
stpb_input_select_one($name . '[titlebar_bg_attachment]', $save_values['titlebar_bg_attachment'], array('scroll' => __('Scroll', 'smooththemes'), 'fixed' => __('Fixed', 'smooththemes'), 'stretch' => __('Stretch to fit', 'smooththemes')), '', '', true);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Titlebar Background Attachment', 'smooththemes');
?>
</strong>
</div>
</div>
<?php
do_action('st_more_titlebar_settings', $name, $save_valuess);
}
// end title bar settings
?>
<?php
if ($post->ID == st_get_shop_page()) {
?>
<div class="item st-option-item">
<div class="width-50 left">
<?php
if (!isset($save_values['shop_columns']) || $save_values['shop_columns'] == '') {
$save_values['shop_columns'] = 3;
}
stpb_input_select_one($name . '[shop_columns]', $save_values['shop_columns'], array(2 => 2, 3 => 3, 4 => 4, 6 => 6), '', '', true);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Number columns', 'smooththemes');
?>
</strong>
<span><?php
_e('How many columns of products to show ?', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item st-option-item">
<div class="width-50 left">
<?php
if (!isset($save_values['number_product']) || $save_values['number_product'] == '') {
$save_values['number_product'] = 9;
}
stpb_input_text($name . '[number_product]', $save_values['number_product'], '', true);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Number Products', 'smooththemes');
?>
</strong>
<span><?php
_e('How many products per page to show ?', 'smooththemes');
?>
</span>
</div>
</div>
<?php
// ---------relative product ---------------------------
?>
<div class="item st-option-item">
<div class="width-50 left">
<?php
stpb_input_select_one($name . '[show_relative_prod]', $save_values['show_relative_prod'], array('yes' => __('Yes', 'smooththemes'), 'no' => __('No', 'smooththemes')), '.number_relative_prod', '', true);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Show relative products', 'smooththemes');
?>
</strong>
<span><?php
_e('Display relative product on single product', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item st-option-item show-on-select-change number_relative_prod" show-on="yes">
<div class="width-50 left">
<?php
if (!isset($save_values['number_relative_prod']) || $save_values['number_relative_prod'] == '') {
$save_values['number_relative_prod'] = 3;
}
stpb_input_text($name . '[number_relative_prod]', $save_values['number_relative_prod'], '', true);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Number Relative Products', 'smooththemes');
?>
</strong>
<span><?php
_e('How many relative products to show ?', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item st-option-item show-on-select-change number_relative_prod" show-on="yes">
<div class="width-50 left">
<?php
if (!isset($save_values['relative_prod_num_col']) || $save_values['relative_prod_num_col'] == '') {
$save_values['relative_prod_num_col'] = 3;
}
stpb_input_select_one($name . '[relative_prod_num_col]', $save_values['relative_prod_num_col'], array(2 => 2, 3 => 3, 4 => 4, 6 => 6), '', '', true);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Number Relative columns', 'smooththemes');
?>
</strong>
<span><?php
_e('How many columns of Relative products to show ?', 'smooththemes');
?>
</span>
</div>
</div>
<?php
// ---------upsells product ---------------------------
?>
<div class="item st-option-item">
<div class="width-50 left">
<?php
stpb_input_select_one($name . '[show_upsells_prod]', $save_values['show_upsells_prod'], array('yes' => __('Yes', 'smooththemes'), 'no' => __('No', 'smooththemes')), '.number_upsells_prod', '', true);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Show Up-Sells products', 'smooththemes');
?>
</strong>
<span><?php
_e('Display Up-Sells product on single product', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item st-option-item show-on-select-change number_upsells_prod" show-on="yes">
<div class="width-50 left">
<?php
if (!isset($save_values['number_upsells_prod']) || $save_values['number_upsells_prod'] == '') {
$save_values['number_upsells_prod'] = 3;
}
stpb_input_text($name . '[number_upsells_prod]', $save_values['number_upsells_prod'], '', true);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Number Up-Sells Products', 'smooththemes');
?>
</strong>
<span><?php
_e('How many Up-Sells products to show ?', 'smooththemes');
?>
</span>
</div>
</div>
<div class="item st-option-item show-on-select-change number_upsells_prod" show-on="yes">
<div class="width-50 left">
<?php
if (!isset($save_values['upsells_prod_num_col']) || $save_values['upsells_prod_num_col'] == '') {
$save_values['upsells_prod_num_col'] = 3;
}
stpb_input_select_one($name . '[upsells_prod_num_col]', $save_values['upsells_prod_num_col'], array(2 => 2, 3 => 3, 4 => 4, 6 => 6), '', '', true);
?>
</div>
<div class="right width-50">
<strong><?php
_e('Number Up-Sells columns', 'smooththemes');
?>
</strong>
<span><?php
_e('How many columns of Up-Sells products to show ?', 'smooththemes');
?>
</span>
</div>
</div>
<?php
}
?>
<?php
do_action('st_page_options_more_settings', $name, $save_values);
?>
</div>
<?php
}
