File: /var/www/vhosts/uyarreklam.com.tr/httpdocs/price-table.tar
assets/banner.svg 0000644 00000003161 15154157507 0010047 0 ustar 00 <svg enable-background="new 55 277 240 240" viewBox="55 277 240 240" xmlns="http://www.w3.org/2000/svg"><path d="m55 277h240v240h-240z" fill="#1880b6"/><path d="m215 337h-80c-5.9 0-12 6-12 12v104c0 2.1 2 4 4 4h80c1.9 0 4-2.4 4-4v-92c0-4.4 3.6-8 8-8 1.1 0 2 .9 2 2s-.9 2-2 2c-2.2 0-4 1.8-4 4v20h8c2.1 0 4-2.2 4-4v-24c0-9.8-6.4-16-12-16zm-48 104c-15.5 0-28-12.5-28-28s12.5-28 28-28 28 12.5 28 28-12.5 28-28 28z" fill="#8ed9ef"/><path d="m191 413c0-13.3-10.7-24-24-24s-24 10.7-24 24 10.7 24 24 24 24-10.7 24-24z" fill="#f2f0da"/><g fill="#324249"><path d="m215 333h-80c-8.1 0-16 8-16 16v104c0 4.4 3.7 8 8 8h80c4.4 0 8-3.9 8-8v-68h8c4.2 0 8-4.1 8-8v-24c0-12-7.7-20-16-20zm12 44c0 1.8-1.9 4-4 4h-8v-20c0-2.2 1.8-4 4-4 1.1 0 2-.9 2-2s-.9-2-2-2c-4.4 0-8 3.6-8 8v92c0 1.6-2.1 4-4 4h-80c-2 0-4-1.9-4-4v-104c0-6 6.1-12 12-12h80c5.6 0 12 6.2 12 16z"/><path d="m167 403c2.2 0 4 1.8 4 4 0 1.1.9 2 2 2s2-.9 2-2c0-3.7-2.6-6.8-6-7.7v-.3c0-1.1-.9-2-2-2s-2 .9-2 2v.3c-3.4.9-6 4-6 7.7 0 4.4 3.6 8 8 8 2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4c0-1.1-.9-2-2-2s-2 .9-2 2c0 3.7 2.6 6.8 6 7.7v.3c0 1.1.9 2 2 2s2-.9 2-2v-.3c3.4-.9 6-4 6-7.7 0-4.4-3.6-8-8-8-2.2 0-4-1.8-4-4s1.8-4 4-4z"/><path d="m167 385c-15.5 0-28 12.5-28 28s12.5 28 28 28 28-12.5 28-28-12.5-28-28-28zm0 52c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"/></g><g opacity=".2"><path d="m141 365h32c1.1 0 2-.9 2-2s-.9-2-2-2h-32c-1.1 0-2 .9-2 2s.9 2 2 2z"/><path d="m181 365h8c1.1 0 2-.9 2-2s-.9-2-2-2h-8c-1.1 0-2 .9-2 2s.9 2 2 2z"/><path d="m189 373h-32c-1.1 0-2 .9-2 2s.9 2 2 2h32c1.1 0 2-.9 2-2s-.9-2-2-2z"/><path d="m149 373h-8c-1.1 0-2 .9-2 2s.9 2 2 2h8c1.1 0 2-.9 2-2s-.9-2-2-2z"/></g></svg> assets/icon.svg 0000644 00000001771 15154157510 0007531 0 ustar 00 <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.95361 21.41309c.96484 0 1.75-.78516 1.75-1.75v-15.32618c0-.96484-.78516-1.75-1.75-1.75h-11.90722c-.96484 0-1.75.78516-1.75 1.75v15.32617c0 .96484.78516 1.75 1.75 1.75h11.90723zm-11.90722-17.32618h11.90723c.1377 0 .25.1123.25.25v2.18848h-12.40723v-2.18848c0-.1377.1123-.25.25-.25zm-.25 15.57618v-11.6377h12.40723v11.6377c0 .1377-.1123.25-.25.25h-11.90723c-.1377 0-.25-.1123-.25-.25z"/><path d="m12.40039 16.08887h-.82715c-.32715 0-.59326-.26562-.59326-.59277h-1.5c0 1.03906.76294 1.89661 1.75684 2.05878v.98126h1.5v-.98126c.9939-.16217 1.75684-1.01971 1.75684-2.05878 0-1.1543-.93896-2.09375-2.09326-2.09375h-.82715c-.32715 0-.59326-.2666-.59326-.59375s.26611-.59375.59326-.59375h.82715c.32715 0 .59326.2666.59326.59375h1.5c0-1.03906-.76294-1.89746-1.75684-2.05975v-.98126h-1.5v.98126c-.9939.16229-1.75684 1.02069-1.75684 2.05975 0 1.1543.93896 2.09375 2.09326 2.09375h.82715c.32715 0 .59326.2666.59326.59375s-.26611.59277-.59326.59277z"/></svg> js/pricetable.js 0000644 00000003562 15154157510 0007642 0 ustar 00 /* globals jQuery, sowb */
var sowb = window.sowb || {};
jQuery( function ( $ ) {
var setupPriceTable = function () {
$( '.so-widget-sow-price-table' ).each( function () {
var $priceTable = $( this );
if ( ! $priceTable.is( ':visible' ) || $priceTable.data( 'initialized' ) ) {
return $priceTable;
}
function resizePriceTable() {
$priceTable.find('.sow-equalize-row-heights').each(function () {
var $pt = $(this);
var equalizeHeights = function (selector) {
var maxHeight = 0;
var $elements = $pt.find(selector);
$elements.css('height', '');
$elements.each(function () {
maxHeight = Math.max(maxHeight, $(this).height());
});
$elements.height(maxHeight);
};
var maxFeatures = 0;
$pt.find('.ow-pt-features').each(function () {
maxFeatures = Math.max(maxFeatures, $(this).find('.ow-pt-feature').length);
});
for (var i = 0; i < maxFeatures; i++) {
equalizeHeights('.ow-pt-feature-index-' + i);
}
var selectors = ['.ow-pt-title', '.ow-pt-details', '.ow-pt-image', '.ow-pt-features', '.ow-pt-button'];
selectors.forEach(equalizeHeights);
});
$('.ow-pt-icon[data-icon]').each(function () {
var $$ = $(this);
var icon = $$.data('icon');
if ($('#so-pt-icon-' + icon).length) {
var svg = $('#so-pt-icon-' + icon + ' svg').clone().css({
'max-width': '24px',
'max-height': '24px',
});
if ($$.data('icon-color') !== '') {
svg.find('path').css('fill', $$.data('icon-color'));
} else {
svg.find('path').css('fill', '#333333');
}
$$.append(svg);
}
});
}
resizePriceTable();
$(window).on( 'resize orientationchange', resizePriceTable );
$priceTable.data( 'initialized', true );
} );
};
setupPriceTable();
$( sowb ).on( 'setup_widgets', setupPriceTable );
} );
js/pricetable.min.js 0000644 00000002043 15154157510 0010415 0 ustar 00 var sowb=window.sowb||{};jQuery((function(i){var t=function(){i(".so-widget-sow-price-table").each((function(){var t=i(this);if(!t.is(":visible")||t.data("initialized"))return t;function o(){t.find(".sow-equalize-row-heights").each((function(){var t=i(this),o=function(o){var a=0,n=t.find(o);n.css("height",""),n.each((function(){a=Math.max(a,i(this).height())})),n.height(a)},a=0;t.find(".ow-pt-features").each((function(){a=Math.max(a,i(this).find(".ow-pt-feature").length)}));for(var n=0;n<a;n++)o(".ow-pt-feature-index-"+n);[".ow-pt-title",".ow-pt-details",".ow-pt-image",".ow-pt-features",".ow-pt-button"].forEach(o)})),i(".ow-pt-icon[data-icon]").each((function(){var t=i(this),o=t.data("icon");if(i("#so-pt-icon-"+o).length){var a=i("#so-pt-icon-"+o+" svg").clone().css({"max-width":"24px","max-height":"24px"});""!==t.data("icon-color")?a.find("path").css("fill",t.data("icon-color")):a.find("path").css("fill","#333333"),t.append(a)}}))}o(),i(window).on("resize orientationchange",o),t.data("initialized",!0)}))};t(),i(sowb).on("setup_widgets",t)})); price-table.php 0000644 00000032223 15154157510 0007452 0 ustar 00 <?php
/*
Widget Name: Price Table
Description: Display pricing plans in a professional table format with custom columns, features, and design.
Author: SiteOrigin
Author URI: https://siteorigin.com
Documentation: https://siteorigin.com/widgets-bundle/price-table-widget/
*/
class SiteOrigin_Widget_PriceTable_Widget extends SiteOrigin_Widget {
public function __construct() {
parent::__construct(
'sow-price-table',
__( 'SiteOrigin Price Table', 'so-widgets-bundle' ),
array(
'description' => __( 'Display pricing plans in a professional table format with custom columns, features, and design.', 'so-widgets-bundle' ),
'help' => 'https://siteorigin.com/widgets-bundle/price-table-widget/',
),
array(),
false,
plugin_dir_path( __FILE__ )
);
}
public function initialize() {
$this->register_frontend_scripts(
array(
array(
'siteorigin-pricetable',
plugin_dir_url( __FILE__ ) . 'js/pricetable' . SOW_BUNDLE_JS_SUFFIX . '.js',
array( 'jquery' ),
),
)
);
}
public function get_widget_form() {
return array(
'title' => array(
'type' => 'text',
'label' => __( 'Title', 'so-widgets-bundle' ),
),
'columns' => array(
'type' => 'repeater',
'label' => __( 'Columns', 'so-widgets-bundle' ),
'item_name' => __( 'Column', 'so-widgets-bundle' ),
'item_label' => array(
'selector' => "[id*='columns-title']",
'update_event' => 'change',
'value_method' => 'val',
),
'fields' => array(
'featured' => array(
'type' => 'checkbox',
'label' => __( 'Featured', 'so-widgets-bundle' ),
),
'title' => array(
'type' => 'text',
'label' => __( 'Title', 'so-widgets-bundle' ),
),
'subtitle' => array(
'type' => 'text',
'label' => __( 'Subtitle', 'so-widgets-bundle' ),
),
'image' => array(
'type' => 'media',
'label' => __( 'Image', 'so-widgets-bundle' ),
),
'image_title' => array(
'type' => 'text',
'label' => __( 'Image title', 'so-widgets-bundle' ),
),
'image_alt' => array(
'type' => 'text',
'label' => __( 'Image alt text', 'so-widgets-bundle' ),
),
'price' => array(
'type' => 'text',
'label' => __( 'Price', 'so-widgets-bundle' ),
),
'sale_price' => array(
'type' => 'text',
'label' => __( 'Sale price', 'so-widgets-bundle' ),
),
'per' => array(
'type' => 'text',
'label' => __( 'Per', 'so-widgets-bundle' ),
),
'button' => array(
'type' => 'text',
'label' => __( 'Button text', 'so-widgets-bundle' ),
),
'url' => array(
'type' => 'link',
'label' => __( 'Button URL', 'so-widgets-bundle' ),
),
'features' => array(
'type' => 'repeater',
'label' => __( 'Features', 'so-widgets-bundle' ),
'item_name' => __( 'Feature', 'so-widgets-bundle' ),
'item_label' => array(
'selector' => "[id*='columns-features-text']",
'update_event' => 'change',
'value_method' => 'val',
),
'fields' => array(
'text' => array(
'type' => 'text',
'label' => __( 'Text', 'so-widgets-bundle' ),
),
'hover' => array(
'type' => 'text',
'label' => __( 'Hover text', 'so-widgets-bundle' ),
),
'icon_new' => array(
'type' => 'icon',
'label' => __( 'Icon', 'so-widgets-bundle' ),
),
'icon_color' => array(
'type' => 'color',
'label' => __( 'Icon color', 'so-widgets-bundle' ),
),
),
),
),
),
'button_new_window' => array(
'type' => 'checkbox',
'label' => __( 'Open Button URL in a new window', 'so-widgets-bundle' ),
),
'equalize_row_heights' => array(
'type' => 'checkbox',
'label' => __( 'Equalize row heights', 'so-widgets-bundle' ),
),
'design' => array(
'type' => 'section',
'label' => __( 'Design', 'so-widgets-bundle' ),
'fields' => array(
'theme' => array(
'type' => 'select',
'label' => __( 'Price table theme', 'so-widgets-bundle' ),
'options' => array(
'atom' => __( 'Atom', 'so-widgets-bundle' ),
),
),
'header' => array(
'type' => 'section',
'label' => __( 'Header', 'so-widgets-bundle' ),
'fields' => array(
'background_color' => array(
'type' => 'color',
'label' => __( 'Background color', 'so-widgets-bundle' ),
'default' => '#65707f',
),
'featured_background_color' => array(
'type' => 'color',
'label' => __( 'Featured background color', 'so-widgets-bundle' ),
'default' => '#707d8d',
),
'color' => array(
'type' => 'color',
'label' => __( 'Color', 'so-widgets-bundle' ),
'default' => '#fff',
),
'featured_color' => array(
'type' => 'color',
'label' => __( 'Featured color', 'so-widgets-bundle' ),
'default' => '#fff',
),
),
),
'feature' => array(
'type' => 'section',
'label' => __( 'Feature', 'so-widgets-bundle' ),
'fields' => array(
'color' => array(
'type' => 'color',
'label' => __( 'Color', 'so-widgets-bundle' ),
'default' => '#5f6062',
),
),
),
'button' => array(
'type' => 'section',
'label' => __( 'Button', 'so-widgets-bundle' ),
'fields' => array(
'container_color' => array(
'type' => 'color',
'label' => __( 'Container background color', 'so-widgets-bundle' ),
'default' => '#e8e8e8',
),
'background_color' => array(
'type' => 'color',
'label' => __( 'Color', 'so-widgets-bundle' ),
'default' => '#41a9d5',
),
'featured_background_color' => array(
'type' => 'color',
'label' => __( 'Background color', 'so-widgets-bundle' ),
'default' => '#2e9fcf',
),
),
),
),
),
);
}
public function get_column_classes( $column, $i, $columns ) {
$classes = array();
if ( $i == 0 ) {
$classes[] = 'ow-pt-first';
}
if ( $i == count( $columns ) - 1 ) {
$classes[] = 'ow-pt-last';
}
if ( ! empty( $column['featured'] ) ) {
$classes[] = 'ow-pt-featured';
}
if ( $i % 2 == 0 ) {
$classes[] = 'ow-pt-even';
} else {
$classes[] = 'ow-pt-odd';
}
if ( ! empty( $column['sale_price'] ) ) {
$classes[] = 'ow-pt-on-sale';
}
return implode( ' ', $classes );
}
public function column_image( $column ) {
$image = $column['image'];
if ( ! empty( $image ) ) {
$size = 'full';
$src = wp_get_attachment_image_src( $image, $size );
$img_attrs = array();
if ( function_exists( 'wp_get_attachment_image_srcset' ) ) {
$img_attrs['srcset'] = wp_get_attachment_image_srcset( $image, $size );
}
if ( function_exists( 'wp_get_attachment_image_sizes' ) ) {
$img_attrs['sizes'] = wp_get_attachment_image_sizes( $image, $size );
}
if ( ! empty( $column['image_title'] ) ) {
$img_attrs['title'] = $column['image_title'];
}
if ( ! empty( $column['image_alt'] ) ) {
$img_attrs['alt'] = $column['image_alt'];
}
$attr_string = '';
foreach ( $img_attrs as $attr => $val ) {
$attr_string .= ' ' . siteorigin_sanitize_attribute_key( $attr ) . '="' . esc_attr( $val ) . '"';
}
?><img src="<?php echo esc_url( $src[0] ); ?>"<?php echo $attr_string; ?>/> <?php
}
}
public function get_template_name( $instance ) {
return $this->get_style_name( $instance );
}
public function get_template_variables( $instance, $args ) {
$columns = array();
$any_column_has_image = false;
if ( ! empty( $instance[ 'columns' ] ) ) {
foreach ( $instance['columns'] as $column ) {
$any_column_has_image = $any_column_has_image || ! empty( $column['image'] );
if ( ! empty( $column['features'] ) ) {
foreach ( $column['features'] as &$feature ) {
$feature['text'] = do_shortcode( $feature['text'] );
}
}
$columns[] = $column;
}
}
$button_attrs = array(
'class' => 'ow-pt-link',
);
if ( ! empty( $instance['button_new_window'] ) ) {
$button_attrs['target'] = '_blank';
$button_attrs['rel'] = 'noopener noreferrer';
}
return array(
'title' => $instance['title'],
'columns' => $columns,
'before_title' => $args['before_title'],
'after_title' => $args['after_title'],
'button_attrs' => $button_attrs,
'equalize_row_heights' => ! empty( $instance['equalize_row_heights'] ),
'any_column_has_image' => $any_column_has_image,
);
}
public function get_style_name( $instance ) {
if ( empty( $instance['design']['theme'] ) ) {
return 'atom';
}
return $instance['design']['theme'];
}
/**
* Get the LESS variables for the price table widget.
*
* @return array
*/
public function get_less_variables( $instance ) {
$instance = wp_parse_args( $instance, array(
'header_color' => '',
'header_text_color' => '',
'featured_header_color' => '',
'featured_header_text_color' => '',
'feature_text_color' => '',
'background_color' => '',
'featured_background_color' => '',
) );
$colors = array(
'header_color' => $instance['design']['header']['background_color'],
'featured_header_color' => $instance['design']['header']['featured_background_color'],
'header_text_color' => $instance['design']['header']['color'],
'featured_header_text_color' => $instance['design']['header']['featured_color'],
'feature_text_color' => $instance['design']['feature']['color'],
'button_container_color' => $instance['design']['button']['container_color'],
'button_background_color' => $instance['design']['button']['background_color'],
'featured_button_background_color' => $instance['design']['button']['featured_background_color'],
);
if ( ! class_exists( 'SiteOrigin_Widgets_Color_Object' ) ) {
require plugin_dir_path( SOW_BUNDLE_BASE_FILE ) . 'base/inc/color.php';
}
if ( ! empty( $instance['design']['button']['background_color'] ) ) {
$color = new SiteOrigin_Widgets_Color_Object( $instance['design']['button']['background_color'] );
$color->lum += ( $color->lum > 0.75 ? - 0.5 : 0.8 );
$colors['button_text_color'] = $color->hex;
}
if ( ! empty( $instance['design']['button']['featured_background_color'] ) ) {
$color = new SiteOrigin_Widgets_Color_Object( $instance['design']['button']['featured_background_color'] );
$color->lum += ( $color->lum > 0.75 ? - 0.5 : 0.8 );
$colors['featured_button_text_color'] = $color->hex;
}
return $colors;
}
/**
* Modify the instance to use the new icon.
*/
public function modify_instance( $instance ) {
if ( empty( $instance ) || ! is_array( $instance ) ) {
return array();
}
if ( empty( $instance['columns'] ) || ! is_array( $instance['columns'] ) ) {
return $instance;
}
foreach ( $instance['columns'] as &$column ) {
if ( empty( $column['features'] ) || ! is_array( $column['features'] ) ) {
continue;
}
foreach ( $column['features'] as &$feature ) {
if ( empty( $feature['icon_new'] ) && ! empty( $feature['icon'] ) ) {
$feature['icon_new'] = 'fontawesome-' . $feature['icon'];
}
}
}
// Migrate fields to design section.
if ( isset( $instance['theme'] ) ) {
$fields = array(
'header' => array(
'header_text_color' => 'color',
'featured_header_text_color' => 'featured_color',
'header_color' => 'background_color',
'featured_header_color' => 'featured_background_color',
),
'feature' => array(
'feature_text_color' => 'color',
),
'button' => array(
'button_color' => 'background_color',
'featured_button_color' => 'featured_background_color',
),
);
// Ensure the design section exists, and is an array.
if (
! isset( $instance['design'] ) ||
! is_array( $instance['design'] )
) {
$instance['design'] = array();
}
foreach ( $fields as $section => $fields ) {
foreach ( $fields as $field_id => $field ) {
if ( ! isset( $instance[ $field_id ] ) ) {
continue;
}
// Ensure the section is valid before processing.
if (
! isset( $instance['design'][ $section ] ) ||
! is_array( $instance['design'][ $section ] )
) {
$instance['design'][ $section ] = array();
}
$instance['design'][ $section ][ $field ] = $instance[ $field_id ];
unset( $instance[ $field_id ] );
}
}
$instance['design']['theme'] = $instance['theme'];
unset( $instance['theme'] );
$instance['design']['button']['container_color'] = '#e8e8e8';
}
return $instance;
}
public function get_form_teaser() {
if ( class_exists( 'SiteOrigin_Premium' ) ) {
return false;
}
return array(
sprintf(
__( 'Add a Price Table feature tooltip with %sSiteOrigin Premium%s', 'so-widgets-bundle' ),
'<a href="https://siteorigin.com/downloads/premium/?featured_addon=plugin/tooltip" target="_blank" rel="noopener noreferrer">',
'</a>'
),
);
}
}
siteorigin_widget_register( 'sow-price-table', __FILE__, 'SiteOrigin_Widget_PriceTable_Widget' );
styles/atom.less 0000644 00000013375 15154157510 0007734 0 ustar 00 @import "../../../base/less/mixins";
/* Header colors */
@header_color: #65707f;
@featured_header_color: lighten(#65707f, 5%);
/* Text Colors */
@header_text_color: #fff;
@featured_header_text_color: #fff;
@feature_text_color: #5f6062;
/* Button colors */
@button_container_color: #e8e8e8;
@button_background_color: #41a9d5;
@featured_button_background_color: lighten( #41a9d5, 5% );
@button_text_color: #FFFFFF;
@featured_button_background_color: lighten(#41a9d5, 5%);
@featured_button_text_color: #FFFFFF;
.ow-pt-columns-atom {
.clearfix();
padding-top: 20px;
.ow-pt-column {
color: @header_text_color;
float: left;
.ow-pt-title {
.gradient(@header_color, darken(@header_color, 10%), @header_color);
padding: 20px 0;
text-align: center;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
border: 1px solid darken(@header_color, 20%);
border-bottom: 0;
.border-radius(5px, 0, 0, 5px);
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,0.5)");
font-size: 1.1em;
.ow-pt-subtitle {
font-size: 0.9em;
}
}
.ow-pt-details {
border-color: darken(@header_color, 2%);
border-right-width: 0;
border-style: solid;
border-top-color: darken(@header_color, 20%);
border-width: 1px;
.box-shadow(~"inset 0px -15px 25px rgba(0,0,0,0.05)");
.gradient(lighten(@header_color, 5%), lighten(@header_color, 1%), lighten(@header_color, 5%));
padding: 15px 25px;
position: relative;
text-align: center;
.ow-pt-price {
font-size: 2.5em;
line-height: 1.25em;
font-weight: 300;
text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
}
&.ow-pt-on-sale {
.ow-pt-price {
display: inline-block;
font-size: 1.8em;
text-decoration: line-through;
}
.ow-pt-sale-price {
display: inline-block;
font-size: 2.5em;
font-weight: 300;
line-height: 1.25em;
text-shadow: 0 1px 1px rgba( 0, 0, 0, 0.25 );
}
}
.ow-pt-image {
line-height: 0;
img {
display: block;
max-width: 100%;
height: auto;
.rounded(0);
}
}
.ow-pt-features {
font-size: 0.925em;
color: @feature_text_color;
.ow-pt-feature {
padding: 15px 20px;
background: #ffffff;
.sow-feature-icon {
display: table-cell;
vertical-align: middle;
padding-right: 10px;
}
.sow-feature-icon + .sow-feature-text {
display: table-cell;
vertical-align: middle;
}
.gradient(#FFFFFF, #fcfcfc, #FFFFFF);
&.ow-pt-feature-odd {
.gradient(#f1f1f1, #eeeeee, #f1f1f1);
}
text-shadow: 0 1px 0 #FFFFFF;
strong {
font-weight: 500;
}
p {
margin: 0;
display: inline-block;
}
[class^="sow-icon-"] {
display: inline-block;
margin-right: 0.5em;
}
&:last-child {
border-bottom-width: 0;
}
}
}
&.ow-pt-even {
.ow-pt-features .ow-pt-feature {
.gradient(#f9f9f9, #f6f6f6, #f9f9f9);
&.ow-pt-feature-odd {
.gradient(#eeeeee, #ebebeb, #eeeeee);
}
}
}
&.ow-pt-last {
.ow-pt-details {
border-right-width: 1px;
}
.ow-pt-features .ow-pt-feature {
border-right-width: 1px;
}
}
.ow-pt-button {
display: block;
padding: 15px;
text-align: center;
.gradient( @button_container_color, darken( @button_container_color, 5.5% ), @button_container_color );
border-top: 1px solid #E0E0E0;
border-bottom: 1px solid #cfcfcf;
a.ow-pt-link {
display: inline-block;
.rounded(3px);
font-size: 0.9em;
padding: 0.675em 1.25em;
text-decoration: none;
color: @button_text_color;
.gradient(@button_background_color, darken(@button_background_color, 10%), @button_background_color);
border: 1px solid darken(@button_background_color, 20%);
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,0.25), 0 1px 2px rgba(0,0,0,0.15)");
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
margin: 0;
&:hover {
@button_background_color_hover: lighten(@button_background_color, 3%);
.gradient(@button_background_color_hover, darken(@button_background_color_hover, 10%), @button_background_color_hover);
border: 1px solid darken(@button_background_color_hover, 20%);
}
}
}
&.ow-pt-featured {
color: @featured_header_text_color;
margin-top: -20px;
.ow-pt-title {
border-color: darken(@featured_header_color, 20%);
.gradient(@featured_header_color, darken(@featured_header_color, 10%), @featured_header_color);
padding: 30px 0;
}
.ow-pt-details {
border-color: darken(@featured_header_color, 2%);
border-top-color: darken(@featured_header_color, 20%);
.gradient(lighten(@featured_header_color, 5%), lighten(@featured_header_color, 1%), lighten(@featured_header_color, 5%));
}
.ow-pt-button a.ow-pt-link {
color: @featured_button_text_color;
.gradient(@featured_button_background_color, darken(@featured_button_background_color, 10%), @featured_button_background_color);
border: 1px solid darken(@featured_button_background_color, 20%);
&:hover {
@featured_button_background_color_hover: lighten(@featured_button_background_color, 3%);
.gradient(@featured_button_background_color_hover, darken(@featured_button_background_color_hover, 10%), @featured_button_background_color_hover);
border: 1px solid darken(@featured_button_background_color_hover, 20%);
}
}
}
}
}
@media (max-width:680px) {
.ow-pt-columns-atom {
padding-top: 0;
&.sow-equalize-row-heights {
.ow-pt-title, .ow-pt-details, .ow-pt-image, .ow-pt-features, .ow-pt-button, .ow-pt-feature {
height: auto !important;
}
}
.ow-pt-column {
float: none;
width: auto !important;
margin-bottom: 20px;
&.ow-pt-featured {
margin-top: 0;
}
.ow-pt-details {
border-right-width: 1px;
}
.ow-pt-features {
.ow-pt-feature {
border-width: 0 1px 1px 1px;
}
}
}
}
}
tpl/atom.php 0000644 00000007144 15154157510 0007026 0 ustar 00 <?php
/**
* @var $title string
* @var $columns array
* @var $before_title string
* @var $after_title string
* @var $button_attrs boolean
* @var $equalize_row_heights boolean
* @var $any_column_has_image boolean
*/
$initial_button_attrs = $button_attrs;
?>
<?php if ( ! empty( $title ) ) {
echo $before_title . $title . $after_title;
} ?>
<div class="ow-pt-columns-atom<?php echo (bool) $equalize_row_heights ? ' sow-equalize-row-heights' : ''; ?>">
<?php foreach ( $columns as $i => $column ) { ?>
<div class="ow-pt-column <?php echo $this->get_column_classes( $column, $i, $columns ); ?>"
style="width: <?php echo round( 100 / count( $columns ), 3 ); ?>%">
<div class="ow-pt-title">
<?php echo wp_kses_post( $column['title'] ); ?>
<?php if ( ! empty( $column['subtitle'] ) ) { ?>
<div class="ow-pt-subtitle">
<?php echo wp_kses_post( $column['subtitle'] ); ?>
</div>
<?php } ?>
</div>
<div class="ow-pt-details">
<div class="ow-pt-price">
<?php echo wp_kses_post( $column['price'] ); ?>
</div>
<?php if ( ! empty( $column['sale_price'] ) ) { ?>
<span class="ow-pt-sale-price">
<?php echo wp_kses_post( $column['sale_price'] ); ?>
</span>
<?php } ?>
<div class="ow-pt-per"><?php echo wp_kses_post( $column['per'] ); ?></div>
</div>
<?php if ( ( $equalize_row_heights && $any_column_has_image ) || ! ( $equalize_row_heights || empty( $column['image'] ) ) ) { ?>
<div class="ow-pt-image">
<?php $this->column_image( $column ); ?>
</div>
<?php } ?>
<div class="ow-pt-features">
<?php foreach ( $column['features'] as $i => $feature ) { ?>
<div class="ow-pt-feature ow-pt-feature-<?php echo $i % 2 == 0 ? 'even' : 'odd'; ?> ow-pt-feature-index-<?php echo $i; ?>" title="<?php echo ! empty( $feature['hover'] ) ? esc_attr( $feature['hover'] ) : ''; ?>">
<?php
if ( ! empty( $feature['icon_new'] ) ) { ?>
<div class="sow-feature-icon">
<?php
$icon_styles = array();
if ( ! empty( $feature['icon_color'] ) ) {
$icon_styles[] = 'color: ' . $feature['icon_color'];
}
echo siteorigin_widget_get_icon( $feature['icon_new'], $icon_styles );
?>
</div>
<?php } ?>
<div class="sow-feature-text">
<p>
<?php echo wp_kses_post( $feature['text'] ); ?>
</p>
</div>
</div>
<?php } ?>
</div>
<?php if ( ! empty( $column['button'] ) ) { ?>
<div class="ow-pt-button">
<a
href="<?php echo sow_esc_url( $column['url'] ); ?>"
<?php
$button_attrs = apply_filters(
'siteorigin_widgets_price_table_button_attributes',
$initial_button_attrs,
$column
);
foreach ( $button_attrs as $attr => $val ) {
echo siteorigin_sanitize_attribute_key( $attr ) . '="' . esc_attr( $val ) . '" ';
}
?>
><?php echo esc_html( $column['button'] ); ?></a>
</div>
<?php } ?>
</div>
<?php
}
global $siteorigin_price_table_icons;
if ( empty( $siteorigin_price_table_icons ) ) {
$siteorigin_price_table_icons = array();
}
foreach ( $columns as $i => $column ) {
foreach ( $column['features'] as $feature ) {
if ( ! empty( $feature['icon'] ) && empty( $siteorigin_price_table_icons[ $feature['icon'] ] ) ) {
$siteorigin_price_table_icons[ $feature['icon'] ] = true;
echo '<div style="display:none" id="so-pt-icon-' . esc_url( $feature['icon'] ) . '">';
readfile( plugin_dir_path( __FILE__ ) . '../fontawesome/' . sanitize_file_name( $feature['icon'] ) . '.svg' );
echo '</div>';
}
}
}
?>
</div>