Skip to content

Instantly share code, notes, and snippets.

@jonahcoyote

jonahcoyote/pgs.php

Last active October 17, 2018 18:41
Show Gist options
  • Save jonahcoyote/f6f4358097abc2559feca5ac8a5fcb1b to your computer and use it in GitHub Desktop.
Save jonahcoyote/f6f4358097abc2559feca5ac8a5fcb1b to your computer and use it in GitHub Desktop.
Download ZIP
Modification of Advanced Woocommerce Product Gallery Slider For Using Custom Image Sizes
Raw
pgs.php
<?php
/**
* Single Product Image
*
* This template can be overridden by copying it to yourtheme/woocommerce/single-product/product-image.php.
*
*/
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
global $woocommerce, $post, $product;
//fw_print(vp_get_categories());
/**
* Get the value of a settings field
*/
$layout = wpgis_get_option( 'layout', 'genaral_options', 'horizontal');
$gallery_image_size = wpgis_get_option( 'gallery_image_size', 'genaral_options', 'woocommerce_single');
$thumbnail_image_size = wpgis_get_option( 'thumbnail_image_size', 'genaral_options', 'woocommerce_gallery_thumbnail');
$lightbox = wpgis_get_option( 'lightbox', 'genaral_options', 'false');
$thum2show = wpgis_get_option( 'thum2show', 'genaral_options', '4');
$thumscrollby = wpgis_get_option( 'thumscrollby', 'genaral_options', '3');
$infinite = wpgis_get_option( 'infinite', 'genaral_options', 'false');
$dragging = wpgis_get_option( 'dragging', 'genaral_options', 'false');
$rtl = wpgis_get_option( 'rtl', 'genaral_options', 'false');
$autoplay = wpgis_get_option( 'autoplay', 'genaral_options', 'false');
$autoplaySpeed = wpgis_get_option( 'autoplaySpeed', 'genaral_options', '3000');
$video_icon_color = wpgis_get_option( 'video_icon_color', 'genaral_options','#e54634');
$nav_icon_color = wpgis_get_option( 'nav_icon_color', 'genaral_options','#fff');
$nav_bg_color = wpgis_get_option( 'nav_bg_color', 'genaral_options','#000');
$single_hide_thumb = wpgis_get_option( 'hide_thumb', 'single_options','false');
$single_hide_nav = wpgis_get_option( 'hide_nav', 'single_options','true');
$single_fade = wpgis_get_option( 'fade', 'single_options','false');
$single_swipe = wpgis_get_option( 'swipe', 'single_options','true');
$single_dots = wpgis_get_option( 'dots', 'single_options','false');
$single_hide_gallery = wpgis_get_option( 'hide_gallery', 'single_options','false');
$single_autoplaySpeed = wpgis_get_option( 'autoplaySpeed', 'single_options', '5000');
$lightbox_arrowsColor = wpgis_get_option( 'arrowsColor', 'lightbox_options','#fff');
$lightbox_bgcolor = wpgis_get_option( 'bgcolor', 'lightbox_options','#fff');
$lightbox_borderwidth = wpgis_get_option( 'borderwidth', 'lightbox_options','5');
$lightbox_spinColor = wpgis_get_option( 'spinColor', 'lightbox_options','#fff');
$lightbox_spinner = wpgis_get_option( 'spinner1', 'lightbox_options','double-bounce');
$lightbox_autoplay_videos = wpgis_get_option( 'autoplay_videos', 'lightbox_options','true');
$lightbox_numeratio = wpgis_get_option( 'numeratio', 'lightbox_options','true');
$lightbox_titlePosition = wpgis_get_option( 'titlePosition', 'lightbox_options','bottom');
$lightbox_titleBackground = wpgis_get_option( 'titleBackground', 'lightbox_options','#000000');
$lightbox_titleColor = wpgis_get_option( 'titleColor', 'lightbox_options','#fff');
$lightbox_infinite = wpgis_get_option( 'lightbox_infinite', 'lightbox_options','false');
$lightbox_framewidth = wpgis_get_option( 'lightbox_framewidth', 'lightbox_options','1024');
$zoom_zoom_start = wpgis_get_option( 'zoom_start', 'zoom_magify','false');
$wpgis_advance_layout_broke = wpgis_get_option( 'layout_broke', 'wpgis_advance','false');
$wpgis_advance_css = wpgis_get_option( 'custom_css', 'wpgis_advance','');
$lightbox_class = '';
if($lightbox == 'true'){
$lightbox_class = 'venobox';
}
?>
<?php
$layout_broke = '';
if($wpgis_advance_layout_broke == 'true') :
$layout_broke = 'col-md-6';
endif; ?>
<div class="images wpgis-wrap <?php echo $layout_broke; ?>">
<div class="wpgis-pgs" <?php if($rtl == 'true'): echo ' dir="rtl" '; endif; ?>>
<?php
if ( has_post_thumbnail() ) {
$image_title = esc_attr( get_the_title( get_post_thumbnail_id() ) );
$image_link = wp_get_attachment_url( get_post_thumbnail_id() );
$image = get_the_post_thumbnail( $post->ID,$gallery_image_size, array( 'data-tzoom' => $image_link ));
//fw_print($image);
/**
* Check if Gallery have Video URL
*/
$popup_link = get_post_meta(get_post_thumbnail_id(), 'wpgis_video_url', true);
$datatype = 'data-vbtype="video"';
$watermark_class = 'wpgis-video-thumb';
if(empty($popup_link)) {
$popup_link = $image_link;
$datatype = '';
$watermark_class = '';
// fw_print($popup_link);
}
echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '
<div class="woocommerce-product-gallery__image single-product-main-image">
<a class="venobox %s" href="%s" %s data-title="%s" data-gall="pgs-thumbs" >%s</a>
</div>',
$watermark_class,$popup_link,$datatype, $image_title, $image ), $post->ID );
if($lightbox == 'false') : // Setting lightbox Condition
if ( $woocommerce->version >= '3.0' ){
$attachment_ids = $product->get_gallery_image_ids();
}else{
$attachment_ids = $product->get_gallery_attachment_ids();
}
if ($attachment_ids) {
foreach ( $attachment_ids as $attachment_id ) {
$full_size_image = wp_get_attachment_image_src( $attachment_id, 'full' );
$shop_single_img = wp_get_attachment_image_src( $attachment_id, $gallery_image_size );
$title = get_post_field( 'post_title', $attachment_id );
/**
* Check if Gallery have Video URL
*/
$pgs_video = get_post_meta($attachment_id, 'wpgis_video_url', true); // wpgis Video URL
$datatype = 'data-vbtype="video"';
$watermark_class = 'wpgis-video-thumb';
if(empty($pgs_video)) {
$pgs_video = $full_size_image[0];
$datatype = '';
$watermark_class = '';
}
echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '
<div>
<a class="venobox %s" href="%s" %s data-title="%s" data-gall="pgs-thumbs" ><img data-lazy="%s" data-tzoom="%s" ></a>
</div>',
$watermark_class,$pgs_video,$datatype, $title, $shop_single_img[0],$full_size_image[0] ), $attachment_id );
}
}
endif; // Lightbox Condition
}
else {
$html = '<div class="woocommerce-product-gallery__image--placeholder">';
$html .= sprintf( '<img src="%s" alt="%s" class="wp-post-image" />', esc_url( wc_placeholder_img_src() ), esc_html__( 'Awaiting product image', 'woocommerce' ) );
$html .= '</div>';
}
?>
</div>
<?php
// Feature Image Hide thumbnail options
if($single_hide_thumb == 'false') : ?>
<?php
if ( $woocommerce->version >= '3.0' ){
$attachment_ids = $product->get_gallery_image_ids();
}else{
$attachment_ids = $product->get_gallery_attachment_ids();
}
?>
<div class="slider-nav" id="slide-nav-pgs" <?php if($rtl == 'true'): echo ' dir="rtl" '; endif; ?> >
<?php
if ( $attachment_ids && has_post_thumbnail() ) {
$image_thumb = get_the_post_thumbnail( $post->ID, $thumbnail_image_size, 'pgs');
if($lightbox == 'false') :
/**
* Check if Gallery have Video URL
*/
$popup_link = get_post_meta(get_post_thumbnail_id(), 'wpgis_video_url', true);
$datatype = 'data-vbtype="video"';
$watermark_class = 'wpgis-video-thumb';
$href = 'href';
if(empty($popup_link)) {
$popup_link = $image_link;
$datatype = '';
$watermark_class = '';
}
if($lightbox == 'false'){
$href = 'data-href';
}
echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', sprintf( '
<div>
<a class="product-gallery__image_thumb %s %s" data-title="%s" data-gall="pgs-thumbs" %s="%s" %s >%s</a>
</div>',
$lightbox_class,$watermark_class,$image_title,$href,$popup_link,$datatype, $image_thumb ), $post->ID );
endif; // Lightbox COndtion End
foreach ( $attachment_ids as $attachment_id ) {
$full_size_image = wp_get_attachment_image_src( $attachment_id, 'full' );
$thumbnail = wp_get_attachment_image_src( $attachment_id, $thumbnail_image_size );
$title = get_post_field( 'post_title', $attachment_id );
/**
* Check if Gallery have Video URL
*/
$pgs_video = get_post_meta($attachment_id, 'wpgis_video_url', true); // wpgis Video URL
$datatype = 'data-vbtype="video"';
$watermark_class = 'wpgis-video-thumb';
$href = 'href';
if(empty($pgs_video)) {
$pgs_video = $full_size_image[0];
$datatype = '';
$watermark_class = '';
}
if($lightbox == 'false'){
$href = 'data-href';
}
echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', sprintf( '
<div><a class="%s %s" data-title="%s" data-gall="pgs-thumbs" %s="%s" %s><img src="%s"></a></div>',
$lightbox_class,$watermark_class,$title,$href,$pgs_video,$datatype, $thumbnail[0] ), $attachment_id );
}
}
?>
</div>
<?php
// Feature Image Hide thumbnail options
/*
$ = wpgis_get_option( 'arrowsColor', 'lightbox_options');
$ = wpgis_get_option( 'bgcolor', 'lightbox_options');
$lightbox_spinColor = wpgis_get_option( 'spinColor', 'lightbox_options');
$lightbox_spinner = wpgis_get_option( 'spinner', 'lightbox_options');
$lightbox_autoplay_videos = wpgis_get_option( 'autoplay_videos', 'lightbox_options');
$ = wpgis_get_option( 'numeratio', 'lightbox_options');
$lightbox_titlePosition = wpgis_get_option( 'titlePosition', 'lightbox_options');
$ = wpgis_get_option( 'titleBackground', 'lightbox_options');
$ = wpgis_get_option( 'titleColor', 'lightbox_options');*
*/
endif; ?>
</div>
<?php
if(count($attachment_ids) < $thum2show ){
$thum2show = count($attachment_ids)+1;
}
?>
<script>
jQuery.noConflict();
(function( $ ) {
$(function() {
// More code using $ as alias to jQuery
<?php if($single_hide_thumb == 'false') : ?>
<?php endif; ?>
$(document).ready(function(){
$('.venobox').venobox({
framewidth: '<?php echo $lightbox_framewidth; ?>px',
autoplay: <?php echo $lightbox_autoplay_videos; ?>,
titleattr: 'data-title',
titleBackground: '<?php echo $lightbox_titleBackground; ?>',
titleBackground: '<?php echo $lightbox_titleBackground; ?>',
titleColor: '<?php echo $lightbox_titleColor; ?>',
numerationColor: '<?php echo $lightbox_titleColor; ?>',
arrowsColor: '<?php echo $lightbox_borderwidth; ?>',
titlePosition: '<?php echo $lightbox_titlePosition; ?>',
numeratio: <?php echo $lightbox_numeratio; ?>,
spinner : '<?php echo $lightbox_spinner; ?>',
spinColor: '<?php echo $lightbox_spinColor; ?>',
border: '<?php echo $lightbox_borderwidth; ?>px',
bgcolor: '<?php echo $lightbox_bgcolor; ?>',
infinigall: <?php echo $lightbox_infinite; ?>,
numerationPosition: '<?php echo $lightbox_titlePosition; ?>'
});
// go to next item in gallery clicking on .next
$(document).on('click', '.vbox-next', function(e){
$('.wpgis-pgs .btn-next').trigger( "click" );
});
<?php if($lightbox == 'false'): ?>
$('.wpgis-pgs').slick({
accessibility: false,//prevent scroll to top
lazyLoad: 'progressive',
slidesToShow: 1,
slidesToScroll: 1,
arrows: <?php echo $single_hide_nav; ?>,
fade: <?php echo $single_fade; ?>,
swipe :<?php echo $single_swipe; ?>,
<?php if($rtl == 'false'): ?>
prevArrow: '<i class="btn-prev dashicons dashicons-arrow-left-alt2"></i>',
nextArrow: '<i class="btn-next dashicons dashicons-arrow-right-alt2"></i>',
<?php ; endif; ?>
rtl: <?php echo $rtl; ?>,
infinite: <?php echo $infinite; ?>,
autoplay: <?php echo $autoplay; ?>,
pauseOnDotsHover: true,
autoplaySpeed: '<?php echo $autoplaySpeed; ?>',
<?php if($single_hide_thumb == 'false') : ?>
asNavFor: '#slide-nav-pgs',
<?php endif; ?>
dots :<?php echo $single_dots; ?>,
});
<?php endif; ?>
$('#slide-nav-pgs').slick({
accessibility: false,//prevent scroll to top
isSyn: false,//not scroll main image
slidesToShow: <?php echo $thum2show; ?>,
slidesToScroll: <?php echo $thumscrollby; ?> ,
infinite: <?php echo $infinite; ?>,
<?php if($lightbox == 'false'): echo 'asNavFor: \'.wpgis-pgs\',' ; endif; ?>
<?php if($rtl == 'false'): ?>
prevArrow: '<i class="btn-prev dashicons dashicons-arrow-left-alt2"></i>',
nextArrow: '<i class="btn-next dashicons dashicons-arrow-right-alt2"></i>',
<?php ; endif; ?>
dots: false,
centerMode: false,
rtl: <?php echo $rtl; ?>,
vertical: <?php if($layout == 'vertical' || $layout == 'vertical_r'): echo'true'; else : echo'false' ;endif; ?>,
draggable: <?php echo $dragging; ?>,
focusOnSelect: true,
responsive: [
{
breakpoint: 767,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
vertical: false,
draggable: true,
autoplay: false,//no autoplay in mobile
isMobile: true,// let custom knows on mobile
arrows: false //hide arrow on mobile
}
},
]
});
<?php if($single_hide_thumb == 'true' or count($attachment_ids) == '0') : ?>
$('#slide-nav-pgs').slick('unslick');
<?php endif; ?>
$('.woocommerce-product-gallery__image img').load(function() {
var imageObj = $('.woocommerce-product-gallery__image a');
<?php if($zoom_zoom_start == 'true') : ?>
var variableIMG = imageObj.attr('href');
$('.woocommerce-product-gallery__image img').zoom({
touch: false,
url: variableIMG
});
<?php endif; ?>
if (!(imageObj.width() == 1 && imageObj.height() == 1)) {
$('.wpgis-pgs .woocommerce-product-gallery__image , #slide-nav-pgs .slick-slide .product-gallery__image_thumb').trigger('click');
$('.woocommerce-product-gallery__image img').trigger('zoom.destroy');
<?php if($zoom_zoom_start == 'true') : ?>
$('.woocommerce-product-gallery__image img').wrap('<span style="display:inline-block"></span>').parent().zoom({
touch: false,
});
<?php endif; ?>
}
});
<?php if($zoom_zoom_start == 'true') : ?>
$('.wpgis-pgs img').load(function() {
$(this).wrap('<span style="display:inline-block"></span>').parent().zoom({
touch: false,
url: this.getAttribute("data-tzoom")
});
});
$('.wpgis-pgs img').wrap('<span style="display:inline-block"></span>').parent().zoom({
touch: false,
//url: this.getAttribute("data-tzoom")
});
<?php endif; ?>
});
});
})(jQuery);
</script>
<style>
<?php if($layout == 'vertical_r' && $single_hide_thumb == 'false') : ?>
.wpgis-pgs {
width: 79%;
float: left;
margin-right: 1%;
}
.slick-vertical:hover .btn-prev, .slick-vertical:hover .btn-next{
margin-left: -15px !important;
}
@media only screen and (max-width: 767px) {
.wpgis-pgs {
width: 100%;
float: none;
margin-left: 0%;
}
.slider-nav .btn-next,.slider-nav .btn-prev{
margin: 0px;
}
}
<?php endif; ?>
<?php if($layout == 'vertical' && $single_hide_thumb == 'false') : ?>
.wpgis-pgs {
width: 79%;
float: right;
margin-left: 1%;
}
@media only screen and (max-width: 767px) {
.wpgis-pgs {
width: 100%;
float: none;
margin-left: 0%;
}
.slider-nav .btn-next,.slider-nav .btn-prev{
margin: 0px;
}
}
<?php elseif($layout == 'vertical' && $single_hide_thumb == 'true') : ?>
.wpgis-pgs {
width: 100%;
}
<?php else : ?>
.slider-nav:hover .btn-prev,.slider-nav:hover .btn-next {
margin: 0px;
}
<?php endif; ?>
<?php if($single_hide_gallery == 'true'){ ?>
#slide-nav-pgs {
display: none;
}
.wpgis-pgs{
width: 100%;
margin: 0px;
}
<?php } ?>
<?php if(count($attachment_ids) == '0') : ?>
/* If Product don't have any Gallery Image*/
#slide-nav-pgs{
display: none;
}
.wpgis-pgs{
width: 100%;
}
<?php endif; ?>
<?php if($lightbox == 'true'){
?>
.slick-slide {
opacity: 1;
}
<?php
}
?>
<?php if($single_dots == 'true') : ?>
.slick-dotted.slick-slider {
margin-bottom: 10px;
}
<?php endif; ?>
.wpgis-video-thumb:after{
color: <?php echo $video_icon_color; ?>;
}
.btn-prev, .btn-next{
color: <?php echo $nav_icon_color; ?>;
background:<?php echo $nav_bg_color; ?>;
}
.slick-prev:before, .slick-next:before{
color: <?php echo $nav_icon_color; ?>;
}
<?php echo $wpgis_advance_css; ?>
#slide-nav-pgs img {width: auto;}
</style>
Raw
wpgis-settings.php
<?php
/**
* WordPress settings API demo class
*
* @author Tareq Hasan
*/
if ( !class_exists('WeDevs_Settings_API_Test' ) ):
class WeDevs_Settings_API_Test {
private $settings_api;
function __construct() {
$this->settings_api = new WeDevs_Settings_API;
add_action( 'admin_init', array($this, 'admin_init') );
add_action( 'admin_menu', array($this, 'admin_menu') );
}
function admin_init() {
//set the settings
$this->settings_api->set_sections( $this->get_settings_sections() );
$this->settings_api->set_fields( $this->get_settings_fields() );
//initialize settings
$this->settings_api->admin_init();
}
function admin_menu() {
add_submenu_page(
'woocommerce', 'WPGIS Settings', 'WPGIS Settings', 'manage_options', 'pgs-page', array(&$this, 'plugin_page')
);
}
function get_settings_sections() {
$sections = array(
array(
'id' => 'genaral_options',
'title' => __( 'General Options', 'wpgis' )
),
array(
'id' => 'single_options',
'title' => __( 'Feature Image Options', 'wpgis' )
),
array(
'id' => 'lightbox_options',
'title' => __( 'LightBox Options', 'wpgis' )
),
array(
'id' => 'zoom_magify',
'title' => __( 'Zoom Options', 'wpgis' )
),
array(
'id' => 'wpgis_advance',
'title' => __( 'Advance Options', 'wpgis' )
)
);
return $sections;
}
/**
* Returns all the settings fields
*
* @return array settings fields
*/
function get_settings_fields() {
$settings_fields = array(
'genaral_options' => array(
array(
'name' => 'layout',
'label' => __( 'Gallery Layout', 'wpgis' ),
'type' => 'select',
'default' => 'horizontal',
'options' => array(
'vertical' => 'Vertical Left',
'vertical_r' => 'Vertical Right',
'horizontal' => 'Horizontal'
)
),
array(
'name' => 'gallery_image_size',
'label' => __( 'Gallery Image Size', 'wpgis' ),
'desc' => __('Enter the name of a registered image size, i.e. "thumbnail", "large", etc.','wpgis'),
'type' => 'text',
'default' => 'woocommerce_single'
),
array(
'name' => 'thumbnail_image_size',
'label' => __( 'Thumbnail Image Size', 'wpgis' ),
'desc' => __('Enter the name of a registered image size, i.e. "thumbnail", "large", etc.','wpgis'),
'type' => 'text',
'default' => 'woocommerce_gallery_thumbnail'
),
array(
'name' => 'thum2show',
'label' => __( 'Thumbnails To Show', 'wpgis' ),
'type' => 'number',
'default' => '4',
'sanitize_callback' => 'sanitize_text_field'
),
array(
'name' => 'thumscrollby',
'label' => __( 'Thumbnails Scroll By', 'wpgis' ),
'desc' => __('Note: You can set the number of thumbails for scrolling when arrows are clicked','wpgis'),
'type' => 'number',
'default' => '3',
'sanitize_callback' => 'sanitize_text_field'
),
array(
'name' => 'lightbox',
'label' => __( 'LightBox For Gallery', 'wpgis' ),
'type' => 'checkbox',
'default' => 'false',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
array(
'name' => 'infinite',
'label' => __( 'Infinite', 'wpgis' ),
'type' => 'checkbox',
'default' => 'false',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
array(
'name' => 'dragging',
'label' => __( 'Mouse Dragging', 'wpgis' ),
'type' => 'checkbox',
'default' => 'false',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
array(
'name' => 'rtl',
'label' => __( 'RTL Mode', 'wpgis' ),
'type' => 'checkbox',
'default' => 'false',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
array(
'name' => 'autoplay',
'label' => __( 'Autoplay', 'wpgis' ),
'desc' => __('Note: This option will not work if "LightBox For Gallery" Trun on','wpgis'),
'type' => 'checkbox',
'default' => 'false',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
array(
'name' => 'autoplaySpeed',
'label' => __( 'AutoPlay Timeout', 'wpgis' ),
'desc' => __( '1000 = 1 Sec', 'wpgis' ),
'type' => 'text',
'default' => '5000',
),
array(
'name' => 'video_icon_color',
'label' => __( 'Video Icon Color', 'wpgis' ),
'type' => 'color',
'default' => '#e54634'
),
array(
'name' => 'nav_icon_color',
'label' => __( 'Navigation Icon Color', 'wpgis' ),
'type' => 'color',
'default' => '#fff'
),
array(
'name' => 'nav_bg_color',
'label' => __( 'Navigation Background Color', 'wpgis' ),
'type' => 'color',
'default' => '#000000'
),
),
'single_options' => array(
array(
'name' => 'hide_nav',
'label' => __( 'Navigation Arrow', 'wpgis' ),
'type' => 'checkbox',
'default' => 'true',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
array(
'name' => 'fade',
'label' => __( 'Fade Effect', 'wpgis' ),
'type' => 'checkbox',
'default' => 'false',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
array(
'name' => 'swipe',
'label' => __( 'Swipe To Slide', 'wpgis' ),
'type' => 'checkbox',
'default' => 'true',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
array(
'name' => 'dots',
'label' => __( 'Dots', 'wpgis' ),
'desc' => __( 'Note: This option will not work if "LightBox For Gallery" Trun on under the "General options" Tab', 'wpgis' ),
'type' => 'checkbox',
'default' => 'false',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
array(
'name' => 'hide_gallery',
'label' => __( 'Hide Thumbnails', 'wpgis' ),
'desc' => __( 'You need to configure the settings from general Options', 'wpgis' ),
'type' => 'checkbox',
'default' => 'false',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
),
'lightbox_options' => array(
array(
'name' => 'arrowsColor',
'label' => __( 'Navigation Arrows Color', 'wpgis' ),
'type' => 'color',
'default' => '#fff'
),
array(
'name' => 'bgcolor',
'label' => __( 'Image Border Color', 'wpgis' ),
'type' => 'color',
'default' => '#fff'
),
array(
'name' => 'lightbox_framewidth',
'label' => __( 'Image Frame Width', 'wpgis' ),
'desc' => __( 'If the Lightbox image is not Fit to the Screen than you can use this option. <br>Default: 800(in Pixel)', 'wpgis' ),
'type' => 'number',
'default' => '800',
),
array(
'name' => 'borderwidth',
'label' => __( 'Image Border Width', 'wpgis' ),
'desc' =>__('In Pixel','wpgis'),
'type' => 'number',
'default' => '5',
'sanitize_callback' => 'sanitize_text_field'
),
array(
'name' => 'spinColor',
'label' => __( 'Preloader color', 'wpgis' ),
'type' => 'color',
'default' => '#fff'
),
array(
'name' => 'spinner1',
'label' => __( 'Preloader', 'wpgis' ),
'type' => 'select',
'default' => 'double-bounce',
'options' => array(
'rotating-plane' => 'Rotating Plane',
'double-bounce' => 'Double Bounce',
'wave' => 'Wave',
'cube-grid' => 'Cube Grid',
'three-bounce' => 'Three Bounce',
'spinner-pulse' => 'Spinner Pulse',
'wandering-cubes' => 'Wandering Cubes'
)
),
array(
'name' => 'lightbox_infinite',
'label' => __( 'Infinite', 'wpgis' ),
'type' => 'checkbox',
'default' => 'false',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
array(
'name' => 'autoplay_videos',
'label' => __( 'Automatic play for videos', 'wpgis' ),
'type' => 'checkbox',
'default' => 'true',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
array(
'name' => 'numeratio',
'label' => __( 'Show Navigation number', 'wpgis' ),
'type' => 'checkbox',
'default' => 'true',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
array(
'name' => 'titlePosition',
'label' => __( 'Title Position', 'wedevs' ),
'type' => 'select',
'default' => 'bottom',
'options' => array(
'top' => 'Top',
'bottom' => 'Bottom'
)
),
array(
'name' => 'titleBackground',
'label' => __( 'Title background color', 'wpgis' ),
'type' => 'color',
'default' => '#000000'
),
array(
'name' => 'titleColor',
'label' => __( 'Title Text Color', 'wpgis' ),
'type' => 'color',
'default' => '#fff'
),
),
'wpgis_advance' => array(
array(
'name' => 'themeco',
'label' => __( 'Confict Fix', 'wpgis' ),
'desc' => __( 'Enable it if you are using Pro & X Theme ', 'wpgis' ),
'type' => 'checkbox',
'default' => 'false',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
array(
'name' => 'layout_broke',
'label' => __( 'Layout Fix', 'wpgis' ),
'desc' => __( 'After activate This plugin if you see the single page layout is broken then Enable this option and the problem will fixed', 'wpgis' ),
'type' => 'checkbox',
'default' => 'false',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
array(
'name' => 'layout_pb',
'label' => __( 'Custom Single Page', 'wpgis' ),
'desc' => __( 'If you are using Visual composer and use custom single Product page <br>then you can see a new shortcode called "wpgis" under WooCommerce tab into VC page Builder.', 'wpgis' ),
'type' => 'checkbox',
'default' => 'false',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
array(
'name' => 'custom_css',
'label' => __('Custom Css', 'wpgis'),
'desc' => __('If you need to Override any Style', 'wpgis'),
'type' => 'textarea'
),
),
'zoom_magify' => array(
array(
'name' => 'zoom_start',
'label' => __( 'Zoom', 'wpgis' ),
'desc' => __( 'Turn on Woocommerce Default Zoom for Single Products', 'wpgis' ),
'type' => 'checkbox',
'default' => 'false',
'options' => array(
'true' => 'Yes',
'false' => 'No'
)
),
)
);
return $settings_fields;
}
function plugin_page() {
echo '<div class="wrap wppine-backend-style">';
$this->settings_api->show_navigation();
$this->settings_api->show_forms();
echo '</div>';
}
}
endif;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment