Learn more »
Push, build, and install
RubyGems
npm packages
Python packages
Maven artifacts
PHP packages
Go Modules
Bower components
Debian packages
RPM packages
NuGet packages
<?php
/**
* Cartflows Block Helper.
*
* @package Cartflows
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
if ( ! class_exists( 'Cartflows_Block_Helper' ) ) {
/**
* Class Cartflows_Block_Helper.
*/
class Cartflows_Block_Helper {
/**
* Get Next Step Button CSS
*
* @since x.x.x
* @param array $attr The block attributes.
* @param string $id The selector ID.
* @return array The Widget List.
*/
public static function get_next_step_button_css( $attr, $id ) {
$defaults = Cartflows_Gb_Helper::$block_list['wcfb/next-step-button']['attributes'];
$attr = array_merge( $defaults, (array) $attr );
$bg_type = ( isset( $attr['backgroundType'] ) ) ? $attr['backgroundType'] : 'none';
$overlay_type = ( isset( $attr['overlayType'] ) ) ? $attr['overlayType'] : 'none';
$m_selectors = array();
$t_selectors = array();
$selectors = array(
' .wpcf__next-step-button-wrap' => array(
'text-align' => $attr['align'],
),
' .wpcf__next-step-button-link' => array(
'text-align' => $attr['textAlignment'],
'color' => $attr['textColor'],
'background-color' => $attr['backgroundColor'],
'border-style' => $attr['borderStyle'],
'border-color' => $attr['borderColor'],
'border-width' => Cartflows_Gb_Helper::get_css_value( $attr['borderWidth'], 'px' ),
'border-radius' => Cartflows_Gb_Helper::get_css_value( $attr['borderRadius'], 'px' ),
'padding-top' => Cartflows_Gb_Helper::get_css_value( $attr['vPaddingDesktop'], $attr['paddingTypeDesktop'] ),
'padding-bottom' => Cartflows_Gb_Helper::get_css_value( $attr['vPaddingDesktop'], $attr['paddingTypeDesktop'] ),
'padding-left' => Cartflows_Gb_Helper::get_css_value( $attr['hPaddingDesktop'], $attr['paddingTypeDesktop'] ),
'padding-right' => Cartflows_Gb_Helper::get_css_value( $attr['hPaddingDesktop'], $attr['paddingTypeDesktop'] ),
),
' .wpcf__next-step-button-link:hover' => array(
'background-color' => $attr['buttonHoverColor'],
'color' => $attr['textHoverColor'],
'border-color' => $attr['borderHoverColor'],
),
' .wpcf__next-step-button-link .wpcf__next-step-button-content-wrap .wpcf__next-step-button-title-wrap' => array(
'text-transform' => $attr['titletextTransform'],
'letter-spacing' => Cartflows_Gb_Helper::get_css_value( $attr['titleletterSpacing'], 'px' ),
),
' .wpcf__next-step-button-link .wpcf__next-step-button-content-wrap .wpcf__next-step-button-sub-title' => array(
'margin-top' => Cartflows_Gb_Helper::get_css_value( $attr['titleBottomSpacing'], 'px' ),
'text-transform' => $attr['subtitletextTransform'],
'letter-spacing' => Cartflows_Gb_Helper::get_css_value( $attr['subtitleletterSpacing'], 'px' ),
),
' .wpcf__next-step-button-icon svg' => array(
'width' => Cartflows_Gb_Helper::get_css_value( $attr['iconSize'], 'px' ),
'height' => Cartflows_Gb_Helper::get_css_value( $attr['iconSize'], 'px' ),
'fill' => $attr['iconColor'],
),
' .wpcf__next-step-button-link:hover .wpcf__next-step-button-icon svg' => array(
'fill' => $attr['iconHoverColor'],
),
);
if ( 'full' === $attr['align'] ) {
$selectors[' a.wpcf__next-step-button-link'] = array(
'width' => '100%',
'justify-content' => 'center',
);
}
if ( 'color' == $bg_type ) {
$selectors[' .wpcf__next-step-button-link'] = array(
'opacity' => ( isset( $attr['backgroundOpacity'] ) && '' !== $attr['backgroundOpacity'] ) ? $attr['backgroundOpacity'] / 100 : '',
);
}
if ( 'gradient' == $bg_type ) {
$selectors[' .wpcf__next-step-button-link'] = array(
'border-style' => $attr['borderStyle'],
'border-color' => $attr['borderColor'],
'border-width' => Cartflows_Gb_Helper::get_css_value( $attr['borderWidth'], 'px' ),
'border-radius' => Cartflows_Gb_Helper::get_css_value( $attr['borderRadius'], 'px' ),
'padding-top' => Cartflows_Gb_Helper::get_css_value( $attr['vPaddingDesktop'], $attr['paddingTypeDesktop'] ),
'padding-bottom' => Cartflows_Gb_Helper::get_css_value( $attr['vPaddingDesktop'], $attr['paddingTypeDesktop'] ),
'padding-left' => Cartflows_Gb_Helper::get_css_value( $attr['hPaddingDesktop'], $attr['paddingTypeDesktop'] ),
'padding-right' => Cartflows_Gb_Helper::get_css_value( $attr['hPaddingDesktop'], $attr['paddingTypeDesktop'] ),
'color' => $attr['textColor'],
);
}
$position = str_replace( '-', ' ', $attr['backgroundPosition'] );
if ( 'image' == $bg_type ) {
$selectors[' .wpcf__next-step-button-link'] = array(
'opacity' => ( isset( $attr['backgroundOpacity'] ) && '' !== $attr['backgroundOpacity'] ) ? $attr['backgroundOpacity'] / 100 : 0,
'background-color' => $attr['backgroundImageColor'],
'border-style' => $attr['borderStyle'],
'border-color' => $attr['borderColor'],
'border-width' => Cartflows_Gb_Helper::get_css_value( $attr['borderWidth'], 'px' ),
'border-radius' => Cartflows_Gb_Helper::get_css_value( $attr['borderRadius'], 'px' ),
'padding-top' => Cartflows_Gb_Helper::get_css_value( $attr['vPaddingDesktop'], $attr['paddingTypeDesktop'] ),
'padding-bottom' => Cartflows_Gb_Helper::get_css_value( $attr['vPaddingDesktop'], $attr['paddingTypeDesktop'] ),
'padding-left' => Cartflows_Gb_Helper::get_css_value( $attr['hPaddingDesktop'], $attr['paddingTypeDesktop'] ),
'padding-right' => Cartflows_Gb_Helper::get_css_value( $attr['hPaddingDesktop'], $attr['paddingTypeDesktop'] ),
'color' => $attr['textColor'],
'background-image' => ( isset( $attr['backgroundImage'] ) && isset( $attr['backgroundImage']['url'] ) ) ? "url('" . $attr['backgroundImage']['url'] . "' )" : null,
'background-position' => $position,
'background-attachment' => $attr['backgroundAttachment'],
'background-repeat' => $attr['backgroundRepeat'],
'background-size' => $attr['backgroundSize'],
);
} elseif ( 'gradient' === $bg_type ) {
$selectors[' .wpcf__next-step-button-link']['background-color'] = 'transparent';
$selectors[' .wpcf__next-step-button-link']['opacity'] = ( isset( $attr['backgroundOpacity'] ) && '' !== $attr['backgroundOpacity'] ) ? $attr['backgroundOpacity'] / 100 : '';
if ( $attr['gradientValue'] ) {
$selectors[' .wpcf__next-step-button-link']['background-image'] = $attr['gradientValue'];
} else {
if ( 'linear' === $attr['gradientType'] ) {
$selectors[' .wpcf__next-step-button-link']['background-image'] = "linear-gradient(${ $attr['gradientAngle'] }deg, ${ $attr['gradientColor1'] } ${ $attr['gradientLocation1'] }%, ${ $attr['gradientColor2'] } ${ $attr['gradientLocation2'] }%)";
} else {
$selectors[' .wpcf__next-step-button-link']['background-image'] = "radial-gradient( at ${ $attr['gradientPosition'] }, ${ $attr['gradientColor1'] } ${ $attr['gradientLocation1'] }%, ${ $attr['gradientColor2'] } ${ $attr['gradientLocation2'] }%)";
}
}
}
$margin_type = ( 'after_title' === $attr['iconPosition'] || 'after_title_sub_title' === $attr['iconPosition'] ) ? 'margin-left' : 'margin-right';
$selectors[' .wpcf__next-step-button-icon svg'][ $margin_type ] = Cartflows_Gb_Helper::get_css_value( $attr['iconSpacing'], 'px' );
$t_selectors = array(
' .wpcf__next-step-button-wrap' => array(
'text-align' => $attr['talign'],
),
' .wpcf__next-step-button-link' => array(
'padding-top' => Cartflows_Gb_Helper::get_css_value( $attr['vPaddingTablet'], $attr['paddingTypeTablet'] ),
'padding-bottom' => Cartflows_Gb_Helper::get_css_value( $attr['vPaddingTablet'], $attr['paddingTypeTablet'] ),
'padding-left' => Cartflows_Gb_Helper::get_css_value( $attr['hPaddingTablet'], $attr['paddingTypeTablet'] ),
'padding-right' => Cartflows_Gb_Helper::get_css_value( $attr['hPaddingTablet'], $attr['paddingTypeTablet'] ),
),
);
$m_selectors = array(
' .wpcf__next-step-button-wrap' => array(
'text-align' => $attr['malign'],
),
' .wpcf__next-step-button-link' => array(
'padding-top' => Cartflows_Gb_Helper::get_css_value( $attr['vPaddingMobile'], $attr['paddingTypeMobile'] ),
'padding-bottom' => Cartflows_Gb_Helper::get_css_value( $attr['vPaddingMobile'], $attr['paddingTypeMobile'] ),
'padding-left' => Cartflows_Gb_Helper::get_css_value( $attr['hPaddingMobile'], $attr['paddingTypeMobile'] ),
'padding-right' => Cartflows_Gb_Helper::get_css_value( $attr['hPaddingMobile'], $attr['paddingTypeMobile'] ),
),
);
$combined_selectors = array(
'desktop' => $selectors,
'tablet' => $t_selectors,
'mobile' => $m_selectors,
);
$combined_selectors = Cartflows_Gb_Helper::get_typography_css( $attr, 'title', ' .wpcf__next-step-button-link .wpcf__next-step-button-content-wrap .wpcf__next-step-button-title-wrap', $combined_selectors );
$combined_selectors = Cartflows_Gb_Helper::get_typography_css( $attr, 'subTitle', ' .wpcf__next-step-button-link .wpcf__next-step-button-content-wrap .wpcf__next-step-button-sub-title', $combined_selectors );
return Cartflows_Gb_Helper::generate_all_css( $combined_selectors, ' .cf-block-' . $id );
}
/**
* Get Order Detail Form Block CSS
*
* @since x.x.x
* @param array $attr The block attributes.
* @param string $id The selector ID.
* @return array The Widget List.
*/
public static function get_order_detail_form_css( $attr, $id ) {
$defaults = Cartflows_Gb_Helper::$block_list['wcfb/order-detail-form']['attributes'];
$bg_type = ( isset( $attr['backgroundType'] ) ) ? $attr['backgroundType'] : 'none';
$overlay_type = ( isset( $attr['overlayType'] ) ) ? $attr['overlayType'] : 'none';
$attr = array_merge( $defaults, $attr );
$t_selectors = array();
$m_selectors = array();
$selectors = array();
$order_overview = ( $attr['orderOverview'] ) ? 'block' : 'none';
$order_details = ( $attr['orderDetails'] ) ? 'block' : 'none';
$billing_address = ( $attr['billingAddress'] ) ? 'block' : 'none';
$shipping_address = ( $attr['shippingAddress'] ) ? 'block' : 'none';
$shipping_address_position = ( $attr['billingAddress'] ) ? 'right' : 'left';
$customer_details = ( $attr['billingAddress'] || $attr['shippingAddress'] ) ? 'block' : 'none';
$selectors = array(
// Genaral.
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order ul.order_details' => array(
'display' => $order_overview,
),
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order section.woocommerce-order-details' => array(
'display' => $order_details,
),
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-customer-details .woocommerce-column--billing-address' => array(
'display' => $billing_address,
),
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-customer-details .woocommerce-column--shipping-address' => array(
'display' => $shipping_address,
'float' => $shipping_address_position,
),
// Spacing.
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order p.woocommerce-thankyou-order-received' => array(
'margin-bottom' => Cartflows_Gb_Helper::get_css_value( $attr['headingBottomSpacing'], 'px' ),
),
' .wpcf__order-detail-form .woocommerce-order ul.order_details, .wpcf__order-detail-form .woocommerce-order .woocommerce-customer-details, .wpcf__order-detail-form .woocommerce-order .woocommerce-order-details, .wpcf__order-detail-form .woocommerce-order .woocommerce-order-downloads, .wpcf__order-detail-form .woocommerce-order .woocommerce-bacs-bank-details, .wpcf__order-detail-form .woocommerce-order-details.mollie-instructions' => array(
'margin-bottom' => Cartflows_Gb_Helper::get_css_value( $attr['sectionSpacing'], 'px' ),
),
// Heading.
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-thankyou-order-received' => array(
'text-align' => $attr['headingAlignment'],
'color' => $attr['headingColor'],
),
// Sections.
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order h2' => array(
'color' => $attr['sectionHeadingColor'],
),
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order, .wpcf__order-detail-form .woocommerce-order-downloads table.shop_table' => array(
'color' => $attr['sectionContentColor'],
),
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details, .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-details, .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-customer-details, .wpcf__order-detail-form .woocommerce-order-downloads' => array(
'background-color' => $attr['sectionBackgroundColor'],
),
// Order Overview.
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details' => array(
'color' => $attr['orderOverviewTextColor'],
'background-color' => $attr['orderOverviewBackgroundColor'],
),
// Downloads.
' .wpcf__order-detail-form .woocommerce-order h2.woocommerce-order-downloads__title, .wpcf__order-detail-form .woocommerce-order .woocommerce-order-downloads h2.woocommerce-order-downloads__title' => array(
'color' => $attr['downloadHeadingColor'],
),
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-downloads table.shop_table' => array(
'color' => $attr['downloadContentColor'],
),
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-downloads' => array(
'background-color' => $attr['downloadBackgroundColor'],
),
// Order Details.
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title' => array(
'color' => $attr['orderDetailHeadingColor'],
),
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-details .woocommerce-table' => array(
'color' => $attr['orderDetailContentColor'],
),
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-details' => array(
'background-color' => $attr['orderDetailBackgroundColor'],
),
// Customer Details.
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-customer-details .woocommerce-column__title' => array(
'color' => $attr['customerDetailHeadingColor'],
),
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-customer-details address' => array(
'color' => $attr['customerDetailContentColor'],
),
' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-customer-details' => array(
'background-color' => $attr['customerDetailBackgroundColor'],
'display' => $customer_details,
),
);
$selectors[' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details, .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-details, .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-customer-details, .wpcf__order-detail-form .woocommerce-order-downloads'] = array(
'opacity' => ( isset( $attr['backgroundOpacity'] ) && '' !== $attr['backgroundOpacity'] ) ? $attr['backgroundOpacity'] / 100 : '',
'background-color' => $attr['backgroundColor'],
);
$position = str_replace( '-', ' ', $attr['backgroundPosition'] );
if ( 'image' == $bg_type ) {
$selectors[' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details, .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-details, .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-customer-details, .wpcf__order-detail-form .woocommerce-order-downloads'] = array(
'opacity' => ( isset( $attr['backgroundOpacity'] ) && '' !== $attr['backgroundOpacity'] ) ? $attr['backgroundOpacity'] / 100 : 0,
'background-color' => $attr['backgroundImageColor'],
'background-image' => ( isset( $attr['backgroundImage'] ) && isset( $attr['backgroundImage']['url'] ) ) ? "url('" . $attr['backgroundImage']['url'] . "' )" : null,
'background-position' => $position,
'background-attachment' => $attr['backgroundAttachment'],
'background-repeat' => $attr['backgroundRepeat'],
'background-size' => $attr['backgroundSize'],
);
}
// Order review.
$selectors[' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details'] = array(
'opacity' => ( isset( $attr['odbackgroundOpacity'] ) && '' !== $attr['odbackgroundOpacity'] ) ? $attr['odbackgroundOpacity'] / 100 : 0.79,
'background-color' => $attr['odbackgroundColor'],
);
$position = str_replace( '-', ' ', $attr['backgroundPosition'] );
if ( 'image' == $attr['odbackgroundType'] ) {
$selectors[' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details'] = array(
'opacity' => ( isset( $attr['odbackgroundOpacity'] ) && '' !== $attr['odbackgroundOpacity'] ) ? $attr['odbackgroundOpacity'] / 100 : 0,
'background-color' => $attr['odbackgroundImageColor'],
'background-image' => ( isset( $attr['odbackgroundImage'] ) && isset( $attr['odbackgroundImage']['url'] ) ) ? "url('" . $attr['odbackgroundImage']['url'] . "' )" : null,
'background-position' => $position,
'background-attachment' => $attr['odbackgroundAttachment'],
'background-repeat' => $attr['odbackgroundRepeat'],
'background-size' => $attr['odbackgroundSize'],
);
}
// Downloads.
$selectors[' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-downloads'] = array(
'opacity' => ( isset( $attr['dbackgroundOpacity'] ) && '' !== $attr['dbackgroundOpacity'] ) ? $attr['dbackgroundOpacity'] / 100 : 0.79,
'background-color' => $attr['dbackgroundType'],
);
$dposition = str_replace( '-', ' ', $attr['dbackgroundPosition'] );
if ( 'image' == $attr['dbackgroundType'] ) {
$selectors[' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-downloads'] = array(
'opacity' => ( isset( $attr['dbackgroundOpacity'] ) && '' !== $attr['dbackgroundOpacity'] ) ? $attr['dbackgroundOpacity'] / 100 : 0,
'background-color' => $attr['dbackgroundImageColor'],
'background-image' => ( isset( $attr['dbackgroundImage'] ) && isset( $attr['dbackgroundImage']['url'] ) ) ? "url('" . $attr['dbackgroundImage']['url'] . "' )" : null,
'background-position' => $dposition,
'background-attachment' => $attr['dbackgroundAttachment'],
'background-repeat' => $attr['dbackgroundRepeat'],
'background-size' => $attr['dbackgroundSize'],
);
}
// Order details.
$selectors[' .wpcf__order-detail-form .wcf-thankyou-wrap .woocommerce-order .woocommerce-order-details'] = array(