It’s not an input, just to add some contents/text or HTML.
[vc_row][vc_column][vc_custom_heading text=”WooCommerce Personalized Product Options Manager Inputs Guide” font_container=”tag:h2|font_size:24|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”12px”][vc_column_text]PPOM add custom field on product page with 19 different input types. Nice and simple UI and bunch of options against each field give admin and users to personalize any product before checkout. Following details are provided for each input fields.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Creating new fields in PPOM.” font_container=”tag:h2|font_size:24|text_align:center” use_theme_fonts=”yes”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_column_text]
[/vc_column_text][vc_empty_space height=”20px”][vc_toggle title=”Meta group name?”]It’s just to label your fields group[/vc_toggle][vc_toggle title=”Control price display on product page?”]Do not show price table: From version 10 prices are shown under extra fields just before Add to cart button. If you don’t want to show this table just use following option:
We recommend to use following two options when you use options with price and client will love to see what’s actual price of product after adding options.
Show only Option’s Sum: As name suggest, only option total will be shown to client, best if you have long list of options.
Show Each Option’s Price: It will show price against each option, recommended when you have less options.[/vc_toggle][vc_toggle title=”Input CSS?”]If you are designer, you can add your own CSS. See following some help about classes.
input wrapper class: Each input is wrapped inside a div with class ppom-input-{field_data_name}
Where {field_data_name} is field’s data name property[/vc_toggle][vc_toggle title=”Apply for Categories?”]It will show these fields only selected categories. Add categories slug per line, leave blank for default.
[/vc_toggle][vc_toggle title=”Aviary API Key (Photo Editing)?”]This is special/paid add-on to edit photos with Aviary. Read more about Aviary Add-on here[/vc_toggle][/vc_column][vc_column width=”1/2″][vc_single_image image=”7738″ img_size=”medium” alignment=”center” style=”vc_box_outline” border_color=”sandy_brown” onclick=”link_image” img_caption=”PPOM Basic Settings” img_hover=”opacity”][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”PPOM PRO(WooCommerce Personalized Product Options Manager) Includes Following Input Types” font_container=”tag:h2|font_size:24|text_align:center” use_theme_fonts=”yes”][vc_empty_space][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text]
[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_column_text]
[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_custom_heading text=”General Fields” font_container=”tag:h2|font_size:24|text_align:center” use_theme_fonts=”yes”][vc_empty_space][vc_zigzag color=”vista_blue”][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1514381570841{padding-top: 30px !important;background-color: #f9f9f9 !important;}” local_scroll_id=”text-input”][vc_column][vc_custom_heading text=”1- Text Input” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text]Text input displays an input box allow client to personalize Product with text like ‘Name on Mug’ etc.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8046″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fhappy-ninja%2F|title:Text%20input%20demo|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1514382023486{padding-top: 30px !important;background-color: #ffffff !important;}” local_scroll_id=”email-input”][vc_column][vc_custom_heading text=”2- Email Input” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text]Text input displays an email input box allow client to personalize Product with e-mail address.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8053″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fhappy-ninja%2F|title:Text%20input%20demo|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1514382039751{padding-top: 30px !important;background-color: #f9f9f9 !important;}” local_scroll_id=”textarea-input”][vc_column][vc_custom_heading text=”3- Textarea Input” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text]Just like Text input displays an a larger box allow client to personalize Product with text.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8058″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets]
Note: Width (columns) are manipulated with field width[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fhappy-ninja%2F|title:Text%20input%20demo|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1514382052885{padding-top: 30px !important;background-color: #ffffff !important;}” local_scroll_id=”number-input”][vc_column][vc_custom_heading text=”4- Number Input” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text]Number input displays regular Number input box allow client to personalize Product with digits only like for Phones, IDs etc.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8063″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fhappy-ninja%2F|title:Text%20input%20demo|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1514382083354{padding-top: 30px !important;background-color: #f9f9f9 !important;}” local_scroll_id=”date-input”][vc_column][vc_custom_heading text=”5- Date Input” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text]Date input displays regular Date using input box allow client to personalize Product with Date e.g Date of birth etc. It use HTM5 datepicker however you can enable jQuery UI Datepicker from settings.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8067″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fhappy-ninja%2F|title:Text%20input%20demo|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1514382097942{padding-top: 30px !important;}” local_scroll_id=”radio-input”][vc_column][vc_custom_heading text=”6- Radio Options Input” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text font_size=”d:16px|pl:12px|pp:12px”]Radio input allow user to select single option set by admin, recommended when you have less options. Prices can also be set against each option.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8069″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fninja-silhouette%2F|title:Radio%20Input%20Demo|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1514382272435{padding-top: 30px !important;background-color: #f9f9f9 !important;}” local_scroll_id=”select-input”][vc_column][vc_custom_heading text=”7- Select Options Input” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text font_size=”d:16px|pl:12px|pp:12px”]Select input allow user to select single option set by admin in Dropdown, recommended when you have many options. Prices can also be set against each option.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8072″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fninja-silhouette%2F|title:Radio%20Input%20Demo|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1514382283526{padding-top: 30px !important;}” local_scroll_id=”checkbox-input”][vc_column][vc_custom_heading text=”8- Checkbox Options Input” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text font_size=”d:16px|pl:12px|pp:12px”]Checkbox input allow user to select multiple option set by admin. Prices can also be set against each option.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8076″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fninja-silhouette%2F|title:Radio%20Input%20Demo|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1514382296582{background-color: #f9f9f9 !important;}” local_scroll_id=”image-input”][vc_column][vc_custom_heading text=”9- Image Option Input” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text font_size=”d:16px|pl:12px|pp:12px”]Image input are just like Radio/Checkbox but images can be uploaded against each option. Price can also be set against each image option.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8078″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fwoo-logo-2%2F|title:Image%20Options|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” local_scroll_id=”palettes-input”][vc_column][vc_custom_heading text=”10- Palettes Option Input” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text font_size=”d:16px|pl:12px|pp:12px”]Palettes input is just like Radio/Checkbox but different colors can be added as option. Price can also be set against each palette color.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8081″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fninja-silhouette%2F|title:Radio%20Input%20Demo|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” local_scroll_id=”timezone-input”][vc_column][vc_custom_heading text=”11- Timezone Input” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text font_size=”d:16px|pl:12px|pp:12px”]Timezone input is a special form of Select Input but it has predefined list of all Time-zones. Different Time-zones can also be filtered with options.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”9158″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:https%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fwc-product-timezone-input-field%2F|title:Radio%20Input%20Demo|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” local_scroll_id=”file-upload”][vc_column][vc_custom_heading text=”12- File Upload” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text font_size=”d:16px|pl:12px|pp:12px”]File Input allow clients to upload files from their computer or mobile devices. Admin can set any file type and sizes. Images can be edited using awesome Aviary add-on plugin. See Feature for more detail.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8106″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fhappy-ninja-2%2F|title:File%20input%20demo|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” local_scroll_id=”image-cropper”][vc_column][vc_custom_heading text=”13- Image Cropper” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text font_size=”d:16px|pl:12px|pp:12px”]Just like a File Upload but only support images with nice cropper using Croppie JS API[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8107″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:https%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fwoocommerce-image-cropping%2F|title:Cropping%20Image%20WooCommerce%20PPOM|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” local_scroll_id=”audio-video”][vc_column][vc_custom_heading text=”14- Audio Video Input” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text font_size=”d:16px|pl:12px|pp:12px”]Audio/Video input allow clients to select Audio/Video options uploaded by Admin in media library. It’s similar to Image type input but with different media type. Price can also be set against each option.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8108″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fwoo-single-1%2F|title:Audio%20Video%20Input%20WooCommerce%20PPOM|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” local_scroll_id=”variation-quantities”][vc_column][vc_custom_heading text=”15- Variation Quantities (Options Quantities)” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text font_size=”d:16px|pl:12px|pp:12px”]Variation Quantities allow client to order different quantities against different options. Read more about variation quantities here.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8130″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fwoo-logo%2F|title:Variation%20Quantities%20WooCommerce%20PPOM|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” local_scroll_id=”price-matrix”][vc_column][vc_custom_heading text=”16- Price Matrix” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text font_size=”d:16px|pl:12px|pp:12px”]Price Matrix allow admin to offer client Less Price on Bulk/More quantities. More quantities will decrease the price set in matrix. It can be used as discount alternatively. More detail about Bulk Price/Discount[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8131″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fwoo-album-3%2F|title:Bulk%20Price%2FDiscount%20WooCommerce%20PPOM|target:%20_blank|”][vc_btn title=”Demo (Discount)” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fwoo-album-2%2F|title:Bulk%20Price%2FDiscount%20WooCommerce%20PPOM|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” local_scroll_id=”color-picker”][vc_column][vc_custom_heading text=”17- Color Picker Input” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text font_size=”d:16px|pl:12px|pp:12px”]Color Picker allow client to select color. Palette colors can also be defined in settings.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8460″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fwoo-album-3%2F|title:Bulk%20Price%2FDiscount%20WooCommerce%20PPOM|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” local_scroll_id=”date-range”][vc_column][vc_custom_heading text=”18- Date Range Picker” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text font_size=”d:16px|pl:12px|pp:12px”]Date Range Picker allow clients for selecting dates, times, or from predefined ranges.[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8136″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fflying-ninja%2F|title:Date%20Range%20WooCommerce%20PPOM|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” local_scroll_id=”html-content”][vc_column][vc_custom_heading text=”19- HTML Content” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text font_size=”d:16px|pl:12px|pp:12px”]
It’s not an input, just to add some contents/text or HTML.
[/vc_column_text][vc_empty_space height=”25px”][vc_single_image image=”8137″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fflying-ninja%2F|title:HTML%20WooCommerce%20PPOM|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” disable_element=”yes” local_scroll_id=”html-googlefont”][vc_column][vc_custom_heading text=”20,21 – Google Font and Map Picker” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_row_inner css=”.vc_custom_1474295568479{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1468916409326{padding-right: 20px !important;}”][vc_column_text font_size=”d:16px|pl:12px|pp:12px”]
Google Font and Map Picker is PPOM addon, It adds two input fieds. Font picker/drop down to select fonts. Admin can add Google font families with plugin settings. And Map allow client to enter address and it returns coordinates (latitude, longitude)
Note: It’s paid ($25.00) Addon
[/vc_column_text][vc_empty_space height=”5px”][vc_single_image image=”8448″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][vc_empty_space height=”5px”][vc_single_image image=”8484″ img_size=”large” alignment=”center” style=”vc_box_shadow” onclick=”img_link_large”][/vc_column_inner][vc_column_inner width=”1/2″][vcex_bullets font_size=”d:16px|pl:12px|pp:12px”]
Map Input
[/vcex_bullets][vc_empty_space height=”25px”][vc_btn title=”Demo” style=”flat” shape=”square” color=”orange” align=”center” link=”url:http%3A%2F%2Fppom.nmediahosting.com%2Fproduct%2Fgoogle-font-picker-ppom%2F|title:PPOM%20Google%20Font%20Picker%20Demo|target:%20_blank|”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1514301215716{padding-top: 30px !important;}”][vc_column][vc_custom_heading text=”We have built this demo with Nice Looking OYE Theme.” font_container=”tag:h3|font_size:20|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”25px”][vc_single_image image=”7758″ alignment=”center” onclick=”custom_link” link=”https://manage.najeebmedia.com/oye-woocommerce-responsive-theme/”][/vc_column][/vc_row]