3826 lines
159 KiB
PHP
3826 lines
159 KiB
PHP
<?php
|
|
/**
|
|
* WooCommerce Compatibility File.
|
|
*
|
|
* @link https://woocommerce.com/
|
|
*
|
|
* @package Astra
|
|
*/
|
|
|
|
// If plugin - 'WooCommerce' not exist then return.
|
|
if ( ! class_exists( 'WooCommerce' ) ) {
|
|
return;
|
|
}
|
|
|
|
/**
|
|
* Astra WooCommerce Compatibility
|
|
*/
|
|
if ( ! class_exists( 'Astra_Woocommerce' ) ) :
|
|
|
|
/**
|
|
* Astra WooCommerce Compatibility
|
|
*
|
|
* @since 1.0.0
|
|
*/
|
|
class Astra_Woocommerce {
|
|
|
|
/**
|
|
* Member Variable
|
|
*
|
|
* @var object instance
|
|
*/
|
|
private static $instance;
|
|
|
|
/**
|
|
* Initiator
|
|
*/
|
|
public static function get_instance() {
|
|
if ( ! isset( self::$instance ) ) {
|
|
self::$instance = new self();
|
|
}
|
|
return self::$instance;
|
|
}
|
|
|
|
/**
|
|
* Constructor
|
|
*/
|
|
public function __construct() {
|
|
|
|
require_once ASTRA_THEME_DIR . 'inc/compatibility/woocommerce/woocommerce-common-functions.php';// phpcs:ignore: WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
|
|
|
add_filter( 'woocommerce_enqueue_styles', array( $this, 'woo_filter_style' ) );
|
|
|
|
add_filter( 'astra_theme_defaults', array( $this, 'theme_defaults' ) );
|
|
|
|
add_action( 'after_setup_theme', array( $this, 'setup_theme' ) );
|
|
|
|
// Register Store Sidebars.
|
|
add_action( 'widgets_init', array( $this, 'store_widgets_init' ), 15 );
|
|
// Replace Store Sidebars.
|
|
add_filter( 'astra_get_sidebar', array( $this, 'replace_store_sidebar' ) );
|
|
// Store Sidebar Layout.
|
|
add_filter( 'astra_page_layout', array( $this, 'store_sidebar_layout' ) );
|
|
// Store Content Layout.
|
|
add_filter( 'astra_get_content_layout', array( $this, 'store_content_layout' ) );
|
|
|
|
add_action( 'woocommerce_before_main_content', array( $this, 'before_main_content_start' ) );
|
|
add_action( 'woocommerce_after_main_content', array( $this, 'before_main_content_end' ) );
|
|
add_action( 'wp_enqueue_scripts', array( $this, 'add_scripts_styles' ) );
|
|
add_action( 'wp', array( $this, 'shop_customization' ), 5 );
|
|
add_action( 'wp_head', array( $this, 'single_product_customization' ), 5 );
|
|
add_action( 'wp', array( $this, 'woocommerce_init' ), 1 );
|
|
add_action( 'wp', array( $this, 'woocommerce_checkout' ) );
|
|
add_action( 'wp', array( $this, 'shop_meta_option' ), 1 );
|
|
add_action( 'wp', array( $this, 'cart_page_upselles' ) );
|
|
|
|
add_filter( 'loop_shop_columns', array( $this, 'shop_columns' ) );
|
|
add_filter( 'loop_shop_per_page', array( $this, 'shop_no_of_products' ) );
|
|
add_filter( 'body_class', array( $this, 'shop_page_products_item_class' ) );
|
|
add_filter( 'post_class', array( $this, 'single_product_class' ) );
|
|
add_filter( 'woocommerce_product_get_rating_html', array( $this, 'rating_markup' ), 10, 3 );
|
|
add_filter( 'woocommerce_output_related_products_args', array( $this, 'related_products_args' ) );
|
|
|
|
// Add Cart icon in Menu.
|
|
add_filter( 'astra_get_dynamic_header_content', array( $this, 'astra_header_cart' ), 10, 3 );
|
|
|
|
// Add Cart option in dropdown.
|
|
add_filter( 'astra_header_section_elements', array( $this, 'header_section_elements' ) );
|
|
|
|
// Cart fragment.
|
|
if ( defined( 'WC_VERSION' ) && version_compare( WC_VERSION, '2.3', '>=' ) ) {
|
|
add_filter( 'woocommerce_add_to_cart_fragments', array( $this, 'cart_link_fragment' ), 11 );
|
|
} else {
|
|
add_filter( 'add_to_cart_fragments', array( $this, 'cart_link_fragment' ), 11 );
|
|
}
|
|
|
|
add_action( 'woocommerce_before_shop_loop_item_title', array( $this, 'product_flip_image' ), 10 );
|
|
add_filter( 'woocommerce_subcategory_count_html', array( $this, 'subcategory_count_markup' ), 10, 2 );
|
|
|
|
add_action( 'customize_register', array( $this, 'customize_register' ), 2 );
|
|
|
|
add_filter( 'woocommerce_get_stock_html', 'astra_woo_product_in_stock', 10, 2 );
|
|
|
|
add_filter( 'astra_schema_body', array( $this, 'remove_body_schema' ) );
|
|
|
|
// Header Cart Icon.
|
|
add_action( 'astra_woo_header_cart_icons_before', array( $this, 'header_cart_icon_markup' ) );
|
|
|
|
add_action( 'astra_cart_in_menu_class', array( $this, 'header_cart_icon_class' ), 99 );
|
|
|
|
add_filter( 'woocommerce_demo_store', array( $this, 'astra_woocommerce_update_store_notice_atts' ) );
|
|
|
|
add_filter( 'astra_dynamic_theme_css', array( $this, 'astra_woocommerce_store_dynamic_css' ) );
|
|
|
|
// Single Product Free shipping.
|
|
add_action( 'astra_woo_single_price_after', array( $this, 'woocommerce_shipping_text' ) );
|
|
|
|
// Register Dynamic Sidebars.
|
|
if ( is_customize_preview() ) {
|
|
add_action( 'widgets_init', array( $this, 'store_widgets_dynamic' ), 15 );
|
|
add_action( 'wp', array( $this, 'store_widgets_dynamic' ), 15 );
|
|
} else {
|
|
add_action( 'widgets_init', array( $this, 'store_widgets_dynamic' ), 15 );
|
|
}
|
|
|
|
add_filter( 'woocommerce_cart_item_remove_link', array( $this, 'change_cart_close_icon' ), 10, 2 );
|
|
|
|
add_action( 'wp', array( $this, 'woocommerce_proceed_to_checkout_button' ) );
|
|
|
|
if ( self::load_theme_side_woocommerce_strcture() ) {
|
|
|
|
// Remove Default actions.
|
|
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
|
|
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 );
|
|
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
|
|
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
|
|
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
|
|
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
|
|
|
|
/* Add single product content */
|
|
add_action( 'woocommerce_single_product_summary', array( $this, 'single_product_content_structure' ), 10 );
|
|
}
|
|
|
|
add_action( 'admin_bar_menu', array( $this, 'astra_update_customize_admin_bar_link' ), 45 );
|
|
|
|
if ( self::load_theme_side_woocommerce_strcture() ) {
|
|
// Sticky add to cart.
|
|
add_action( 'wp_footer', array( $this, 'single_product_sticky_add_to_cart' ) );
|
|
add_filter( 'post_class', array( $this, 'post_class' ) );
|
|
}
|
|
|
|
if ( ! defined( 'ASTRA_EXT_VER' ) || ( defined( 'ASTRA_EXT_VER' ) && ! Astra_Ext_Extension::is_active( 'woocommerce' ) ) ) {
|
|
add_filter( 'woocommerce_sale_flash', array( $this, 'sale_flash' ), 10, 3 );
|
|
add_action( 'woocommerce_after_shop_loop_item', array( $this, 'add_modern_triggers_on_image' ), 5 );
|
|
}
|
|
|
|
add_filter( 'render_block_woocommerce/active-filters', array( $this, 'add_active_filter_widget_class' ), 10, 2 );
|
|
|
|
add_filter( 'option_woocommerce_enable_ajax_add_to_cart', array( $this, 'option_woocommerce_enable_ajax_add_to_cart' ) );
|
|
add_filter( 'option_woocommerce_cart_redirect_after_add', array( $this, 'option_woocommerce_cart_redirect_after_add' ) );
|
|
}
|
|
|
|
/**
|
|
* Add active filter widget class when "chip" toggle enabled.
|
|
*
|
|
* @since 3.9.4
|
|
* @access public
|
|
*
|
|
* @param string $block_content Rendered block content.
|
|
* @param array $block Block object.
|
|
*
|
|
* @return string Active filter block content.
|
|
*/
|
|
public function add_active_filter_widget_class( $block_content, $block ) {
|
|
|
|
if ( isset( $block['blockName'] ) && isset( $block['attrs']['displayStyle'] ) && 'chips' === $block['attrs']['displayStyle'] ) {
|
|
$block_content = preg_replace(
|
|
'/' . preg_quote( 'class="', '/' ) . '/',
|
|
'class="ast-woo-active-filter-widget ',
|
|
$block_content,
|
|
1
|
|
);
|
|
}
|
|
|
|
return $block_content;
|
|
}
|
|
|
|
/**
|
|
* As WooCommerce-Astra pro options moved to theme, decide here to load from theme's end after 3.9.2 version.
|
|
*
|
|
* @since 3.9.2
|
|
* @return bool true|false.
|
|
*/
|
|
public static function load_theme_side_woocommerce_strcture() {
|
|
return ! defined( 'ASTRA_EXT_VER' ) || astra_addon_check_version( '3.9.2', '>=' );
|
|
}
|
|
|
|
/**
|
|
* Post Class
|
|
*
|
|
* @param array $classes Default argument array.
|
|
* @return array
|
|
*/
|
|
public function post_class( $classes ) {
|
|
|
|
if ( is_shop() || is_product_taxonomy() || ( post_type_exists( 'product' ) && 'product' === get_post_type() ) ) {
|
|
|
|
// Shop page summary box alignment.
|
|
$shop_product_alignment = astra_get_option( 'shop-product-align-responsive' );
|
|
$desktop_alignment = ( isset( $shop_product_alignment['desktop'] ) ) ? $shop_product_alignment['desktop'] : '';
|
|
$tablet_alignment = ( isset( $shop_product_alignment['tablet'] ) ) ? $shop_product_alignment['tablet'] : '';
|
|
$mobile_alignment = ( isset( $shop_product_alignment['mobile'] ) ) ? $shop_product_alignment['mobile'] : '';
|
|
|
|
$classes[] = 'desktop-' . esc_attr( $desktop_alignment );
|
|
$classes[] = 'tablet-' . esc_attr( $tablet_alignment );
|
|
$classes[] = 'mobile-' . esc_attr( $mobile_alignment );
|
|
}
|
|
|
|
return $classes;
|
|
}
|
|
|
|
/**
|
|
* Modern Design Add to cart Markup
|
|
*
|
|
* @since 3.9.2
|
|
* @return mixed HTML markup.
|
|
*/
|
|
public function modern_add_to_cart() {
|
|
|
|
global $product;
|
|
$markup = '';
|
|
|
|
// Product link markup.
|
|
$header_woo_cart = astra_get_option( 'woo-header-cart-icon', 'default' );
|
|
$cart_icon = ( true === Astra_Icons::is_svg_icons() ) ? Astra_Icons::get_icons( 'default' === $header_woo_cart ? 'bag' : $header_woo_cart ) : Astra_Builder_UI_Controller::fetch_svg_icon( 'shopping-' . $header_woo_cart, false );
|
|
$classes = implode(
|
|
' ',
|
|
array_filter(
|
|
array(
|
|
'ast-on-card-button',
|
|
'ast-select-options-trigger',
|
|
'product_type_' . $product->get_type(),
|
|
$product->is_purchasable() && $product->is_in_stock() ? 'add_to_cart_button' : '',
|
|
$product->supports( 'ajax_add_to_cart' ) && $product->is_purchasable() && $product->is_in_stock() ? 'ajax_add_to_cart' : '',
|
|
)
|
|
)
|
|
);
|
|
$attributes = array(
|
|
'data-product_id' => $product->get_id(),
|
|
'data-product_sku' => $product->get_sku(),
|
|
'aria-label' => $product->add_to_cart_description(),
|
|
'rel' => 'nofollow',
|
|
);
|
|
$markup .= sprintf(
|
|
'<a href="%s" data-quantity="%s" class="%s" %s> <span class="ast-card-action-tooltip"> %s </span> <span class="ahfb-svg-iconset"> %s </span> </a>',
|
|
esc_url( $product->add_to_cart_url() ),
|
|
esc_attr( 1 ),
|
|
esc_attr( $classes ),
|
|
wc_implode_html_attributes( $attributes ),
|
|
esc_html( $product->add_to_cart_text() ),
|
|
$cart_icon
|
|
);
|
|
|
|
return $markup;
|
|
}
|
|
|
|
/**
|
|
* Modern shop page's triggers on product image.
|
|
*
|
|
* @since 3.9.2
|
|
*/
|
|
public function add_modern_triggers_on_image() {
|
|
|
|
/** @psalm-suppress UndefinedFunction */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
if ( astra_is_shop_page_modern_style() ) {
|
|
/** @psalm-suppress InvalidGlobal */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
global $product;
|
|
$markup = '';
|
|
|
|
// Sale bubble markup.
|
|
if ( $product->is_on_sale() ) {
|
|
$markup .= $this->get_sale_flash_markup( 'default', $product );
|
|
}
|
|
|
|
$markup .= $this->modern_add_to_cart();
|
|
|
|
/** @psalm-suppress TooManyArguments */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$html = apply_filters( 'astra_addon_shop_cards_buttons_html', $markup, $product );
|
|
/** @psalm-suppress TooManyArguments */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
|
|
echo $html; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Astra Sale flash markup.
|
|
*
|
|
* @param string $sale_notification sale bubble type.
|
|
* @param string $product Product.
|
|
* @since 3.9.2
|
|
* @return mixed HTML markup.
|
|
*/
|
|
public function get_sale_flash_markup( $sale_notification, $product ) {
|
|
$text = __( 'Sale!', 'astra' ); // Default text.
|
|
|
|
// CSS classes.
|
|
$classes = array();
|
|
/** @psalm-suppress UndefinedFunction */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$classes[] = ( astra_is_shop_page_modern_style() ) ? 'ast-on-card-button ast-onsale-card' : 'onsale';
|
|
/** @psalm-suppress UndefinedFunction */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$classes = implode( ' ', $classes );
|
|
|
|
// Generate markup.
|
|
return '<span ' . astra_attr(
|
|
'woo-sale-badge-container',
|
|
array(
|
|
'class' => $classes,
|
|
'data-sale' => array(),
|
|
'data-notification' => 'default',
|
|
)
|
|
) . '>' . esc_html( $text ) . '</span>';
|
|
}
|
|
|
|
/**
|
|
* Sale bubble flash
|
|
*
|
|
* @param mixed $markup HTML markup of the the sale bubble / flash.
|
|
* @param string $post Post.
|
|
* @param string $product Product.
|
|
* @since 3.9.2
|
|
* @return string bubble markup.
|
|
*/
|
|
public function sale_flash( $markup, $post, $product ) {
|
|
|
|
/** @psalm-suppress UndefinedFunction */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
if ( ( ! is_singular( 'product' ) && astra_is_shop_page_modern_style() ) ) {
|
|
/** @psalm-suppress UndefinedFunction */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
return '';
|
|
}
|
|
|
|
return $this->get_sale_flash_markup( 'default', $product );
|
|
}
|
|
|
|
/**
|
|
* Change cart close icon.
|
|
*
|
|
* @since 3.9.0
|
|
*
|
|
* @param string $string Close button html.
|
|
*
|
|
* @return string $string Close button html.
|
|
*/
|
|
public function change_cart_close_icon( $string ) {
|
|
$string = str_replace( '×', Astra_Builder_UI_Controller::fetch_svg_icon( 'close', false ), $string );
|
|
return $string;
|
|
}
|
|
|
|
/**
|
|
* Dynamic Store widgets.
|
|
*/
|
|
public function store_widgets_dynamic() {
|
|
$shop_filter_array = array(
|
|
'name' => esc_html__( 'WooCommerce Sidebar', 'astra' ),
|
|
'id' => 'astra-woo-shop-sidebar',
|
|
'description' => __( 'This sidebar will be used on Product archive, Cart, Checkout and My Account pages.', 'astra' ),
|
|
'before_widget' => '<div id="%1$s" class="ast-woo-sidebar-widget widget %2$s">',
|
|
'after_widget' => '</div>',
|
|
);
|
|
|
|
/** @psalm-suppress UndefinedClass */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
if ( astra_has_pro_woocommerce_addon() && astra_get_option( 'shop-filter-accordion' ) ) {
|
|
$shop_filter_array['before_title'] = '<h2 class="widget-title">';
|
|
$shop_filter_array['after_title'] = Astra_Builder_UI_Controller::fetch_svg_icon( 'angle-down', false ) . '</h2>';
|
|
$shop_filter_array['before_sidebar'] = '<div class="ast-accordion-layout ast-filter-wrap">';
|
|
$shop_filter_array['after_sidebar'] = '</div>';
|
|
} else {
|
|
$shop_filter_array['before_title'] = '<h2 class="widget-title">';
|
|
$shop_filter_array['after_title'] = '</h2>';
|
|
$shop_filter_array['before_sidebar'] = '<div class="ast-filter-wrap">';
|
|
$shop_filter_array['after_sidebar'] = '</div>';
|
|
}
|
|
|
|
register_sidebar(
|
|
apply_filters(
|
|
'astra_woocommerce_shop_sidebar_init',
|
|
$shop_filter_array
|
|
)
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Update WooCommerce store notice. Extending this function to add custom data-attr as per Astra's configuration.
|
|
*
|
|
* @since 3.9.0
|
|
*
|
|
* @param string $notice Store notice markup.
|
|
* @return string $notice Store notice markup.
|
|
*/
|
|
public function astra_woocommerce_update_store_notice_atts( $notice ) {
|
|
|
|
$store_notice_position = astra_get_option( 'store-notice-position' );
|
|
$notice = str_replace( 'data-notice-id', 'data-position="' . $store_notice_position . '" data-notice-id', $notice );
|
|
|
|
return $notice;
|
|
}
|
|
|
|
/**
|
|
* Adds shipping text after price.
|
|
*
|
|
* @since 3.9.0
|
|
*/
|
|
public function woocommerce_shipping_text() {
|
|
if ( astra_get_option( 'single-product-enable-shipping' ) ) {
|
|
$shipping_text = astra_get_option( 'single-product-shipping-text', false );
|
|
if ( false !== $shipping_text ) {
|
|
echo ' <span class="ast-shipping-text">' . esc_html( $shipping_text ) . '</span>';
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Dynamic CSS for store notice config.
|
|
*
|
|
* @since 3.9.0
|
|
*
|
|
* @param string $dynamic_css Astra Dynamic CSS.
|
|
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
|
*
|
|
* @return string $dynamic_css Generated dynamic CSS for WooCommerce store.
|
|
*/
|
|
public function astra_woocommerce_store_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
|
|
|
if ( is_checkout() ) {
|
|
$checkout_compatibility_css = '
|
|
.wc-block-checkout .wc-block-components-order-summary .wc-block-components-panel__button,
|
|
.wc-block-checkout .wc-block-components-order-summary .wc-block-components-panel__button:hover,
|
|
.wc-block-checkout .wc-block-components-order-summary .wc-block-components-panel__button:focus {
|
|
background: transparent;
|
|
color: inherit;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
font-weight: inherit;
|
|
padding: inherit;
|
|
}
|
|
';
|
|
|
|
$dynamic_css .= $checkout_compatibility_css;
|
|
}
|
|
|
|
if ( false === is_store_notice_showing() ) {
|
|
return $dynamic_css;
|
|
}
|
|
|
|
$store_notice_color = astra_get_option( 'store-notice-text-color' );
|
|
$store_notice_bg_color = astra_get_option( 'store-notice-background-color' );
|
|
/**
|
|
* WooCommerce store CSS.
|
|
*/
|
|
$css_output_desktop = array(
|
|
'body p.demo_store, body .woocommerce-store-notice, body p.demo_store a, body .woocommerce-store-notice a' => array(
|
|
'color' => esc_attr( $store_notice_color ),
|
|
'background-color' => esc_attr( $store_notice_bg_color ),
|
|
'transition' => 'none',
|
|
),
|
|
);
|
|
|
|
if ( 'hang-over-top' === astra_get_option( 'store-notice-position' ) ) {
|
|
$css_output_desktop['.ast-woocommerce-store-notice-hanged'] = array(
|
|
'margin-top' => '57px',
|
|
);
|
|
$css_output_desktop['.woocommerce-store-notice'] = array(
|
|
'max-height' => '57px',
|
|
'height' => '100%',
|
|
);
|
|
}
|
|
|
|
/* Parse CSS from array() */
|
|
$dynamic_css .= astra_parse_css( $css_output_desktop );
|
|
|
|
if ( is_user_logged_in() ) {
|
|
$admin_bar_desktop_css = array(
|
|
'.admin-bar .demo_store[data-position="top"], .admin-bar .demo_store[data-position="hang-over-top"]' => array(
|
|
'top' => '32px',
|
|
),
|
|
);
|
|
|
|
/* Min width 763px because below to this point admin-bar height converts to 46px. */
|
|
$dynamic_css .= astra_parse_css( $admin_bar_desktop_css, '783' );
|
|
|
|
$admin_bar_responsive_css = array(
|
|
'.admin-bar .demo_store[data-position="top"], .admin-bar .demo_store[data-position="hang-over-top"]' => array(
|
|
'top' => '46px',
|
|
),
|
|
);
|
|
|
|
/* Max width 762px because below to this point admin-bar height converts to 46px. */
|
|
$dynamic_css .= astra_parse_css( $admin_bar_responsive_css, '', '782' );
|
|
}
|
|
return $dynamic_css;
|
|
}
|
|
|
|
/**
|
|
* Header Cart icon
|
|
*
|
|
* @param string $cart_total_label_position Cart total label position.
|
|
* @param string $cart_label_markup Cart label markup.
|
|
* @param string $cart_info_markup Cart info markup.
|
|
* @param string $cart_icon Cart icon.
|
|
* @return void
|
|
*/
|
|
public function svg_cart_icon( $cart_total_label_position, $cart_label_markup, $cart_info_markup, $cart_icon ) {
|
|
// Remove Default cart icon added by theme.
|
|
add_filter( 'astra_woo_default_header_cart_icon', '__return_false' );
|
|
|
|
/* translators: 1: Cart Title Markup, 2: Cart Icon Markup */
|
|
/** @psalm-suppress InvalidArrayOffset */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
printf(
|
|
'<div class="ast-addon-cart-wrap ast-desktop-cart-position-%1$s ast-cart-mobile-position-%2$s ast-cart-tablet-position-%3$s ">
|
|
%4$s
|
|
%5$s
|
|
</div>',
|
|
( $cart_total_label_position['desktop'] ) ? $cart_total_label_position['desktop'] : '', // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
( $cart_total_label_position['mobile'] ) ? $cart_total_label_position['mobile'] : '', // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
( $cart_total_label_position['tablet'] ) ? $cart_total_label_position['tablet'] : '', // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
( '' !== $cart_label_markup ) ? $cart_info_markup : '', // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
( $cart_icon ) ? $cart_icon : '' // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Header Cart Extra Icons markup
|
|
*
|
|
* @return void;
|
|
*/
|
|
public function header_cart_icon_markup() {
|
|
|
|
$woo_cart_icon_new_user = astra_get_option( 'astra-woocommerce-cart-icons-flag', true );
|
|
/** @psalm-suppress DocblockTypeContradiction */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
if ( apply_filters( 'astra_woocommerce_cart_icon', $woo_cart_icon_new_user ) ) {
|
|
if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) {
|
|
return;
|
|
}
|
|
} else {
|
|
if ( false === Astra_Builder_Helper::$is_header_footer_builder_active && ! defined( 'ASTRA_EXT_VER' ) ) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
$defaults = apply_filters( 'astra_woocommerce_cart_icon', $woo_cart_icon_new_user ) ? 'bag' : 'default';
|
|
$icon = astra_get_option( 'woo-header-cart-icon', $defaults );
|
|
$cart_count_display = apply_filters( 'astra_header_cart_count', true );
|
|
$cart_title = apply_filters( 'astra_header_cart_title', __( 'Cart', 'astra' ) );
|
|
|
|
$cart_title_markup = '<span class="ast-woo-header-cart-title">' . esc_html( $cart_title ) . '</span>';
|
|
$cart_total_label_position = astra_get_option( 'woo-header-cart-icon-total-label-position' );
|
|
$cart_total_markup = '';
|
|
$cart_total_only_markup = '';
|
|
|
|
/** @psalm-suppress RedundantConditionGivenDocblockType */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$cart_check_total = astra_get_option( 'woo-header-cart-total-label' ) && null !== WC()->cart ? intval( WC()->cart->get_cart_contents_total() ) > 0 : true;
|
|
/** @psalm-suppress RedundantConditionGivenDocblockType */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
|
|
if ( null !== WC()->cart ) {
|
|
if ( $cart_check_total ) {
|
|
$cart_total_markup = '<span class="ast-woo-header-cart-total">' . WC()->cart->get_cart_subtotal() . '</span>';
|
|
$cart_total_only_markup = '<span class="ast-woo-header-cart-total-only">' . WC()->cart->get_cart_contents_total() . '</span>';
|
|
}
|
|
}
|
|
|
|
$cart_cur_name_markup = '';
|
|
if ( function_exists( 'get_woocommerce_currency' ) && $cart_check_total ) {
|
|
$cart_cur_name_markup = '<span class="ast-woo-header-cart-cur-name">' . get_woocommerce_currency() . '</span>';
|
|
}
|
|
|
|
$cart_cur_sym_markup = '';
|
|
if ( function_exists( 'get_woocommerce_currency_symbol' ) && $cart_check_total ) {
|
|
$cart_cur_sym_markup = '<span class="ast-woo-header-cart-cur-symbol">' . get_woocommerce_currency_symbol() . '</span>';
|
|
}
|
|
$display_cart_label = astra_get_option( 'woo-header-cart-label-display' );
|
|
|
|
$shortcode_label = array( '{cart_total_currency_symbol}', '{cart_title}', '{cart_total}', '{cart_currency_name}', '{cart_currency_symbol}' );
|
|
$shortcode_label_value = array( $cart_total_markup, $cart_title_markup, $cart_total_only_markup, $cart_cur_name_markup, $cart_cur_sym_markup );
|
|
|
|
$cart_label_markup = '';
|
|
$cart_label_markup = str_replace( $shortcode_label, $shortcode_label_value, $display_cart_label );
|
|
// Cart Title & Cart Cart total markup.
|
|
$cart_info_markup = sprintf(
|
|
'<span class="ast-woo-header-cart-info-wrap">
|
|
%1$s
|
|
</span>',
|
|
$cart_label_markup
|
|
);
|
|
|
|
$cart_contents_count = 0;
|
|
if ( null !== WC()->cart ) {
|
|
$cart_contents_count = WC()->cart->get_cart_contents_count();
|
|
}
|
|
|
|
// Cart Icon markup with total number of items.
|
|
$cart_icon = sprintf(
|
|
'<i class="astra-icon ast-icon-shopping-%1$s %2$s"
|
|
%3$s
|
|
>%4$s</i>',
|
|
( $icon ) ? $icon : '',
|
|
( $cart_count_display ) ? '' : 'no-cart-total',
|
|
( $cart_count_display ) ? 'data-cart-total="' . $cart_contents_count . '"' : '',
|
|
( $icon ) ? ( ( false !== Astra_Icons::is_svg_icons() ) ? Astra_Icons::get_icons( $icon ) : '' ) : ''
|
|
);
|
|
|
|
// Theme's default icon with cart title and cart total.
|
|
/** @psalm-suppress UndefinedClass */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
if ( 'default' === $icon ) {
|
|
// Cart Total or Cart Title enable then only add markup.
|
|
if ( '' !== $cart_label_markup ) {
|
|
echo $cart_info_markup; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
}
|
|
} else {
|
|
self::svg_cart_icon( $cart_total_label_position, $cart_label_markup, $cart_info_markup, $cart_icon );
|
|
}
|
|
|
|
}
|
|
|
|
/**
|
|
* Header Cart Icon Class
|
|
*
|
|
* @param array $classes Default argument array.
|
|
*
|
|
* @return array;
|
|
*/
|
|
public function header_cart_icon_class( $classes ) {
|
|
|
|
if ( false === Astra_Builder_Helper::$is_header_footer_builder_active && ! defined( 'ASTRA_EXT_VER' ) ) {
|
|
return $classes;
|
|
}
|
|
|
|
$header_cart_icon_style = astra_get_option( 'woo-header-cart-icon-style' );
|
|
|
|
$classes[] = 'ast-menu-cart-' . $header_cart_icon_style;
|
|
$header_cart_icon_has_color = astra_get_option( 'woo-header-cart-icon-color' );
|
|
if ( ! empty( $header_cart_icon_has_color ) && ( 'none' !== $header_cart_icon_style ) ) {
|
|
$classes[] = 'ast-menu-cart-has-color';
|
|
}
|
|
|
|
return $classes;
|
|
}
|
|
|
|
/**
|
|
* Remove body schema when using WooCommerce template.
|
|
* WooCommerce adds it's own product schema hence schema data from Astra should be disabled here.
|
|
*
|
|
* @since 1.8.0
|
|
* @param String $schema Schema markup.
|
|
* @return String
|
|
*/
|
|
public function remove_body_schema( $schema ) {
|
|
if ( is_woocommerce() ) {
|
|
$schema = '';
|
|
}
|
|
|
|
return $schema;
|
|
}
|
|
|
|
/**
|
|
* Rating Markup
|
|
*
|
|
* @since 1.2.2
|
|
* @param string $html Rating Markup.
|
|
* @param float $rating Rating being shown.
|
|
* @param int $count Total number of ratings.
|
|
* @return string
|
|
*/
|
|
public function rating_markup( $html, $rating, $count ) {
|
|
|
|
if ( 0 == $rating ) {
|
|
$html = '<div class="star-rating">';
|
|
$html .= wc_get_star_rating_html( $rating, $count );
|
|
$html .= '</div>';
|
|
}
|
|
return $html;
|
|
}
|
|
|
|
/**
|
|
* Cart Page Upselles products.
|
|
*
|
|
* @return void
|
|
*/
|
|
public function cart_page_upselles() {
|
|
|
|
$upselles_enabled = astra_get_option( 'enable-cart-upsells' );
|
|
if ( ! $upselles_enabled ) {
|
|
remove_action( 'woocommerce_cart_collaterals', 'woocommerce_cross_sell_display' );
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Subcategory Count Markup
|
|
*
|
|
* @param array $styles Css files.
|
|
*
|
|
* @return array
|
|
*/
|
|
public function woo_filter_style( $styles ) {
|
|
|
|
/* Directory and Extension */
|
|
$file_prefix = '.min';
|
|
$dir_name = 'minified';
|
|
|
|
$css_uri = ASTRA_THEME_URI . 'assets/css/' . $dir_name . '/compatibility/woocommerce/';
|
|
|
|
// Register & Enqueue Styles.
|
|
// Generate CSS URL.
|
|
|
|
if ( ! Astra_Builder_Helper::apply_flex_based_css() ) {
|
|
$styles = array(
|
|
'woocommerce-layout' => array(
|
|
'src' => $css_uri . 'woocommerce-layout' . $file_prefix . '.css',
|
|
'deps' => '',
|
|
'version' => ASTRA_THEME_VERSION,
|
|
'media' => 'all',
|
|
'has_rtl' => true,
|
|
),
|
|
'woocommerce-smallscreen' => array(
|
|
'src' => $css_uri . 'woocommerce-smallscreen' . $file_prefix . '.css',
|
|
'deps' => 'woocommerce-layout',
|
|
'version' => ASTRA_THEME_VERSION,
|
|
'media' => 'only screen and (max-width: ' . apply_filters( 'woocommerce_style_smallscreen_breakpoint', astra_get_tablet_breakpoint() . 'px' ) . ')', // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound
|
|
'has_rtl' => true,
|
|
),
|
|
'woocommerce-general' => array(
|
|
'src' => $css_uri . 'woocommerce' . $file_prefix . '.css',
|
|
'deps' => '',
|
|
'version' => ASTRA_THEME_VERSION,
|
|
'media' => 'all',
|
|
'has_rtl' => true,
|
|
),
|
|
);
|
|
} else {
|
|
$styles = array(
|
|
'woocommerce-layout' => array(
|
|
'src' => $css_uri . 'woocommerce-layout-grid' . $file_prefix . '.css',
|
|
'deps' => '',
|
|
'version' => ASTRA_THEME_VERSION,
|
|
'media' => 'all',
|
|
'has_rtl' => true,
|
|
),
|
|
'woocommerce-smallscreen' => array(
|
|
'src' => $css_uri . 'woocommerce-smallscreen-grid' . $file_prefix . '.css',
|
|
'deps' => 'woocommerce-layout',
|
|
'version' => ASTRA_THEME_VERSION,
|
|
'media' => 'only screen and (max-width: ' . apply_filters( 'woocommerce_style_smallscreen_breakpoint', astra_get_tablet_breakpoint() . 'px' ) . ')', // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound
|
|
'has_rtl' => true,
|
|
),
|
|
'woocommerce-general' => array(
|
|
'src' => $css_uri . 'woocommerce-grid' . $file_prefix . '.css',
|
|
'deps' => '',
|
|
'version' => ASTRA_THEME_VERSION,
|
|
'media' => 'all',
|
|
'has_rtl' => true,
|
|
),
|
|
);
|
|
}
|
|
|
|
if ( is_product() && astra_get_option( 'single-product-sticky-add-to-cart' ) ) {
|
|
$styles['sticky-add-to-cart'] = array(
|
|
'src' => $css_uri . 'sticky-add-to-cart' . $file_prefix . '.css',
|
|
'deps' => '',
|
|
'version' => ASTRA_THEME_VERSION,
|
|
'media' => 'all',
|
|
'has_rtl' => true,
|
|
);
|
|
}
|
|
|
|
return $styles;
|
|
}
|
|
|
|
/**
|
|
* Subcategory Count Markup
|
|
*
|
|
* @param mixed $content Count Markup.
|
|
* @param object $category Object of Category.
|
|
* @return mixed
|
|
*/
|
|
public function subcategory_count_markup( $content, $category ) {
|
|
|
|
$content = sprintf( // WPCS: XSS OK.
|
|
/* translators: 1: number of products */
|
|
_nx( '%1$s Product', '%1$s Products', $category->count, 'product categories', 'astra' ),
|
|
number_format_i18n( $category->count )
|
|
);
|
|
|
|
return '<mark class="count">' . $content . '</mark>';
|
|
}
|
|
|
|
/**
|
|
* Product Flip Image
|
|
*/
|
|
public function product_flip_image() {
|
|
/** @psalm-suppress InvalidGlobal */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
global $product;
|
|
/** @psalm-suppress InvalidGlobal */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
|
|
$hover_style = astra_get_option( 'shop-hover-style' );
|
|
|
|
if ( 'swap' === $hover_style ) {
|
|
|
|
$attachment_ids = $product->get_gallery_image_ids();
|
|
|
|
if ( $attachment_ids ) {
|
|
|
|
$image_size = apply_filters( 'single_product_archive_thumbnail_size', 'shop_catalog' ); // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound
|
|
|
|
echo apply_filters( 'astra_woocommerce_product_flip_image', wp_get_attachment_image( reset( $attachment_ids ), $image_size, false, array( 'class' => 'show-on-hover' ) ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Theme Defaults.
|
|
*
|
|
* @param array $defaults Array of options value.
|
|
* @return array
|
|
*/
|
|
public function theme_defaults( $defaults ) {
|
|
|
|
$theme_options = get_option( 'astra-settings' );
|
|
|
|
// Backward compatibility.
|
|
$defaults['astra-woocommerce-cart-icons-flag'] = true;
|
|
|
|
// Container.
|
|
$defaults['woocommerce-ast-content-layout'] = 'normal-width-container';
|
|
$defaults['archive-product-content-layout'] = 'default';
|
|
$defaults['single-product-content-layout'] = 'default';
|
|
|
|
// Content Style.
|
|
$defaults['woocommerce-content-style'] = 'unboxed';
|
|
$defaults['woocommerce-sidebar-style'] = 'unboxed';
|
|
|
|
// Sidebar.
|
|
$defaults['woocommerce-sidebar-layout'] = 'no-sidebar';
|
|
$defaults['archive-product-sidebar-layout'] = 'default';
|
|
$defaults['single-product-sidebar-layout'] = 'default';
|
|
|
|
/* Shop */
|
|
$defaults['shop-grids'] = array(
|
|
'desktop' => 4,
|
|
'tablet' => 3,
|
|
'mobile' => 2,
|
|
);
|
|
$defaults['shop-no-of-products'] = '12';
|
|
$defaults['shop-product-structure'] = array(
|
|
'category',
|
|
'title',
|
|
'ratings',
|
|
'price',
|
|
'add_cart',
|
|
);
|
|
$defaults['shop-hover-style'] = '';
|
|
|
|
/* Single */
|
|
$defaults['single-product-breadcrumb-disable'] = true;
|
|
$defaults['single-product-cart-button-width'] = array(
|
|
'desktop' => '',
|
|
'tablet' => '',
|
|
'mobile' => '',
|
|
);
|
|
|
|
/* Cart */
|
|
$defaults['enable-cart-upsells'] = true;
|
|
|
|
/* Store Notice */
|
|
$defaults['store-notice-text-color'] = '';
|
|
$defaults['store-notice-background-color'] = '';
|
|
$defaults['store-notice-position'] = 'top';
|
|
|
|
$defaults['shop-archive-width'] = 'default';
|
|
$defaults['shop-archive-max-width'] = 1200;
|
|
$defaults['shop-add-to-cart-action'] = 'default';
|
|
|
|
/* Free shipping */
|
|
$defaults['single-product-tabs-display'] = false;
|
|
$defaults['single-product-shipping-text'] = __( '& Free Shipping', 'astra' );
|
|
$defaults['single-product-variation-tabs-layout'] = 'vertical';
|
|
|
|
/* Cart button*/
|
|
$defaults['woo-enable-cart-button-text'] = false;
|
|
$defaults['woo-cart-button-text'] = __( 'Proceed to checkout', 'astra' );
|
|
|
|
/* Single product */
|
|
$defaults['single-product-structure'] = array(
|
|
'category',
|
|
'title',
|
|
'ratings',
|
|
'price',
|
|
'short_desc',
|
|
'add_cart',
|
|
'meta',
|
|
);
|
|
|
|
// Sticky add to cart.
|
|
$defaults['single-product-sticky-add-to-cart'] = false;
|
|
$defaults['single-product-sticky-add-to-cart-position'] = 'top';
|
|
|
|
/* Shop alignment */
|
|
$defaults['shop-product-align-responsive'] = array(
|
|
'desktop' => 'align-left',
|
|
'tablet' => 'align-left',
|
|
'mobile' => 'align-left',
|
|
);
|
|
|
|
/* Hide cart label */
|
|
$defaults['woo-header-cart-total-label'] = false;
|
|
|
|
/* Shop style */
|
|
$defaults['shop-style'] = isset( $theme_options['woo-shop-style-flag'] ) && $theme_options['woo-shop-style-flag'] ? 'shop-page-grid-style' : 'shop-page-modern-style';
|
|
|
|
$defaults['woo-header-cart-product-count-color'] = '';
|
|
$defaults['woo-header-cart-product-count-h-color'] = '';
|
|
// Add to cart Plus minus button type.
|
|
$defaults['single-product-plus-minus-button'] = astra_has_pro_woocommerce_addon() ? true : false;
|
|
$defaults['cart-plus-minus-button-type'] = 'normal';
|
|
|
|
// Single Product Payments.
|
|
$defaults['single-product-payment-icon-color'] = 'inherit';
|
|
$defaults['single-product-payment-text'] = __( 'Guaranteed Safe Checkout', 'astra' );
|
|
|
|
$defaults['single-product-payment-list'] = array(
|
|
'items' =>
|
|
array(
|
|
array(
|
|
'id' => 'item-1',
|
|
'enabled' => true,
|
|
'source' => 'icon',
|
|
'icon' => 'cc-visa',
|
|
'image' => '',
|
|
'label' => __( 'Visa', 'astra' ),
|
|
),
|
|
array(
|
|
'id' => 'item-2',
|
|
'enabled' => true,
|
|
'source' => 'icon',
|
|
'icon' => 'cc-mastercard',
|
|
'image' => '',
|
|
'label' => __( 'Mastercard', 'astra' ),
|
|
),
|
|
array(
|
|
'id' => 'item-3',
|
|
'enabled' => true,
|
|
'source' => 'icon',
|
|
'icon' => 'cc-amex',
|
|
'image' => '',
|
|
'label' => __( 'Amex', 'astra' ),
|
|
),
|
|
array(
|
|
'id' => 'item-4',
|
|
'enabled' => true,
|
|
'source' => 'icon',
|
|
'icon' => 'cc-discover',
|
|
'image' => '',
|
|
'label' => __( 'Discover', 'astra' ),
|
|
),
|
|
),
|
|
);
|
|
|
|
return $defaults;
|
|
}
|
|
|
|
/**
|
|
* Update Shop page grid
|
|
*
|
|
* @param int $col Shop Column.
|
|
* @return int
|
|
*/
|
|
public function shop_columns( $col ) {
|
|
|
|
$col = astra_get_option( 'shop-grids' );
|
|
return $col['desktop'];
|
|
}
|
|
|
|
/**
|
|
* Check if the current page is a Product Subcategory page or not.
|
|
*
|
|
* @param integer $category_id Current page Category ID.
|
|
* @return boolean
|
|
*/
|
|
public function astra_woo_is_subcategory( $category_id = null ) {
|
|
if ( is_tax( 'product_cat' ) ) {
|
|
if ( empty( $category_id ) ) {
|
|
$category_id = get_queried_object_id();
|
|
}
|
|
$category = get_term( get_queried_object_id(), 'product_cat' );
|
|
if ( empty( $category->parent ) ) {
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* Update Shop page grid
|
|
*
|
|
* @return int
|
|
*/
|
|
public function shop_no_of_products() {
|
|
$taxonomy_page_display = get_option( 'woocommerce_category_archive_display', false );
|
|
if ( is_product_taxonomy() && 'subcategories' === $taxonomy_page_display ) {
|
|
$products = astra_get_option( 'shop-no-of-products' );
|
|
if ( $this->astra_woo_is_subcategory() ) {
|
|
return $products;
|
|
} elseif ( is_product_taxonomy() ) {
|
|
return $products;
|
|
}
|
|
$products = wp_count_posts( 'product' )->publish;
|
|
} else {
|
|
$products = astra_get_option( 'shop-no-of-products' );
|
|
}
|
|
return $products;
|
|
}
|
|
|
|
/**
|
|
* Add products item class on shop page
|
|
*
|
|
* @param Array $classes product classes.
|
|
*
|
|
* @return array.
|
|
*/
|
|
public function shop_page_products_item_class( $classes = '' ) {
|
|
|
|
if ( is_shop() || is_product_taxonomy() ) {
|
|
$shop_grid = astra_get_option( 'shop-grids' );
|
|
$classes[] = 'columns-' . $shop_grid['desktop'];
|
|
$classes[] = 'tablet-columns-' . $shop_grid['tablet'];
|
|
$classes[] = 'mobile-columns-' . $shop_grid['mobile'];
|
|
|
|
$classes[] = 'ast-woo-shop-archive';
|
|
}
|
|
// Cart menu is emabled.
|
|
$rt_section = astra_get_option( 'header-main-rt-section' );
|
|
|
|
if ( 'woocommerce' === $rt_section ) {
|
|
$classes[] = 'ast-woocommerce-cart-menu';
|
|
}
|
|
|
|
if ( is_store_notice_showing() && 'hang-over-top' === astra_get_option( 'store-notice-position' ) ) {
|
|
$classes[] = 'ast-woocommerce-store-notice-hanged';
|
|
}
|
|
|
|
return $classes;
|
|
}
|
|
|
|
/**
|
|
* Get grid columns for either Archive|Single product.
|
|
* Introducing this function to reduce lot of CSS we write for 'grid-template-columns' for every count (till 6).
|
|
*
|
|
* @param string $type - WooCommerce page type Archive/Single.
|
|
* @param string $device - Device specific grid option.
|
|
* @param int $default - Default grid count (fallback basically).
|
|
*
|
|
* @return int grid count.
|
|
* @since 3.4.3
|
|
*/
|
|
public function get_grid_column_count( $type = 'archive', $device = 'desktop', $default = 2 ) {
|
|
|
|
if ( 'archive' === $type ) {
|
|
$products_grid = astra_get_option( 'shop-grids' );
|
|
} else {
|
|
$products_grid = astra_get_option( 'single-product-related-upsell-grid' );
|
|
}
|
|
|
|
return isset( $products_grid[ $device ] ) ? absint( $products_grid[ $device ] ) : $default;
|
|
}
|
|
|
|
/**
|
|
* Add class on single product page
|
|
*
|
|
* @param Array $classes product classes.
|
|
*
|
|
* @return array.
|
|
*/
|
|
public function single_product_class( $classes ) {
|
|
|
|
if ( is_product() && 0 == get_post_meta( get_the_ID(), '_wc_review_count', true ) ) {
|
|
$classes[] = 'ast-woo-product-no-review';
|
|
}
|
|
|
|
if ( is_shop() || is_product_taxonomy() ) {
|
|
$hover_style = astra_get_option( 'shop-hover-style' );
|
|
|
|
if ( '' !== $hover_style ) {
|
|
$classes[] = 'astra-woo-hover-' . $hover_style;
|
|
}
|
|
}
|
|
|
|
return $classes;
|
|
}
|
|
|
|
/**
|
|
* Update woocommerce related product numbers
|
|
*
|
|
* @param array $args Related products array.
|
|
* @return array
|
|
*/
|
|
public function related_products_args( $args ) {
|
|
|
|
$col = astra_get_option( 'shop-grids' );
|
|
$args['posts_per_page'] = $col['desktop'];
|
|
return $args;
|
|
}
|
|
|
|
/**
|
|
* Setup theme
|
|
*
|
|
* @since 1.0.3
|
|
*/
|
|
public function setup_theme() {
|
|
|
|
// WooCommerce.
|
|
add_theme_support( 'wc-product-gallery-zoom' );
|
|
add_theme_support( 'wc-product-gallery-lightbox' );
|
|
add_theme_support( 'wc-product-gallery-slider' );
|
|
}
|
|
|
|
/**
|
|
* Store widgets init.
|
|
*/
|
|
public function store_widgets_init() {
|
|
register_sidebar(
|
|
apply_filters(
|
|
'astra_woocommerce_shop_sidebar_init',
|
|
array(
|
|
'name' => esc_html__( 'WooCommerce Sidebar', 'astra' ),
|
|
'id' => 'astra-woo-shop-sidebar',
|
|
'description' => __( 'This sidebar will be used on Product archive, Cart, Checkout and My Account pages.', 'astra' ),
|
|
'before_widget' => '<div id="%1$s" class="widget %2$s">',
|
|
'after_widget' => '</div>',
|
|
'before_title' => '<h2 class="widget-title">',
|
|
'after_title' => '</h2>',
|
|
)
|
|
)
|
|
);
|
|
register_sidebar(
|
|
apply_filters(
|
|
'astra_woocommerce_single_sidebar_init',
|
|
array(
|
|
'name' => esc_html__( 'Product Sidebar', 'astra' ),
|
|
'id' => 'astra-woo-single-sidebar',
|
|
'description' => __( 'This sidebar will be used on Single Product page.', 'astra' ),
|
|
'before_widget' => '<div id="%1$s" class="widget %2$s">',
|
|
'after_widget' => '</div>',
|
|
'before_title' => '<h2 class="widget-title">',
|
|
'after_title' => '</h2>',
|
|
)
|
|
)
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Assign shop sidebar for store page.
|
|
*
|
|
* @param String $sidebar Sidebar.
|
|
*
|
|
* @return String $sidebar Sidebar.
|
|
*/
|
|
public function replace_store_sidebar( $sidebar ) {
|
|
|
|
if ( is_shop() || is_product_taxonomy() || is_checkout() || is_cart() || is_account_page() ) {
|
|
$sidebar = 'astra-woo-shop-sidebar';
|
|
} elseif ( is_product() ) {
|
|
$sidebar = 'astra-woo-single-sidebar';
|
|
}
|
|
|
|
return $sidebar;
|
|
}
|
|
|
|
/**
|
|
* WooCommerce Container
|
|
*
|
|
* @param String $sidebar_layout Layout type.
|
|
*
|
|
* @return String $sidebar_layout Layout type.
|
|
*/
|
|
public function store_sidebar_layout( $sidebar_layout ) {
|
|
|
|
if ( is_shop() || is_product_taxonomy() || is_checkout() || is_cart() || is_account_page() || is_product() ) {
|
|
|
|
$woo_sidebar = astra_get_option( 'woocommerce-sidebar-layout' );
|
|
$astra_with_modern_ecommerce = astra_get_option( 'modern-ecommerce-setup', true );
|
|
|
|
if ( 'default' !== $woo_sidebar ) {
|
|
$sidebar_layout = $woo_sidebar;
|
|
}
|
|
|
|
$global_page_specific_layout = 'default';
|
|
|
|
if ( is_shop() || is_product_taxonomy() ) {
|
|
$global_page_specific_layout = astra_get_option( 'archive-product-sidebar-layout', 'default' );
|
|
}
|
|
|
|
if ( is_product() ) {
|
|
$single_product_fallback_sidebar = ( false === $astra_with_modern_ecommerce ) ? astra_get_option( 'site-sidebar-layout' ) : astra_get_option( 'woocommerce-sidebar-layout' );
|
|
$single_product_sidebar = astra_get_option( 'single-product-sidebar-layout', 'default' );
|
|
$global_page_specific_layout = 'default' === $single_product_sidebar ? $single_product_fallback_sidebar : $single_product_sidebar;
|
|
}
|
|
|
|
if ( 'default' !== $global_page_specific_layout ) {
|
|
$sidebar_layout = $global_page_specific_layout;
|
|
}
|
|
|
|
if ( is_shop() ) {
|
|
$shop_page_id = get_option( 'woocommerce_shop_page_id' );
|
|
$shop_sidebar = get_post_meta( $shop_page_id, 'site-sidebar-layout', true );
|
|
} elseif ( is_product_taxonomy() ) {
|
|
$shop_sidebar = 'default';
|
|
} else {
|
|
$shop_sidebar = astra_get_option_meta( 'site-sidebar-layout', '', true );
|
|
}
|
|
|
|
if ( 'default' !== $shop_sidebar && ! empty( $shop_sidebar ) ) {
|
|
$sidebar_layout = $shop_sidebar;
|
|
}
|
|
}
|
|
|
|
return apply_filters( 'astra_get_store_sidebar_layout', $sidebar_layout );
|
|
}
|
|
/**
|
|
* WooCommerce Container
|
|
*
|
|
* @param String $layout Layout type.
|
|
*
|
|
* @return String $layout Layout type.
|
|
*/
|
|
public function store_content_layout( $layout ) {
|
|
|
|
if ( is_woocommerce() || is_checkout() || is_cart() || is_account_page() ) {
|
|
|
|
$woo_layout = astra_toggle_layout( 'woocommerce-ast-content-layout', 'global', false );
|
|
|
|
// If not default override with woocommerce global container settings.
|
|
if ( 'default' !== $woo_layout ) {
|
|
$layout = $woo_layout;
|
|
}
|
|
|
|
$global_page_specific_layout = 'default';
|
|
|
|
if ( is_shop() || is_product_taxonomy() ) {
|
|
$global_page_specific_layout = astra_toggle_layout( 'archive-product-ast-content-layout', 'archive', false );
|
|
}
|
|
|
|
if ( is_product() ) {
|
|
$global_page_specific_layout = astra_toggle_layout( 'single-product-ast-content-layout', 'single', false );
|
|
}
|
|
|
|
// If page specific is not default, overide with page specific layout.
|
|
if ( 'default' !== $global_page_specific_layout ) {
|
|
$layout = $global_page_specific_layout;
|
|
}
|
|
|
|
if ( is_shop() ) {
|
|
$shop_page_id = get_option( 'woocommerce_shop_page_id' );
|
|
$shop_layout = astra_toggle_layout( 'ast-site-content-layout', 'meta', $shop_page_id );
|
|
} elseif ( is_product_taxonomy() ) {
|
|
$shop_layout = 'default';
|
|
} else {
|
|
$old_meta_layout = astra_get_option_meta( 'site-content-layout', '', true );
|
|
if ( isset( $old_meta_layout ) ) {
|
|
$shop_layout = astra_toggle_layout( 'ast-site-content-layout', 'meta', false, $old_meta_layout );
|
|
} else {
|
|
$shop_layout = astra_toggle_layout( 'ast-site-content-layout', 'meta', false );
|
|
}
|
|
}
|
|
|
|
// If meta is not default, overide with meta container layout settings.
|
|
if ( 'default' !== $shop_layout && ! empty( $shop_layout ) ) {
|
|
$layout = $shop_layout;
|
|
}
|
|
}
|
|
|
|
return apply_filters( 'astra_get_store_content_layout', $layout );
|
|
}
|
|
|
|
/**
|
|
* Shop Page Meta
|
|
*
|
|
* @return void
|
|
*/
|
|
public function shop_meta_option() {
|
|
|
|
// Page Title.
|
|
if ( is_shop() ) {
|
|
|
|
$shop_page_id = get_option( 'woocommerce_shop_page_id' );
|
|
$shop_title = get_post_meta( $shop_page_id, 'site-post-title', true );
|
|
$main_header_display = get_post_meta( $shop_page_id, 'ast-main-header-display', true );
|
|
$footer_layout = get_post_meta( $shop_page_id, 'footer-sml-layout', true );
|
|
|
|
if ( 'disabled' === $shop_title ) {
|
|
add_filter( 'woocommerce_show_page_title', '__return_false' );
|
|
}
|
|
|
|
if ( 'disabled' === $main_header_display ) {
|
|
remove_action( 'astra_masthead', 'astra_masthead_primary_template' );
|
|
}
|
|
|
|
if ( 'disabled' === $footer_layout ) {
|
|
remove_action( 'astra_footer_content', 'astra_footer_small_footer_template', 5 );
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Shop customization.
|
|
*
|
|
* @return void
|
|
*/
|
|
public function shop_customization() {
|
|
|
|
if ( ! apply_filters( 'astra_woo_shop_product_structure_override', false ) ) {
|
|
|
|
add_action( 'woocommerce_before_shop_loop_item', 'astra_woo_shop_thumbnail_wrap_start', 6 );
|
|
/**
|
|
* Add sale flash before shop loop.
|
|
*/
|
|
add_action( 'woocommerce_before_shop_loop_item', 'woocommerce_show_product_loop_sale_flash', 9 );
|
|
|
|
add_action( 'woocommerce_after_shop_loop_item', 'astra_woo_shop_thumbnail_wrap_end', 8 );
|
|
/**
|
|
* Add Out of Stock to the Shop page
|
|
*/
|
|
add_action( 'woocommerce_shop_loop_item_title', 'astra_woo_shop_out_of_stock', 8 );
|
|
|
|
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
|
|
|
|
/**
|
|
* Shop Page Product Content Sorting
|
|
*/
|
|
add_action( 'woocommerce_after_shop_loop_item', 'astra_woo_woocommerce_shop_product_content' );
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Checkout customization.
|
|
*
|
|
* @return void
|
|
*/
|
|
public function woocommerce_checkout() {
|
|
|
|
if ( is_admin() ) {
|
|
return;
|
|
}
|
|
|
|
if ( ! apply_filters( 'astra_woo_shop_product_structure_override', false ) ) {
|
|
|
|
/**
|
|
* Checkout Page
|
|
*/
|
|
add_action( 'woocommerce_checkout_billing', array( WC()->checkout(), 'checkout_form_shipping' ) );
|
|
}
|
|
|
|
// Checkout Page.
|
|
remove_action( 'woocommerce_checkout_shipping', array( WC()->checkout(), 'checkout_form_shipping' ) );
|
|
}
|
|
|
|
/**
|
|
* Single product customization.
|
|
*
|
|
* @return void
|
|
*/
|
|
public function single_product_customization() {
|
|
|
|
if ( ! is_product() ) {
|
|
return;
|
|
}
|
|
|
|
add_filter( 'woocommerce_product_description_heading', '__return_false' );
|
|
add_filter( 'woocommerce_product_additional_information_heading', '__return_false' );
|
|
|
|
// Breadcrumb.
|
|
remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0 );
|
|
|
|
if ( astra_get_option( 'single-product-breadcrumb-disable' ) ) {
|
|
add_action( 'woocommerce_single_product_summary', 'woocommerce_breadcrumb', 2 );
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Remove Woo-Commerce Default actions
|
|
*/
|
|
public function woocommerce_init() {
|
|
add_action( 'woocommerce_after_mini_cart', array( $this, 'astra_update_flyout_cart_layout' ) );
|
|
|
|
remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10 );
|
|
remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10 );
|
|
remove_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10 );
|
|
remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_rating', 5 );
|
|
remove_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10 );
|
|
remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );
|
|
remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_show_product_loop_sale_flash', 10 );
|
|
}
|
|
|
|
/**
|
|
* Add start of wrapper
|
|
*/
|
|
public function before_main_content_start() {
|
|
$site_sidebar = astra_page_layout();
|
|
if ( 'left-sidebar' == $site_sidebar ) {
|
|
get_sidebar();
|
|
}
|
|
?>
|
|
<div id="primary" class="content-area primary">
|
|
|
|
<?php astra_primary_content_top(); ?>
|
|
|
|
<main id="main" class="site-main">
|
|
<div class="ast-woocommerce-container">
|
|
<?php
|
|
}
|
|
|
|
/**
|
|
* Add end of wrapper
|
|
*/
|
|
public function before_main_content_end() {
|
|
?>
|
|
</div> <!-- .ast-woocommerce-container -->
|
|
</main> <!-- #main -->
|
|
|
|
<?php astra_primary_content_bottom(); ?>
|
|
|
|
</div> <!-- #primary -->
|
|
<?php
|
|
$site_sidebar = astra_page_layout();
|
|
if ( 'right-sidebar' == $site_sidebar ) {
|
|
get_sidebar();
|
|
}
|
|
}
|
|
/**
|
|
* Astra update default font size and font weight.
|
|
*
|
|
* @since 4.6.0
|
|
* @return boolean
|
|
*/
|
|
public static function astra_update_default_font_styling() {
|
|
$astra_settings = get_option( ASTRA_THEME_SETTINGS );
|
|
$astra_settings['ast-font-style-update'] = isset( $astra_settings['ast-font-style-update'] ) ? false : true;
|
|
return apply_filters( 'astra_default_font_style_update', $astra_settings['ast-font-style-update'] );
|
|
}
|
|
|
|
/**
|
|
* Enqueue styles
|
|
*
|
|
* @since 1.0.31
|
|
*/
|
|
public function add_scripts_styles() {
|
|
if ( is_cart() ) {
|
|
wp_enqueue_script( 'wc-cart-fragments' ); // Require for cart widget update on the cart page.
|
|
}
|
|
|
|
/**
|
|
* - Variable Declaration
|
|
*/
|
|
$is_site_rtl = is_rtl();
|
|
$theme_color = astra_get_option( 'theme-color' );
|
|
$link_color = astra_get_option( 'link-color', $theme_color );
|
|
$text_color = astra_get_option( 'text-color' );
|
|
$link_h_color = astra_get_option( 'link-h-color' );
|
|
$if_free_shipping = astra_get_option( 'single-product-enable-shipping' );
|
|
$single_product_heading_tab_active_color = astra_get_option( 'single-product-heading-tab-active-color' );
|
|
$global_palette = astra_get_option( 'global-color-palette' );
|
|
$ltr_left = $is_site_rtl ? 'right' : 'left';
|
|
$ltr_right = $is_site_rtl ? 'left' : 'right';
|
|
$icon_cart_color_slug = '';
|
|
$theme_btn_font_size = astra_get_option( 'font-size-button' );
|
|
$font_style_updates = self::astra_update_default_font_styling();
|
|
|
|
if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) {
|
|
$icon_cart_color_slug = 'woo-header-cart-icon-color';
|
|
} else {
|
|
$icon_cart_color_slug = 'header-woo-cart-icon-color';
|
|
}
|
|
|
|
// Supporting color setting for default icon as well.
|
|
$can_update_cart_color = astra_cart_color_default_icon_old_header();
|
|
$cart_new_color_setting = astra_get_option( $icon_cart_color_slug, $theme_color );
|
|
$header_cart_count_color = ( $can_update_cart_color ) ? $cart_new_color_setting : $theme_color;
|
|
|
|
|
|
$btn_color = astra_get_option( 'button-color' );
|
|
if ( empty( $btn_color ) ) {
|
|
$btn_color = astra_get_foreground_color( $theme_color );
|
|
}
|
|
|
|
$btn_h_color = astra_get_option( 'button-h-color' );
|
|
if ( empty( $btn_h_color ) ) {
|
|
$btn_h_color = astra_get_foreground_color( $link_h_color );
|
|
}
|
|
$btn_bg_color = astra_get_option( 'button-bg-color', '', $theme_color );
|
|
$btn_bg_h_color = astra_get_option( 'button-bg-h-color', '', $link_h_color );
|
|
|
|
$btn_border_radius_fields = astra_get_option( 'button-radius-fields' );
|
|
$theme_btn_padding = astra_get_option( 'theme-button-padding' );
|
|
|
|
$cart_h_color = astra_get_foreground_color( $link_h_color );
|
|
|
|
$site_content_width = astra_get_option( 'site-content-width', 1200 );
|
|
$woo_shop_archive_width = astra_get_option( 'shop-archive-width' );
|
|
$woo_shop_archive_max_width = astra_get_option( 'shop-archive-max-width' );
|
|
|
|
// global button border settings.
|
|
$global_custom_button_border_size = astra_get_option( 'theme-button-border-group-border-size' );
|
|
$btn_border_color = astra_get_option( 'theme-button-border-group-border-color' );
|
|
$btn_border_h_color = astra_get_option( 'theme-button-border-group-border-h-color' );
|
|
|
|
$css_output = '';
|
|
|
|
$theme_color = astra_get_option( 'theme-color' );
|
|
$btn_color = astra_get_option( 'button-color' );
|
|
|
|
if ( empty( $btn_color ) ) {
|
|
$btn_color = astra_get_foreground_color( $theme_color );
|
|
}
|
|
|
|
// WooCommerce global button compatibility for new users only.
|
|
$woo_btn_compatibility_desktop = array();
|
|
$woo_btn_compatibility_tablet = array();
|
|
$woo_btn_compatibility_mobile = array();
|
|
$astra_support_woo_btns_global = Astra_Dynamic_CSS::astra_woo_support_global_settings();
|
|
|
|
if ( $astra_support_woo_btns_global ) {
|
|
$woo_btn_compatibility_desktop = astra_get_font_array_css( astra_get_option( 'font-family-button' ), astra_get_option( 'font-weight-button' ), $theme_btn_font_size, 'font-extras-button' );
|
|
$woo_btn_compatibility_tablet = array(
|
|
'font-size' => astra_get_font_css_value( $theme_btn_font_size['tablet'], $theme_btn_font_size['tablet-unit'] ),
|
|
);
|
|
$woo_btn_compatibility_mobile = array(
|
|
'font-size' => astra_get_font_css_value( $theme_btn_font_size['mobile'], $theme_btn_font_size['mobile-unit'] ),
|
|
);
|
|
}
|
|
|
|
$css_desktop_output = array(
|
|
'#customer_details h3:not(.elementor-widget-woocommerce-checkout-page h3)' => array(
|
|
'font-size' => $font_style_updates ? '' : '1.2rem',
|
|
'padding' => '20px 0 14px',
|
|
'margin' => '0 0 20px',
|
|
'border-bottom' => '1px solid var(--ast-border-color)',
|
|
'font-weight' => $font_style_updates ? '' : '700',
|
|
),
|
|
'form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading)' => array(
|
|
'border-width' => '2px 2px 0 2px',
|
|
'border-style' => 'solid',
|
|
'font-size' => $font_style_updates ? '' : '1.2rem',
|
|
'margin' => '0',
|
|
'padding' => '1.5em 1.5em 1em',
|
|
'border-color' => 'var(--ast-border-color)',
|
|
'font-weight' => $font_style_updates ? '' : '700',
|
|
),
|
|
'.woocommerce-Address h3, .cart-collaterals h2' => array(
|
|
'font-size' => $font_style_updates ? '' : '1.2rem',
|
|
'padding' => '.7em 1em',
|
|
),
|
|
'.woocommerce-cart .cart-collaterals .cart_totals>h2' => array(
|
|
'font-weight' => $font_style_updates ? '' : '700',
|
|
),
|
|
'form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review)' => array(
|
|
'padding' => '0 2em',
|
|
'border-width' => '0 2px 2px',
|
|
'border-style' => 'solid',
|
|
'border-color' => 'var(--ast-border-color)',
|
|
),
|
|
'ul#shipping_method li:not(.elementor-widget-woocommerce-cart #shipping_method li)' => array(
|
|
'margin' => '0',
|
|
'padding' => '0.25em 0 0.25em 22px',
|
|
'text-indent' => '-22px',
|
|
'list-style' => 'none outside',
|
|
),
|
|
'.woocommerce span.onsale, .wc-block-grid__product .wc-block-grid__product-onsale' => array(
|
|
'background-color' => $theme_color,
|
|
'color' => astra_get_foreground_color( $theme_color ),
|
|
),
|
|
'.woocommerce-message, .woocommerce-info' => array(
|
|
'border-top-color' => $link_color,
|
|
),
|
|
'.woocommerce-message::before,.woocommerce-info::before' => array(
|
|
'color' => $link_color,
|
|
),
|
|
'.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .widget_layered_nav_filters ul li.chosen a, .woocommerce-page ul.products li.product .ast-woo-product-category, .wc-layered-nav-rating a' => array(
|
|
'color' => $text_color,
|
|
),
|
|
// Form Fields, Pagination border Color.
|
|
'.woocommerce nav.woocommerce-pagination ul,.woocommerce nav.woocommerce-pagination ul li' => array(
|
|
'border-color' => $link_color,
|
|
),
|
|
'.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current' => array(
|
|
'background' => $link_color,
|
|
'color' => $btn_color,
|
|
),
|
|
'.woocommerce-MyAccount-navigation-link.is-active a' => array(
|
|
'color' => $link_h_color,
|
|
),
|
|
'.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle' => array(
|
|
'background-color' => $link_color,
|
|
),
|
|
|
|
'.woocommerce .star-rating, .woocommerce .comment-form-rating .stars a, .woocommerce .star-rating::before' => array(
|
|
'color' => 'var(--ast-global-color-3)',
|
|
),
|
|
'.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:hover::before' => array(
|
|
'background' => $single_product_heading_tab_active_color ? $single_product_heading_tab_active_color : $link_color,
|
|
),
|
|
);
|
|
|
|
if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) {
|
|
|
|
$compat_css_desktop = array(
|
|
/**
|
|
* Cart in menu
|
|
*/
|
|
'.ast-site-header-cart a' => array(
|
|
'color' => esc_attr( $text_color ),
|
|
),
|
|
|
|
'.ast-site-header-cart a:focus, .ast-site-header-cart a:hover, .ast-site-header-cart .current-menu-item a' => array(
|
|
'color' => esc_attr( $link_color ),
|
|
),
|
|
|
|
'.ast-cart-menu-wrap .count, .ast-cart-menu-wrap .count:after' => array(
|
|
'border-color' => esc_attr( $link_color ),
|
|
'color' => esc_attr( $link_color ),
|
|
),
|
|
|
|
'.ast-cart-menu-wrap:hover .count' => array(
|
|
'color' => esc_attr( $cart_h_color ),
|
|
'background-color' => esc_attr( $link_color ),
|
|
),
|
|
|
|
'.ast-site-header-cart .widget_shopping_cart .total .woocommerce-Price-amount' => array(
|
|
'color' => esc_attr( $link_color ),
|
|
),
|
|
|
|
'.woocommerce a.remove:hover, .ast-woocommerce-cart-menu .main-header-menu .woocommerce-custom-menu-item .menu-item:hover > .menu-link.remove:hover' => array(
|
|
'color' => esc_attr( $link_color ),
|
|
'border-color' => esc_attr( $link_color ),
|
|
'background-color' => esc_attr( '#ffffff' ),
|
|
),
|
|
|
|
/**
|
|
* Checkout button color for widget
|
|
*/
|
|
'.ast-site-header-cart .widget_shopping_cart .buttons .button.checkout, .woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout.wc-forward' => array(
|
|
'color' => $btn_h_color,
|
|
'border-color' => $btn_bg_h_color,
|
|
'background-color' => $btn_bg_h_color,
|
|
),
|
|
'.site-header .ast-site-header-cart-data .button.wc-forward, .site-header .ast-site-header-cart-data .button.wc-forward:hover' => array(
|
|
'color' => $btn_color,
|
|
),
|
|
'.below-header-user-select .ast-site-header-cart .widget, .ast-above-header-section .ast-site-header-cart .widget a, .below-header-user-select .ast-site-header-cart .widget_shopping_cart a' => array(
|
|
'color' => $text_color,
|
|
),
|
|
'.below-header-user-select .ast-site-header-cart .widget_shopping_cart a:hover, .ast-above-header-section .ast-site-header-cart .widget_shopping_cart a:hover, .below-header-user-select .ast-site-header-cart .widget_shopping_cart a.remove:hover, .ast-above-header-section .ast-site-header-cart .widget_shopping_cart a.remove:hover' => array(
|
|
'color' => esc_attr( $link_color ),
|
|
),
|
|
);
|
|
|
|
$css_desktop_output = array_merge( $css_desktop_output, $compat_css_desktop );
|
|
}
|
|
|
|
// WooCommerce global button compatibility for new users only.
|
|
if ( ! $astra_support_woo_btns_global ) {
|
|
$css_desktop_output['.woocommerce .woocommerce-cart-form button[name="update_cart"]:disabled'] = array(
|
|
'color' => esc_attr( $btn_color ),
|
|
);
|
|
$css_desktop_output['.woocommerce #content table.cart .button[name="apply_coupon"], .woocommerce-page #content table.cart .button[name="apply_coupon"]'] = array(
|
|
'padding' => '10px 40px',
|
|
);
|
|
$css_desktop_output['.woocommerce table.cart td.actions .button, .woocommerce #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button'] = array(
|
|
'line-height' => '1',
|
|
'border-width' => '1px',
|
|
'border-style' => 'solid',
|
|
);
|
|
$css_desktop_output['.woocommerce ul.products li.product .button, .woocommerce-page ul.products li.product .button'] = array(
|
|
'line-height' => '1.3',
|
|
);
|
|
$css_desktop_output['.woocommerce-js a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce-js a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button,.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit, .woocommerce button.button.alt.disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .wc-block-grid__product-onsale'] = array(
|
|
'color' => $btn_color,
|
|
'border-color' => $btn_bg_color,
|
|
'background-color' => $btn_bg_color,
|
|
);
|
|
$css_desktop_output['.woocommerce-js a.button:hover, .woocommerce button.button:hover, .woocommerce .woocommerce-message a.button:hover,.woocommerce #respond input#submit:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce-js a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce button.button.alt.disabled:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover'] = array(
|
|
'color' => $btn_h_color,
|
|
'border-color' => $btn_bg_h_color,
|
|
'background-color' => $btn_bg_h_color,
|
|
);
|
|
$css_desktop_output['.woocommerce-js a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce-js a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button,.woocommerce-cart table.cart td.actions .button, .woocommerce form.checkout_coupon .button, .woocommerce #respond input#submit, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link'] = array_merge(
|
|
$woo_btn_compatibility_desktop,
|
|
array(
|
|
'border-top-left-radius' => astra_responsive_spacing( $btn_border_radius_fields, 'top', 'desktop' ),
|
|
'border-top-right-radius' => astra_responsive_spacing( $btn_border_radius_fields, 'right', 'desktop' ),
|
|
'border-bottom-right-radius' => astra_responsive_spacing( $btn_border_radius_fields, 'bottom', 'desktop' ),
|
|
'border-bottom-left-radius' => astra_responsive_spacing( $btn_border_radius_fields, 'left', 'desktop' ),
|
|
'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'desktop' ),
|
|
)
|
|
);
|
|
$css_desktop_output['.woocommerce ul.products li.product a, .woocommerce-js a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover'] = array(
|
|
'text-decoration' => 'none',
|
|
);
|
|
}
|
|
|
|
if ( Astra_Dynamic_CSS::v4_block_editor_compat() ) {
|
|
$css_desktop_output['.entry-content .woocommerce-message, .entry-content .woocommerce-error, .entry-content .woocommerce-info'] = array(
|
|
'padding-top' => '1em',
|
|
'padding-bottom' => '1em',
|
|
'padding-' . $ltr_left => '3.5em',
|
|
'padding-' . $ltr_right => '2em',
|
|
);
|
|
}
|
|
|
|
if ( Astra_Builder_Helper::apply_flex_based_css() ) {
|
|
$css_desktop_output['.woocommerce[class*="rel-up-columns-"] .site-main div.product .related.products ul.products li.product, .woocommerce-page .site-main ul.products li.product'] = array(
|
|
'width' => '100%',
|
|
);
|
|
}
|
|
|
|
if ( is_cart() && false === Astra_Builder_Helper::apply_flex_based_css() && true === astra_get_option( 'cart-modern-layout' ) && true === astra_get_option( 'enable-cart-upsells' ) ) {
|
|
$css_desktop_output['.woocommerce[class*="rel-up-columns-"] .site-main div.product .related.products ul.products li.product, .woocommerce-page .site-main ul.products li.product'] = array(
|
|
'width' => '100%',
|
|
);
|
|
}
|
|
|
|
// Backward compatibility for old users for h2 tag global fonts.
|
|
if ( apply_filters( 'astra_theme_woocommerce_global_h2_font', astra_get_option( 'woo_support_global_settings', false ) ) ) {
|
|
|
|
$css_desktop_output['.woocommerce .up-sells h2, .woocommerce .related.products h2, .woocommerce .woocommerce-tabs h2'] = array(
|
|
'font-size' => '1.5rem',
|
|
);
|
|
|
|
$css_desktop_output['.woocommerce h2, .woocommerce-account h2'] = array(
|
|
'font-size' => '1.625rem',
|
|
);
|
|
}
|
|
|
|
if ( false === Astra_Icons::is_svg_icons() ) {
|
|
$css_desktop_output['.woocommerce ul.product-categories > li ul li:before'] = array(
|
|
'content' => '"\e900"',
|
|
'padding' => '0 5px 0 5px',
|
|
'display' => 'inline-block',
|
|
'font-family' => 'Astra',
|
|
'transform' => 'rotate(-90deg)',
|
|
'font-size' => '11px',
|
|
'font-size' => '0.7rem',
|
|
);
|
|
|
|
$css_desktop_output['.ast-site-header-cart i.astra-icon:before'] = array(
|
|
'font-family' => 'Astra',
|
|
);
|
|
|
|
$css_desktop_output['.ast-icon-shopping-cart:before'] = array(
|
|
'content' => '"\f07a"',
|
|
);
|
|
|
|
$css_desktop_output['.ast-icon-shopping-bag:before'] = array(
|
|
'content' => '"\f290"',
|
|
);
|
|
|
|
$css_desktop_output['.ast-icon-shopping-basket:before'] = array(
|
|
'content' => '"\f291"',
|
|
);
|
|
|
|
} else {
|
|
$css_desktop_output['.woocommerce ul.product-categories > li ul li'] = array(
|
|
'position' => 'relative',
|
|
);
|
|
if ( $is_site_rtl ) {
|
|
$css_desktop_output['.woocommerce ul.product-categories > li ul li:before'] = array(
|
|
'content' => '""',
|
|
'border-width' => '1px 0 0 1px',
|
|
'border-style' => 'solid',
|
|
'display' => 'inline-block',
|
|
'width' => '6px',
|
|
'height' => '6px',
|
|
'position' => 'absolute',
|
|
'top' => '50%',
|
|
'margin-top' => '-2px',
|
|
'-webkit-transform' => 'rotate(45deg)',
|
|
'transform' => 'rotate(45deg)',
|
|
);
|
|
$css_desktop_output['.woocommerce ul.product-categories > li ul li a'] = array(
|
|
'margin-right' => '15px',
|
|
);
|
|
} else {
|
|
$css_desktop_output['.woocommerce ul.product-categories > li ul li:before'] = array(
|
|
'content' => '""',
|
|
'border-width' => '1px 1px 0 0',
|
|
'border-style' => 'solid',
|
|
'display' => 'inline-block',
|
|
'width' => '6px',
|
|
'height' => '6px',
|
|
'position' => 'absolute',
|
|
'top' => '50%',
|
|
'margin-top' => '-2px',
|
|
'-webkit-transform' => 'rotate(45deg)',
|
|
'transform' => 'rotate(45deg)',
|
|
);
|
|
$css_desktop_output['.woocommerce ul.product-categories > li ul li a'] = array(
|
|
'margin-left' => '15px',
|
|
);
|
|
}
|
|
}
|
|
|
|
$css_desktop_output['.ast-icon-shopping-cart svg'] = array(
|
|
'height' => '.82em',
|
|
);
|
|
$css_desktop_output['.ast-icon-shopping-bag svg'] = array(
|
|
'height' => '1em',
|
|
'width' => '1em',
|
|
);
|
|
$css_desktop_output['.ast-icon-shopping-basket svg'] = array(
|
|
'height' => '1.15em',
|
|
'width' => '1.2em',
|
|
);
|
|
|
|
$css_desktop_output['.ast-site-header-cart.ast-menu-cart-outline .ast-addon-cart-wrap, .ast-site-header-cart.ast-menu-cart-fill .ast-addon-cart-wrap '] = array(
|
|
'line-height' => '1',
|
|
);
|
|
|
|
$css_desktop_output['.ast-site-header-cart.ast-menu-cart-fill i.astra-icon'] = array(
|
|
' font-size' => '1.1em',
|
|
);
|
|
|
|
$css_desktop_output['.ast-site-header-cart.ast-menu-cart-fill i.astra-icon'] = array(
|
|
' font-size' => '1.1em',
|
|
);
|
|
|
|
$css_desktop_output['li.woocommerce-custom-menu-item .ast-site-header-cart i.astra-icon:after'] = array(
|
|
' padding-left' => '2px',
|
|
);
|
|
|
|
$css_desktop_output['.ast-hfb-header .ast-addon-cart-wrap'] = array(
|
|
' padding' => '0.4em',
|
|
);
|
|
|
|
$css_desktop_output['.ast-header-break-point.ast-header-custom-item-outside .ast-woo-header-cart-info-wrap'] = array(
|
|
' display' => 'none',
|
|
);
|
|
|
|
$css_desktop_output['.ast-site-header-cart i.astra-icon:after'] = array(
|
|
' background' => $header_cart_count_color,
|
|
);
|
|
|
|
|
|
if ( is_account_page() && false === astra_get_option( 'modern-woo-account-view', false ) ) {
|
|
$css_output .= '
|
|
body .woocommerce-MyAccount-navigation-link {
|
|
list-style: none;
|
|
border: 1px solid var(--ast-border-color);
|
|
border-bottom-width: 0;
|
|
}
|
|
body .woocommerce-MyAccount-navigation-link:last-child {
|
|
border-bottom-width: 1px;
|
|
}
|
|
body .woocommerce-MyAccount-navigation-link.is-active a {
|
|
background-color: #fbfbfb;
|
|
}
|
|
body .woocommerce-MyAccount-navigation-link a {
|
|
display: block;
|
|
padding: .5em 1em;
|
|
}
|
|
body .woocommerce form.login, body .woocommerce form.checkout_coupon, body .woocommerce form.register {
|
|
border: 1px solid var(--ast-border-color);
|
|
padding: 20px;
|
|
margin: 2em 0;
|
|
text-align: left;
|
|
border-radius: 5px;
|
|
}
|
|
';
|
|
}
|
|
|
|
// If Off canvas cart is enabled then we should not show view cart link.
|
|
if ( 'flyout' === astra_get_option( 'woo-header-cart-click-action' ) ) {
|
|
$css_output .= '.woocommerce a.added_to_cart { display: none; }';
|
|
}
|
|
|
|
/** @psalm-suppress UndefinedClass */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
if ( ! ( defined( 'ASTRA_EXT_VER' ) && class_exists( 'Astra_Ext_Extension' ) && Astra_Ext_Extension::is_active( 'woocommerce' ) ) ) {
|
|
/** @psalm-suppress UndefinedClass */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$css_output .= '
|
|
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
|
|
float: left;
|
|
}
|
|
|
|
.woocommerce .woocommerce-ordering {
|
|
float: right;
|
|
margin-bottom: 2.5em;
|
|
}
|
|
';
|
|
}
|
|
|
|
if ( true === astra_check_is_structural_setup() ) {
|
|
$css_desktop_output['.ast-separate-container .ast-woocommerce-container'] = array(
|
|
'padding' => '3em',
|
|
);
|
|
}
|
|
|
|
if ( ! $astra_support_woo_btns_global ) {
|
|
$css_output .= '
|
|
.woocommerce-js a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
|
|
font-size: 100%;
|
|
line-height: 1;
|
|
text-decoration: none;
|
|
overflow: visible;
|
|
padding: 0.5em 0.75em;
|
|
font-weight: 700;
|
|
border-radius: 3px;
|
|
color: $secondarytext;
|
|
background-color: $secondary;
|
|
border: 0;
|
|
}
|
|
.woocommerce-js a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover {
|
|
background-color: #dad8da;
|
|
background-image: none;
|
|
color: #515151;
|
|
}
|
|
';
|
|
}
|
|
|
|
/* Parse WooCommerce General CSS from array() */
|
|
$css_output .= astra_parse_css( $css_desktop_output );
|
|
|
|
if ( ! Astra_Builder_Helper::apply_flex_based_css() ) {
|
|
$tablet_css_shop_page_grid = array(
|
|
'.woocommerce.tablet-columns-6 ul.products li.product, .woocommerce-page.tablet-columns-6 ul.products li.product' => array(
|
|
'width' => '12.7%',
|
|
'width' => 'calc(16.66% - 16.66px)',
|
|
),
|
|
'.woocommerce.tablet-columns-5 ul.products li.product, .woocommerce-page.tablet-columns-5 ul.products li.product' => array(
|
|
'width' => '16.2%',
|
|
'width' => 'calc(20% - 16px)',
|
|
),
|
|
'.woocommerce.tablet-columns-4 ul.products li.product, .woocommerce-page.tablet-columns-4 ul.products li.product' => array(
|
|
'width' => '21.5%',
|
|
'width' => 'calc(25% - 15px)',
|
|
),
|
|
'.woocommerce.tablet-columns-3 ul.products li.product, .woocommerce-page.tablet-columns-3 ul.products li.product' => array(
|
|
'width' => '30.2%',
|
|
'width' => 'calc(33.33% - 14px)',
|
|
),
|
|
'.woocommerce.tablet-columns-2 ul.products li.product, .woocommerce-page.tablet-columns-2 ul.products li.product' => array(
|
|
'width' => '47.6%',
|
|
'width' => 'calc(50% - 10px)',
|
|
),
|
|
'.woocommerce.tablet-columns-1 ul.products li.product, .woocommerce-page.tablet-columns-1 ul.products li.product' => array(
|
|
'width' => '100%',
|
|
),
|
|
'.woocommerce div.product .related.products ul.products li.product' => array(
|
|
'width' => '30.2%',
|
|
'width' => 'calc(33.33% - 14px)',
|
|
),
|
|
);
|
|
|
|
} else {
|
|
$archive_tablet_grid = $this->get_grid_column_count( 'archive', 'tablet' );
|
|
|
|
$tablet_css_shop_page_grid = array(
|
|
'.woocommerce.tablet-columns-' . $archive_tablet_grid . ' ul.products li.product, .woocommerce-page.tablet-columns-' . $archive_tablet_grid . ' ul.products:not(.elementor-grid)' => array(
|
|
'grid-template-columns' => 'repeat(' . $archive_tablet_grid . ', minmax(0, 1fr))',
|
|
),
|
|
);
|
|
}
|
|
$css_output .= astra_parse_css( $tablet_css_shop_page_grid, astra_get_mobile_breakpoint( '', 1 ), astra_get_tablet_breakpoint() );
|
|
|
|
if ( ! Astra_Builder_Helper::apply_flex_based_css() ) {
|
|
if ( $is_site_rtl ) {
|
|
$tablet_shop_page_grid_lang_direction_css = array(
|
|
'.woocommerce[class*="columns-"].columns-3 > ul.products li.product, .woocommerce[class*="columns-"].columns-4 > ul.products li.product, .woocommerce[class*="columns-"].columns-5 > ul.products li.product, .woocommerce[class*="columns-"].columns-6 > ul.products li.product' => array(
|
|
'width' => '30.2%',
|
|
'width' => 'calc(33.33% - 14px)',
|
|
'margin-left' => '20px',
|
|
),
|
|
'.woocommerce[class*="columns-"].columns-3 > ul.products li.product:nth-child(3n), .woocommerce[class*="columns-"].columns-4 > ul.products li.product:nth-child(3n), .woocommerce[class*="columns-"].columns-5 > ul.products li.product:nth-child(3n), .woocommerce[class*="columns-"].columns-6 > ul.products li.product:nth-child(3n)' => array(
|
|
'margin-left' => 0,
|
|
'clear' => 'left',
|
|
),
|
|
'.woocommerce[class*="columns-"].columns-3 > ul.products li.product:nth-child(3n+1), .woocommerce[class*="columns-"].columns-4 > ul.products li.product:nth-child(3n+1), .woocommerce[class*="columns-"].columns-5 > ul.products li.product:nth-child(3n+1), .woocommerce[class*="columns-"].columns-6 > ul.products li.product:nth-child(3n+1)' => array(
|
|
'clear' => 'right',
|
|
),
|
|
'.woocommerce[class*="columns-"] ul.products li.product:nth-child(n), .woocommerce-page[class*="columns-"] ul.products li.product:nth-child(n)' => array(
|
|
'margin-left' => '20px',
|
|
'clear' => 'none',
|
|
),
|
|
'.woocommerce.tablet-columns-2 ul.products li.product:nth-child(2n), .woocommerce-page.tablet-columns-2 ul.products li.product:nth-child(2n), .woocommerce.tablet-columns-3 ul.products li.product:nth-child(3n), .woocommerce-page.tablet-columns-3 ul.products li.product:nth-child(3n), .woocommerce.tablet-columns-4 ul.products li.product:nth-child(4n), .woocommerce-page.tablet-columns-4 ul.products li.product:nth-child(4n), .woocommerce.tablet-columns-5 ul.products li.product:nth-child(5n), .woocommerce-page.tablet-columns-5 ul.products li.product:nth-child(5n), .woocommerce.tablet-columns-6 ul.products li.product:nth-child(6n), .woocommerce-page.tablet-columns-6 ul.products li.product:nth-child(6n)' => array(
|
|
'margin-left' => '0',
|
|
'clear' => 'left',
|
|
),
|
|
'.woocommerce.tablet-columns-2 ul.products li.product:nth-child(2n+1), .woocommerce-page.tablet-columns-2 ul.products li.product:nth-child(2n+1), .woocommerce.tablet-columns-3 ul.products li.product:nth-child(3n+1), .woocommerce-page.tablet-columns-3 ul.products li.product:nth-child(3n+1), .woocommerce.tablet-columns-4 ul.products li.product:nth-child(4n+1), .woocommerce-page.tablet-columns-4 ul.products li.product:nth-child(4n+1), .woocommerce.tablet-columns-5 ul.products li.product:nth-child(5n+1), .woocommerce-page.tablet-columns-5 ul.products li.product:nth-child(5n+1), .woocommerce.tablet-columns-6 ul.products li.product:nth-child(6n+1), .woocommerce-page.tablet-columns-6 ul.products li.product:nth-child(6n+1)' => array(
|
|
'clear' => 'right',
|
|
),
|
|
'.woocommerce div.product .related.products ul.products li.product:nth-child(3n), .woocommerce-page.tablet-columns-1 .site-main ul.products li.product' => array(
|
|
'margin-left' => 0,
|
|
'clear' => 'left',
|
|
),
|
|
'.woocommerce div.product .related.products ul.products li.product:nth-child(3n+1)' => array(
|
|
'clear' => 'right',
|
|
),
|
|
);
|
|
} else {
|
|
$tablet_shop_page_grid_lang_direction_css = array(
|
|
'.woocommerce[class*="columns-"].columns-3 > ul.products li.product, .woocommerce[class*="columns-"].columns-4 > ul.products li.product, .woocommerce[class*="columns-"].columns-5 > ul.products li.product, .woocommerce[class*="columns-"].columns-6 > ul.products li.product' => array(
|
|
'width' => '30.2%',
|
|
'width' => 'calc(33.33% - 14px)',
|
|
'margin-right' => '20px',
|
|
),
|
|
'.woocommerce[class*="columns-"].columns-3 > ul.products li.product:nth-child(3n), .woocommerce[class*="columns-"].columns-4 > ul.products li.product:nth-child(3n), .woocommerce[class*="columns-"].columns-5 > ul.products li.product:nth-child(3n), .woocommerce[class*="columns-"].columns-6 > ul.products li.product:nth-child(3n)' => array(
|
|
'margin-right' => 0,
|
|
'clear' => 'right',
|
|
),
|
|
'.woocommerce[class*="columns-"].columns-3 > ul.products li.product:nth-child(3n+1), .woocommerce[class*="columns-"].columns-4 > ul.products li.product:nth-child(3n+1), .woocommerce[class*="columns-"].columns-5 > ul.products li.product:nth-child(3n+1), .woocommerce[class*="columns-"].columns-6 > ul.products li.product:nth-child(3n+1)' => array(
|
|
'clear' => 'left',
|
|
),
|
|
'.woocommerce[class*="columns-"] ul.products li.product:nth-child(n), .woocommerce-page[class*="columns-"] ul.products li.product:nth-child(n)' => array(
|
|
'margin-right' => '20px',
|
|
'clear' => 'none',
|
|
),
|
|
'.woocommerce.tablet-columns-2 ul.products li.product:nth-child(2n), .woocommerce-page.tablet-columns-2 ul.products li.product:nth-child(2n), .woocommerce.tablet-columns-3 ul.products li.product:nth-child(3n), .woocommerce-page.tablet-columns-3 ul.products li.product:nth-child(3n), .woocommerce.tablet-columns-4 ul.products li.product:nth-child(4n), .woocommerce-page.tablet-columns-4 ul.products li.product:nth-child(4n), .woocommerce.tablet-columns-5 ul.products li.product:nth-child(5n), .woocommerce-page.tablet-columns-5 ul.products li.product:nth-child(5n), .woocommerce.tablet-columns-6 ul.products li.product:nth-child(6n), .woocommerce-page.tablet-columns-6 ul.products li.product:nth-child(6n)' => array(
|
|
'margin-right' => '0',
|
|
'clear' => 'right',
|
|
),
|
|
'.woocommerce.tablet-columns-2 ul.products li.product:nth-child(2n+1), .woocommerce-page.tablet-columns-2 ul.products li.product:nth-child(2n+1), .woocommerce.tablet-columns-3 ul.products li.product:nth-child(3n+1), .woocommerce-page.tablet-columns-3 ul.products li.product:nth-child(3n+1), .woocommerce.tablet-columns-4 ul.products li.product:nth-child(4n+1), .woocommerce-page.tablet-columns-4 ul.products li.product:nth-child(4n+1), .woocommerce.tablet-columns-5 ul.products li.product:nth-child(5n+1), .woocommerce-page.tablet-columns-5 ul.products li.product:nth-child(5n+1), .woocommerce.tablet-columns-6 ul.products li.product:nth-child(6n+1), .woocommerce-page.tablet-columns-6 ul.products li.product:nth-child(6n+1)' => array(
|
|
'clear' => 'left',
|
|
),
|
|
'.woocommerce div.product .related.products ul.products li.product:nth-child(3n), .woocommerce-page.tablet-columns-1 .site-main ul.products li.product' => array(
|
|
'margin-right' => 0,
|
|
'clear' => 'right',
|
|
),
|
|
'.woocommerce div.product .related.products ul.products li.product:nth-child(3n+1)' => array(
|
|
'clear' => 'left',
|
|
),
|
|
);
|
|
}
|
|
$css_output .= astra_parse_css( $tablet_shop_page_grid_lang_direction_css, astra_get_mobile_breakpoint( '', 1 ), astra_get_tablet_breakpoint() );
|
|
}
|
|
|
|
/**
|
|
* Global button CSS - Tablet = min-wdth: (tablet + 1)px
|
|
*/
|
|
if ( $is_site_rtl ) {
|
|
$min_tablet_css = array(
|
|
'.woocommerce form.checkout_coupon' => array(
|
|
'width' => '50%',
|
|
),
|
|
);
|
|
if ( ! Astra_Builder_Helper::apply_flex_based_css() ) {
|
|
$min_tablet_css['.woocommerce #reviews #comments']['float'] = 'right';
|
|
$min_tablet_css['.woocommerce #reviews #review_form_wrapper']['float'] = 'left';
|
|
}
|
|
} else {
|
|
$min_tablet_css = array(
|
|
'.woocommerce form.checkout_coupon' => array(
|
|
'width' => '50%',
|
|
),
|
|
);
|
|
|
|
if ( ! Astra_Builder_Helper::apply_flex_based_css() ) {
|
|
$min_tablet_css['.woocommerce #reviews #comments']['float'] = 'left';
|
|
$min_tablet_css['.woocommerce #reviews #review_form_wrapper']['float'] = 'right';
|
|
}
|
|
}
|
|
|
|
$css_output .= astra_parse_css( $min_tablet_css, astra_get_tablet_breakpoint( '', 1 ) );
|
|
|
|
/**
|
|
* Global button CSS - Tablet = max-width: (tab-breakpoint)px.
|
|
*/
|
|
$css_global_button_tablet = array(
|
|
'.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-1.ast-mobile-header-stack.ast-no-menu-items .ast-site-header-cart, .ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3.ast-mobile-header-stack.ast-no-menu-items .ast-site-header-cart' => array(
|
|
'padding-right' => 0,
|
|
'padding-left' => 0,
|
|
),
|
|
'.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-1.ast-mobile-header-stack .main-header-bar' => array(
|
|
'text-align' => 'center',
|
|
),
|
|
'.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-1.ast-mobile-header-stack .ast-site-header-cart, .ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-1.ast-mobile-header-stack .ast-mobile-menu-buttons' => array(
|
|
'display' => 'inline-block',
|
|
),
|
|
'.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-2.ast-mobile-header-inline .site-branding' => array(
|
|
'flex' => 'auto',
|
|
),
|
|
'.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3.ast-mobile-header-stack .site-branding' => array(
|
|
'flex' => '0 0 100%',
|
|
),
|
|
'.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3.ast-mobile-header-stack .main-header-container' => array(
|
|
'display' => 'flex',
|
|
'justify-content' => 'center',
|
|
),
|
|
'.woocommerce-cart .woocommerce-shipping-calculator .button' => array(
|
|
'width' => '100%',
|
|
),
|
|
'.woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary' => array(
|
|
'float' => 'none',
|
|
'width' => '100%',
|
|
),
|
|
'.woocommerce-cart table.cart td.actions .ast-return-to-shop' => array(
|
|
'display' => 'block',
|
|
'text-align' => 'center',
|
|
'margin-top' => '1em',
|
|
),
|
|
);
|
|
|
|
if ( ! $astra_support_woo_btns_global ) {
|
|
$css_global_button_tablet['.woocommerce-js a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce-js a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button,.woocommerce-cart table.cart td.actions .button, .woocommerce form.checkout_coupon .button, .woocommerce #respond input#submit, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link'] = array_merge(
|
|
$woo_btn_compatibility_tablet,
|
|
array(
|
|
'border-top-left-radius' => astra_responsive_spacing( $btn_border_radius_fields, 'top', 'tablet' ),
|
|
'border-top-right-radius' => astra_responsive_spacing( $btn_border_radius_fields, 'right', 'tablet' ),
|
|
'border-bottom-right-radius' => astra_responsive_spacing( $btn_border_radius_fields, 'bottom', 'tablet' ),
|
|
'border-bottom-left-radius' => astra_responsive_spacing( $btn_border_radius_fields, 'left', 'tablet' ),
|
|
'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'tablet' ),
|
|
)
|
|
);
|
|
}
|
|
|
|
if ( Astra_Builder_Helper::apply_flex_based_css() ) {
|
|
$archive_tablet_grid = $this->get_grid_column_count( 'archive', 'tablet' );
|
|
|
|
$css_global_button_tablet[ '.ast-container .woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid), .woocommerce.tablet-columns-' . $archive_tablet_grid . ' ul.products:not(.elementor-grid)' ] = array(
|
|
'grid-template-columns' => 'repeat(' . $archive_tablet_grid . ', minmax(0, 1fr))',
|
|
);
|
|
|
|
if ( is_shop() || is_product_taxonomy() ) {
|
|
|
|
$css_global_button_tablet['.woocommerce[class*="tablet-columns-"] .site-main div.product .related.products ul.products li.product'] = array(
|
|
'width' => '100%',
|
|
);
|
|
}
|
|
|
|
if ( is_product() ) {
|
|
|
|
$single_tablet_grid = $this->get_grid_column_count( 'single', 'tablet' );
|
|
|
|
$css_global_button_tablet[ '.woocommerce.tablet-rel-up-columns-' . $single_tablet_grid . ' ul.products' ] = array(
|
|
'grid-template-columns' => 'repeat(' . $single_tablet_grid . ', minmax(0, 1fr))',
|
|
);
|
|
$css_global_button_tablet['.woocommerce[class*="tablet-rel-up-columns-"] .site-main div.product .related.products ul.products li.product'] = array(
|
|
'width' => '100%',
|
|
);
|
|
}
|
|
}
|
|
|
|
$css_output .= astra_parse_css( $css_global_button_tablet, '', astra_get_tablet_breakpoint() );
|
|
|
|
/**
|
|
* Global button CSS - Mobile = max-width: (mobile-breakpoint)px.
|
|
*/
|
|
$css_global_button_mobile = array(
|
|
'.ast-separate-container .ast-woocommerce-container' => array(
|
|
'padding' => '.54em 1em 1.33333em',
|
|
),
|
|
'.woocommerce-message, .woocommerce-error, .woocommerce-info' => array(
|
|
'display' => 'flex',
|
|
'flex-wrap' => 'wrap',
|
|
),
|
|
'.woocommerce-message a.button, .woocommerce-error a.button, .woocommerce-info a.button' => array(
|
|
'order' => '1',
|
|
'margin-top' => '.5em',
|
|
),
|
|
|
|
'.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering' => array(
|
|
'float' => 'none',
|
|
'margin-bottom' => '2em',
|
|
),
|
|
'.woocommerce table.cart td.actions .button, .woocommerce #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button' => array(
|
|
'padding-left' => '1em',
|
|
'padding-right' => '1em',
|
|
),
|
|
'.woocommerce #content table.cart .button, .woocommerce-page #content table.cart .button' => array(
|
|
'width' => '100%',
|
|
),
|
|
|
|
'.woocommerce #content table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon' => array(
|
|
'float' => 'none',
|
|
),
|
|
'.woocommerce #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .button' => array(
|
|
'flex' => '1',
|
|
),
|
|
'.woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a' => array(
|
|
'display' => 'block',
|
|
),
|
|
);
|
|
|
|
if ( ! $astra_support_woo_btns_global ) {
|
|
$css_global_button_mobile['.woocommerce ul.products a.button, .woocommerce-page ul.products a.button'] = array(
|
|
'padding' => '0.5em 0.75em',
|
|
);
|
|
$css_global_button_mobile['.woocommerce-js a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce-js a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button,.woocommerce-cart table.cart td.actions .button, .woocommerce form.checkout_coupon .button, .woocommerce #respond input#submit, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link'] = array_merge(
|
|
$woo_btn_compatibility_mobile,
|
|
array(
|
|
'border-top-left-radius' => astra_responsive_spacing( $btn_border_radius_fields, 'top', 'mobile' ),
|
|
'border-top-right-radius' => astra_responsive_spacing( $btn_border_radius_fields, 'right', 'mobile' ),
|
|
'border-bottom-right-radius' => astra_responsive_spacing( $btn_border_radius_fields, 'bottom', 'mobile' ),
|
|
'border-bottom-left-radius' => astra_responsive_spacing( $btn_border_radius_fields, 'left', 'mobile' ),
|
|
'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'mobile' ),
|
|
)
|
|
);
|
|
}
|
|
|
|
if ( ! Astra_Builder_Helper::apply_flex_based_css() ) {
|
|
$css_global_button_mobile['.woocommerce div.product .related.products ul.products li.product, .woocommerce.mobile-columns-2 ul.products li.product, .woocommerce-page.mobile-columns-2 ul.products li.product'] = array(
|
|
'width' => '46.1%',
|
|
'width' => 'calc(50% - 10px)',
|
|
);
|
|
$css_global_button_mobile['.woocommerce.mobile-columns-6 ul.products li.product, .woocommerce-page.mobile-columns-6 ul.products li.product'] = array(
|
|
'width' => '10.2%',
|
|
'width' => 'calc(16.66% - 16.66px)',
|
|
);
|
|
$css_global_button_mobile['.woocommerce.mobile-columns-5 ul.products li.product, .woocommerce-page.mobile-columns-5 ul.products li.product'] = array(
|
|
'width' => '13%',
|
|
'width' => 'calc(20% - 16px)',
|
|
);
|
|
$css_global_button_mobile['.woocommerce.mobile-columns-4 ul.products li.product, .woocommerce-page.mobile-columns-4 ul.products li.product'] = array(
|
|
'width' => '19%',
|
|
'width' => 'calc(25% - 15px)',
|
|
);
|
|
$css_global_button_mobile['.woocommerce.mobile-columns-3 ul.products li.product, .woocommerce-page.mobile-columns-3 ul.products li.product'] = array(
|
|
'width' => '28.2%',
|
|
'width' => 'calc(33.33% - 14px)',
|
|
);
|
|
$css_global_button_mobile['.woocommerce.mobile-columns-1 ul.products li.product, .woocommerce-page.mobile-columns-1 ul.products li.product'] = array(
|
|
'width' => '100%',
|
|
);
|
|
} else {
|
|
|
|
$archive_mobile_grid = $this->get_grid_column_count( 'archive', 'mobile' );
|
|
$single_mobile_grid = $this->get_grid_column_count( 'single', 'mobile' );
|
|
|
|
$css_global_button_mobile[ '.ast-container .woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid), .woocommerce.mobile-columns-' . $archive_mobile_grid . ' ul.products:not(.elementor-grid), .woocommerce-page.mobile-columns-' . $archive_mobile_grid . ' ul.products:not(.elementor-grid)' ] = array(
|
|
'grid-template-columns' => 'repeat(' . $archive_mobile_grid . ', minmax(0, 1fr))',
|
|
);
|
|
$css_global_button_mobile[ '.woocommerce.mobile-rel-up-columns-' . $single_mobile_grid . ' ul.products::not(.elementor-grid)' ] = array(
|
|
'grid-template-columns' => 'repeat(' . $single_mobile_grid . ', minmax(0, 1fr))',
|
|
);
|
|
}
|
|
|
|
$css_output .= astra_parse_css( $css_global_button_mobile, '', astra_get_mobile_breakpoint() );
|
|
|
|
if ( $is_site_rtl ) {
|
|
$global_button_mobile_lang_direction_css = array(
|
|
'.woocommerce ul.products a.button.loading::after, .woocommerce-page ul.products a.button.loading::after' => array(
|
|
'display' => 'inline-block',
|
|
'margin-right' => '5px',
|
|
'position' => 'initial',
|
|
),
|
|
'.woocommerce.mobile-columns-1 .site-main ul.products li.product:nth-child(n), .woocommerce-page.mobile-columns-1 .site-main ul.products li.product:nth-child(n)' => array(
|
|
'margin-left' => 0,
|
|
),
|
|
'.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li' => array(
|
|
'display' => 'block',
|
|
'margin-left' => 0,
|
|
),
|
|
);
|
|
|
|
if ( ! Astra_Builder_Helper::apply_flex_based_css() ) {
|
|
$global_button_mobile_lang_direction_css['.woocommerce[class*="columns-"].columns-3 > ul.products li.product, .woocommerce[class*="columns-"].columns-4 > ul.products li.product, .woocommerce[class*="columns-"].columns-5 > ul.products li.product, .woocommerce[class*="columns-"].columns-6 > ul.products li.product'] = array(
|
|
'width' => 'calc(50% - 10px)',
|
|
'margin-left' => '20px',
|
|
);
|
|
$global_button_mobile_lang_direction_css['.woocommerce[class*="columns-"] ul.products li.product:nth-child(n), .woocommerce-page[class*="columns-"] ul.products li.product:nth-child(n)'] = array(
|
|
'margin-left' => '20px',
|
|
'clear' => 'none',
|
|
);
|
|
$global_button_mobile_lang_direction_css['.woocommerce-page[class*=columns-].columns-3>ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-].columns-4>ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-].columns-5>ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-].columns-6>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-3>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-4>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-5>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-6>ul.products li.product:nth-child(2n)'] = array(
|
|
'margin-left' => 0,
|
|
'clear' => 'left',
|
|
);
|
|
$global_button_mobile_lang_direction_css['.woocommerce[class*="columns-"].columns-3 > ul.products li.product:nth-child(2n+1), .woocommerce[class*="columns-"].columns-4 > ul.products li.product:nth-child(2n+1), .woocommerce[class*="columns-"].columns-5 > ul.products li.product:nth-child(2n+1), .woocommerce[class*="columns-"].columns-6 > ul.products li.product:nth-child(2n+1)'] = array(
|
|
'clear' => 'right',
|
|
);
|
|
$global_button_mobile_lang_direction_css['.woocommerce-page[class*=columns-] ul.products li.product:nth-child(n), .woocommerce[class*=columns-] ul.products li.product:nth-child(n)'] = array(
|
|
'margin-left' => '20px',
|
|
'clear' => 'none',
|
|
);
|
|
$global_button_mobile_lang_direction_css['.woocommerce.mobile-columns-6 ul.products li.product:nth-child(6n), .woocommerce-page.mobile-columns-6 ul.products li.product:nth-child(6n), .woocommerce.mobile-columns-5 ul.products li.product:nth-child(5n), .woocommerce-page.mobile-columns-5 ul.products li.product:nth-child(5n), .woocommerce.mobile-columns-4 ul.products li.product:nth-child(4n), .woocommerce-page.mobile-columns-4 ul.products li.product:nth-child(4n), .woocommerce.mobile-columns-3 ul.products li.product:nth-child(3n), .woocommerce-page.mobile-columns-3 ul.products li.product:nth-child(3n), .woocommerce.mobile-columns-2 ul.products li.product:nth-child(2n), .woocommerce-page.mobile-columns-2 ul.products li.product:nth-child(2n), .woocommerce div.product .related.products ul.products li.product:nth-child(2n)'] = array(
|
|
'margin-left' => 0,
|
|
'clear' => 'left',
|
|
);
|
|
$global_button_mobile_lang_direction_css['.woocommerce.mobile-columns-6 ul.products li.product:nth-child(6n+1), .woocommerce-page.mobile-columns-6 ul.products li.product:nth-child(6n+1), .woocommerce.mobile-columns-5 ul.products li.product:nth-child(5n+1), .woocommerce-page.mobile-columns-5 ul.products li.product:nth-child(5n+1), .woocommerce.mobile-columns-4 ul.products li.product:nth-child(4n+1), .woocommerce-page.mobile-columns-4 ul.products li.product:nth-child(4n+1), .woocommerce.mobile-columns-3 ul.products li.product:nth-child(3n+1), .woocommerce-page.mobile-columns-3 ul.products li.product:nth-child(3n+1), .woocommerce.mobile-columns-2 ul.products li.product:nth-child(2n+1), .woocommerce-page.mobile-columns-2 ul.products li.product:nth-child(2n+1), .woocommerce div.product .related.products ul.products li.product:nth-child(2n+1)'] = array(
|
|
'clear' => 'right',
|
|
);
|
|
}
|
|
} else {
|
|
$global_button_mobile_lang_direction_css = array(
|
|
'.woocommerce ul.products a.button.loading::after, .woocommerce-page ul.products a.button.loading::after' => array(
|
|
'display' => 'inline-block',
|
|
'margin-left' => '5px',
|
|
'position' => 'initial',
|
|
),
|
|
'.woocommerce.mobile-columns-1 .site-main ul.products li.product:nth-child(n), .woocommerce-page.mobile-columns-1 .site-main ul.products li.product:nth-child(n)' => array(
|
|
'margin-right' => 0,
|
|
),
|
|
'.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li' => array(
|
|
'display' => 'block',
|
|
'margin-right' => 0,
|
|
),
|
|
);
|
|
|
|
if ( ! Astra_Builder_Helper::apply_flex_based_css() ) {
|
|
$global_button_mobile_lang_direction_css['.woocommerce[class*="columns-"].columns-3 > ul.products li.product, .woocommerce[class*="columns-"].columns-4 > ul.products li.product, .woocommerce[class*="columns-"].columns-5 > ul.products li.product, .woocommerce[class*="columns-"].columns-6 > ul.products li.product'] = array(
|
|
'width' => 'calc(50% - 10px)',
|
|
'margin-right' => '20px',
|
|
);
|
|
$global_button_mobile_lang_direction_css['.woocommerce[class*="columns-"] ul.products li.product:nth-child(n), .woocommerce-page[class*="columns-"] ul.products li.product:nth-child(n)'] = array(
|
|
'margin-right' => '20px',
|
|
'clear' => 'none',
|
|
);
|
|
$global_button_mobile_lang_direction_css['.woocommerce-page[class*=columns-].columns-3>ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-].columns-4>ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-].columns-5>ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-].columns-6>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-3>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-4>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-5>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-6>ul.products li.product:nth-child(2n)'] = array(
|
|
'margin-right' => 0,
|
|
'clear' => 'right',
|
|
);
|
|
$global_button_mobile_lang_direction_css['.woocommerce[class*="columns-"].columns-3 > ul.products li.product:nth-child(2n+1), .woocommerce[class*="columns-"].columns-4 > ul.products li.product:nth-child(2n+1), .woocommerce[class*="columns-"].columns-5 > ul.products li.product:nth-child(2n+1), .woocommerce[class*="columns-"].columns-6 > ul.products li.product:nth-child(2n+1)'] = array(
|
|
'clear' => 'left',
|
|
);
|
|
$global_button_mobile_lang_direction_css['.woocommerce-page[class*=columns-] ul.products li.product:nth-child(n), .woocommerce[class*=columns-] ul.products li.product:nth-child(n)'] = array(
|
|
'margin-right' => '20px',
|
|
'clear' => 'none',
|
|
);
|
|
$global_button_mobile_lang_direction_css['.woocommerce.mobile-columns-6 ul.products li.product:nth-child(6n), .woocommerce-page.mobile-columns-6 ul.products li.product:nth-child(6n), .woocommerce.mobile-columns-5 ul.products li.product:nth-child(5n), .woocommerce-page.mobile-columns-5 ul.products li.product:nth-child(5n), .woocommerce.mobile-columns-4 ul.products li.product:nth-child(4n), .woocommerce-page.mobile-columns-4 ul.products li.product:nth-child(4n), .woocommerce.mobile-columns-3 ul.products li.product:nth-child(3n), .woocommerce-page.mobile-columns-3 ul.products li.product:nth-child(3n), .woocommerce.mobile-columns-2 ul.products li.product:nth-child(2n), .woocommerce-page.mobile-columns-2 ul.products li.product:nth-child(2n), .woocommerce div.product .related.products ul.products li.product:nth-child(2n)'] = array(
|
|
'margin-right' => 0,
|
|
'clear' => 'right',
|
|
);
|
|
$global_button_mobile_lang_direction_css['.woocommerce.mobile-columns-6 ul.products li.product:nth-child(6n+1), .woocommerce-page.mobile-columns-6 ul.products li.product:nth-child(6n+1), .woocommerce.mobile-columns-5 ul.products li.product:nth-child(5n+1), .woocommerce-page.mobile-columns-5 ul.products li.product:nth-child(5n+1), .woocommerce.mobile-columns-4 ul.products li.product:nth-child(4n+1), .woocommerce-page.mobile-columns-4 ul.products li.product:nth-child(4n+1), .woocommerce.mobile-columns-3 ul.products li.product:nth-child(3n+1), .woocommerce-page.mobile-columns-3 ul.products li.product:nth-child(3n+1), .woocommerce.mobile-columns-2 ul.products li.product:nth-child(2n+1), .woocommerce-page.mobile-columns-2 ul.products li.product:nth-child(2n+1), .woocommerce div.product .related.products ul.products li.product:nth-child(2n+1)'] = array(
|
|
'clear' => 'left',
|
|
);
|
|
}
|
|
}
|
|
|
|
$css_output .= astra_parse_css( $global_button_mobile_lang_direction_css, '', astra_get_mobile_breakpoint() );
|
|
|
|
if ( 'page-builder' !== astra_get_content_layout() ) {
|
|
/* Woocommerce Shop Archive width */
|
|
if ( 'custom' === $woo_shop_archive_width ) :
|
|
// Woocommerce shop archive custom width.
|
|
$site_width = array(
|
|
'.ast-woo-shop-archive .site-content > .ast-container' => array(
|
|
'max-width' => astra_get_css_value( $woo_shop_archive_max_width, 'px' ),
|
|
),
|
|
);
|
|
$css_output .= astra_parse_css( $site_width, astra_get_tablet_breakpoint( '', 1 ) );
|
|
|
|
else :
|
|
// Woocommerce shop archive default width.
|
|
$site_width = array(
|
|
'.ast-woo-shop-archive .site-content > .ast-container' => array(
|
|
'max-width' => astra_get_css_value( $site_content_width + 40, 'px' ),
|
|
),
|
|
);
|
|
|
|
/* Parse CSS from array()*/
|
|
$css_output .= astra_parse_css( $site_width, astra_get_tablet_breakpoint( '', 1 ) );
|
|
endif;
|
|
}
|
|
|
|
$woo_product_css = array(
|
|
'.woocommerce #content .ast-woocommerce-container div.product div.images, .woocommerce .ast-woocommerce-container div.product div.images, .woocommerce-page #content .ast-woocommerce-container div.product div.images, .woocommerce-page .ast-woocommerce-container div.product div.images' => array(
|
|
'width' => '50%',
|
|
),
|
|
'.woocommerce #content .ast-woocommerce-container div.product div.summary, .woocommerce .ast-woocommerce-container div.product div.summary, .woocommerce-page #content .ast-woocommerce-container div.product div.summary, .woocommerce-page .ast-woocommerce-container div.product div.summary' => array(
|
|
'width' => '46%',
|
|
),
|
|
'.woocommerce.woocommerce-checkout form #customer_details.col2-set .col-1, .woocommerce.woocommerce-checkout form #customer_details.col2-set .col-2, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set .col-1, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set .col-2' => array(
|
|
'float' => 'none',
|
|
'width' => 'auto',
|
|
),
|
|
);
|
|
|
|
/* Parse CSS from array()*/
|
|
$css_output .= astra_parse_css( $woo_product_css, astra_get_tablet_breakpoint( '', 1 ) );
|
|
|
|
/*
|
|
* global button settings not working for woocommerce button on shop and single page.
|
|
* check if the current user is existing user or new user.
|
|
* if new user load the CSS bty default if existing provide a filter
|
|
*/
|
|
if ( self::astra_global_btn_woo_comp() ) {
|
|
if ( ! $astra_support_woo_btns_global ) {
|
|
$woo_global_button_css = array(
|
|
'.woocommerce-js a.button , .woocommerce button.button.alt ,.woocommerce-page table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button , .woocommerce-js a.button.alt ,.woocommerce .woocommerce-message a.button , .ast-site-header-cart .widget_shopping_cart .buttons .button.checkout, .woocommerce button.button.alt.disabled , .wc-block-grid__products .wc-block-grid__product .wp-block-button__link ' => array(
|
|
'border' => 'solid',
|
|
'border-top-width' => ( isset( $global_custom_button_border_size['top'] ) && '' !== $global_custom_button_border_size['top'] ) ? astra_get_css_value( $global_custom_button_border_size['top'], 'px' ) : '0',
|
|
'border-right-width' => ( isset( $global_custom_button_border_size['right'] ) && '' !== $global_custom_button_border_size['right'] ) ? astra_get_css_value( $global_custom_button_border_size['right'], 'px' ) : '0',
|
|
'border-left-width' => ( isset( $global_custom_button_border_size['left'] ) && '' !== $global_custom_button_border_size['left'] ) ? astra_get_css_value( $global_custom_button_border_size['left'], 'px' ) : '0',
|
|
'border-bottom-width' => ( isset( $global_custom_button_border_size['bottom'] ) && '' !== $global_custom_button_border_size['bottom'] ) ? astra_get_css_value( $global_custom_button_border_size['bottom'], 'px' ) : '0',
|
|
'border-color' => $btn_border_color ? $btn_border_color : $btn_bg_color,
|
|
),
|
|
'.woocommerce-js a.button:hover , .woocommerce button.button.alt:hover , .woocommerce-page table.cart td.actions .button:hover, .woocommerce-page #content table.cart td.actions .button:hover, .woocommerce-js a.button.alt:hover ,.woocommerce .woocommerce-message a.button:hover , .ast-site-header-cart .widget_shopping_cart .buttons .button.checkout:hover , .woocommerce button.button.alt.disabled:hover , .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover' => array(
|
|
'border-color' => $btn_border_h_color ? $btn_border_h_color : $btn_bg_h_color,
|
|
),
|
|
);
|
|
$css_output .= astra_parse_css( $woo_global_button_css );
|
|
}
|
|
|
|
if ( $if_free_shipping ) {
|
|
$woo_free_shipping_text = array(
|
|
'.summary .price' => array(
|
|
'display' => 'inline-block',
|
|
),
|
|
'.ast-shipping-text' => array(
|
|
'display' => 'inline',
|
|
),
|
|
);
|
|
$css_output .= astra_parse_css( $woo_free_shipping_text );
|
|
}
|
|
}
|
|
|
|
if ( ! is_shop() && ! is_product() ) {
|
|
|
|
$css_output .= astra_parse_css(
|
|
array(
|
|
'.widget_product_search button' => array(
|
|
'flex' => '0 0 auto',
|
|
'padding' => '10px 20px;',
|
|
),
|
|
)
|
|
);
|
|
}
|
|
|
|
if ( $is_site_rtl ) {
|
|
$woo_product_lang_direction_css = array(
|
|
'.woocommerce.woocommerce-checkout form #customer_details.col2-set, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set' => array(
|
|
'width' => '55%',
|
|
'float' => 'right',
|
|
'margin-left' => '4.347826087%',
|
|
),
|
|
'.woocommerce.woocommerce-checkout form #order_review, .woocommerce.woocommerce-checkout form #order_review_heading, .woocommerce-page.woocommerce-checkout form #order_review, .woocommerce-page.woocommerce-checkout form #order_review_heading' => array(
|
|
'width' => '40%',
|
|
'float' => 'left',
|
|
'margin-left' => '0',
|
|
'clear' => 'left',
|
|
),
|
|
);
|
|
} else {
|
|
$woo_product_lang_direction_css = array(
|
|
'.woocommerce.woocommerce-checkout form #customer_details.col2-set, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set' => array(
|
|
'width' => '55%',
|
|
'float' => 'left',
|
|
'margin-right' => '4.347826087%',
|
|
),
|
|
'.woocommerce.woocommerce-checkout form #order_review, .woocommerce.woocommerce-checkout form #order_review_heading, .woocommerce-page.woocommerce-checkout form #order_review, .woocommerce-page.woocommerce-checkout form #order_review_heading' => array(
|
|
'width' => '40%',
|
|
'float' => 'right',
|
|
'margin-right' => '0',
|
|
'clear' => 'right',
|
|
),
|
|
);
|
|
}
|
|
|
|
/* Parse CSS from array()*/
|
|
/** @psalm-suppress InvalidScalarArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$css_output .= astra_parse_css( $woo_product_lang_direction_css, astra_get_tablet_breakpoint( '', 1 ) );
|
|
/** @psalm-suppress InvalidScalarArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
/**
|
|
* Single page cart button size.
|
|
*/
|
|
$single_product_cart_button_width = astra_get_option( 'single-product-cart-button-width' );
|
|
|
|
$single_product_cart_button_width_desktop = ( ! empty( $single_product_cart_button_width['desktop'] ) ) ? $single_product_cart_button_width['desktop'] : '';
|
|
|
|
$single_product_cart_button_width_tablet = ( ! empty( $single_product_cart_button_width['tablet'] ) ) ? $single_product_cart_button_width['tablet'] : '';
|
|
|
|
$single_product_cart_button_width_mobile = ( ! empty( $single_product_cart_button_width['mobile'] ) ) ? $single_product_cart_button_width['mobile'] : '';
|
|
|
|
$single_cart_button = '.woocommerce div.product form.cart .button.single_add_to_cart_button';
|
|
|
|
$css_output_cart_button_width_desktop = array(
|
|
|
|
$single_cart_button => array(
|
|
'width' => astra_get_css_value( $single_product_cart_button_width_desktop, '%' ),
|
|
),
|
|
);
|
|
|
|
$css_output .= astra_parse_css( $css_output_cart_button_width_desktop );
|
|
|
|
$css_output_cart_button_width_mobile = array(
|
|
|
|
$single_cart_button => array(
|
|
'width' => astra_get_css_value( $single_product_cart_button_width_mobile, '%' ),
|
|
),
|
|
);
|
|
|
|
$css_output_cart_button_width_tablet = array(
|
|
|
|
$single_cart_button => array(
|
|
'width' => astra_get_css_value( $single_product_cart_button_width_tablet, '%' ),
|
|
),
|
|
);
|
|
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$css_output .= astra_parse_css( $css_output_cart_button_width_tablet, '', astra_get_tablet_breakpoint() );
|
|
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$css_output .= astra_parse_css( $css_output_cart_button_width_mobile, '', astra_get_mobile_breakpoint() );
|
|
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
|
|
/**
|
|
* Select arrow styling
|
|
*/
|
|
|
|
$arrow_color = str_replace( '#', '%23', $global_palette['palette'][3] );
|
|
$arrow_bg = "data:image/svg+xml,%3Csvg class='ast-arrow-svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='26px' height='16.043px' fill='" . $arrow_color . "' viewBox='57 35.171 26 16.043' enable-background='new 57 35.171 26 16.043' xml:space='preserve' %3E%3Cpath d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'%3E%3C/path%3E%3C/svg%3E";
|
|
|
|
$css_output_woo_select_default = array(
|
|
'select, .select2-container .select2-selection--single' => array(
|
|
'background-image' => 'url("' . $arrow_bg . '")',
|
|
'background-size' => '.8em',
|
|
'background-repeat' => 'no-repeat',
|
|
'background-position-x' => 'calc( 100% - 10px )',
|
|
'background-position-y' => 'center',
|
|
'-webkit-appearance' => 'none',
|
|
'-moz-appearance' => 'none',
|
|
'padding-right' => '2em',
|
|
),
|
|
);
|
|
|
|
$css_output .= astra_parse_css( $css_output_woo_select_default );
|
|
|
|
$is_sticky_add_to_cart_position_active = astra_get_option( 'single-product-sticky-add-to-cart' );
|
|
|
|
if ( is_product() && $is_sticky_add_to_cart_position_active ) {
|
|
|
|
/**
|
|
* Sticky add to cart variables.
|
|
*/
|
|
$sticky_add_to_cart_position = astra_get_option( 'single-product-sticky-add-to-cart-position' );
|
|
$sticky_add_to_cart_text_color = astra_get_option( 'single-product-sticky-add-to-cart-text-color' );
|
|
$sticky_add_to_cart_bg_color = astra_get_option( 'single-product-sticky-add-to-cart-bg-color' );
|
|
$sticky_add_to_cart_btn_text_color = astra_get_option( 'single-product-sticky-add-to-cart-btn-n-color' );
|
|
$sticky_add_to_cart_btn_text_color_h = astra_get_option( 'single-product-sticky-add-to-cart-btn-h-color' );
|
|
$sticky_add_to_cart_btn_bg_color = astra_get_option( 'single-product-sticky-add-to-cart-btn-bg-n-color' );
|
|
$sticky_add_to_cart_btn_bg_color_h = astra_get_option( 'single-product-sticky-add-to-cart-btn-bg-h-color' );
|
|
|
|
/**
|
|
* Single product sticky add to cart.
|
|
*/
|
|
$sticky_add_to_cart = array(
|
|
|
|
'.woocommerce .ast-sticky-add-to-cart .button.alt' => array(
|
|
'border-color' => $sticky_add_to_cart_btn_bg_color,
|
|
'color' => $sticky_add_to_cart_btn_text_color,
|
|
'background' => $sticky_add_to_cart_btn_bg_color,
|
|
),
|
|
|
|
'.woocommerce .ast-sticky-add-to-cart .button.alt:hover' => array(
|
|
'border-color' => $sticky_add_to_cart_btn_bg_color_h,
|
|
'color' => $sticky_add_to_cart_btn_text_color_h,
|
|
'background' => $sticky_add_to_cart_btn_bg_color_h,
|
|
),
|
|
|
|
'.ast-sticky-add-to-cart .ast-container .ast-sticky-add-to-cart-content' => array(
|
|
'color' => $sticky_add_to_cart_text_color ? $sticky_add_to_cart_text_color : 'var(--ast-global-color-3)',
|
|
),
|
|
|
|
'div.ast-sticky-add-to-cart' => array(
|
|
'background-color' => $sticky_add_to_cart_bg_color,
|
|
),
|
|
|
|
);
|
|
|
|
if ( 'top' === $sticky_add_to_cart_position ) {
|
|
$sticky_add_to_cart_p = array(
|
|
'div.ast-sticky-add-to-cart' => array(
|
|
'top' => '0',
|
|
'bottom' => 'initial',
|
|
'transform' => 'translate(0, -100%)',
|
|
'box-shadow' => '0px 1px 10px rgba(0, 0, 0, 0.1), 0px 1px 9px rgba(0, 0, 0, 0.06)',
|
|
),
|
|
);
|
|
} else {
|
|
$sticky_add_to_cart_p = array(
|
|
'div.ast-sticky-add-to-cart' => array(
|
|
'bottom' => '0',
|
|
'top' => 'initial',
|
|
'transform' => 'translate(0, 100%)',
|
|
'box-shadow' => '0px -1px 10px rgba(0, 0, 0, 0.1), 0px -1px 9px rgba(0, 0, 0, 0.06)',
|
|
),
|
|
);
|
|
}
|
|
|
|
$sticky_add_to_cart_responsive_mobile = array(
|
|
'.ast-sticky-add-to-cart .ast-sticky-add-to-cart-content div.ast-sticky-add-to-cart-title-wrap, .ast-sticky-add-to-cart-action-price' => array(
|
|
'display' => 'none',
|
|
),
|
|
|
|
'.ast-quantity-add-to-cart, .ast-sticky-add-to-cart-action-wrap, .ast-sticky-add-to-cart-action-wrap > form' => array(
|
|
'width' => '100%',
|
|
),
|
|
|
|
);
|
|
|
|
$sticky_add_to_cart_responsive_tablet = array(
|
|
'.ast-sticky-add-to-cart-title-wrap > img' => array(
|
|
'display' => 'none',
|
|
),
|
|
|
|
'div.ast-sticky-add-to-cart .ast-sticky-add-to-cart-content .ast-sticky-add-to-cart-title-wrap .ast-sticky-add-to-cart-title' => array(
|
|
'padding-' . $ltr_left . '' => '0',
|
|
),
|
|
|
|
);
|
|
|
|
if ( is_admin_bar_showing() ) {
|
|
$sticky_add_to_cart_admin_bar = array(
|
|
'.admin-bar .ast-sticky-add-to-cart.top' => array(
|
|
'top' => '32px',
|
|
),
|
|
);
|
|
|
|
$css_output .= astra_parse_css( $sticky_add_to_cart_admin_bar, '601' );
|
|
}
|
|
|
|
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$css_output .= astra_parse_css( $sticky_add_to_cart_responsive_tablet, '', astra_get_tablet_breakpoint() );
|
|
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
|
|
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$css_output .= astra_parse_css( $sticky_add_to_cart_responsive_mobile, '', astra_get_mobile_breakpoint() );
|
|
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
|
|
$css_output .= astra_parse_css( $sticky_add_to_cart_p );
|
|
$css_output .= astra_parse_css( $sticky_add_to_cart );
|
|
}
|
|
|
|
$astra_add_to_cart_quantity_btn_enabled = astra_add_to_cart_quantity_btn_enabled();
|
|
|
|
// Add to cart quantity button.
|
|
if ( $astra_add_to_cart_quantity_btn_enabled ) {
|
|
$add_to_cart_quantity_btn_css = '';
|
|
|
|
$add_to_cart_quantity_btn_css .= '
|
|
.woocommerce-js .quantity.buttons_added {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.woocommerce-js .quantity.buttons_added + .button.single_add_to_cart_button {
|
|
margin-' . $ltr_left . ': unset;
|
|
}
|
|
|
|
.woocommerce-js .quantity .qty {
|
|
width: 2.631em;
|
|
margin-' . $ltr_left . ': 38px;
|
|
}
|
|
|
|
.woocommerce-js .quantity .minus,
|
|
.woocommerce-js .quantity .plus {
|
|
width: 38px;
|
|
display: flex;
|
|
justify-content: center;
|
|
background-color: transparent;
|
|
border: 1px solid var(--ast-border-color);
|
|
color: var(--ast-global-color-3);
|
|
align-items: center;
|
|
outline: 0;
|
|
font-weight: 400;
|
|
z-index: 3;
|
|
}
|
|
|
|
.woocommerce-js .quantity .minus {
|
|
border-' . $ltr_right . '-width: 0;
|
|
margin-' . $ltr_right . ': -38px;
|
|
}
|
|
|
|
.woocommerce-js .quantity .plus {
|
|
border-' . $ltr_left . '-width: 0;
|
|
margin-' . $ltr_right . ': 6px;
|
|
}
|
|
|
|
.woocommerce-js input[type=number] {
|
|
max-width: 58px;
|
|
min-height: 36px;
|
|
}
|
|
|
|
.woocommerce-js input[type=number].qty::-webkit-inner-spin-button, .woocommerce input[type=number].qty::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.woocommerce-js input[type=number].qty {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
';
|
|
|
|
$css_output .= $add_to_cart_quantity_btn_css;
|
|
}
|
|
|
|
// Modern archive layout.
|
|
if ( 'shop-page-modern-style' === astra_get_option( 'shop-style' ) ) {
|
|
$modern_shop_page_css = '';
|
|
|
|
if ( 'none' !== astra_get_option( 'product-sale-notification', 'default' ) ) {
|
|
$modern_shop_page_css .= '
|
|
.ast-onsale-card {
|
|
position: absolute;
|
|
top: 1.5em;
|
|
' . esc_attr( $ltr_left ) . ': 1.5em;
|
|
color: var(--ast-global-color-3);
|
|
background-color: var(--ast-global-color-5);
|
|
width: fit-content;
|
|
border-radius: 20px;
|
|
padding: 0.4em 0.8em;
|
|
font-size: .87em;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
letter-spacing: normal;
|
|
box-shadow: 0 4px 4px rgba(0,0,0,0.15);
|
|
opacity: 1;
|
|
visibility: visible;
|
|
z-index: 4;
|
|
}
|
|
@media(max-width: 420px) {
|
|
.mobile-columns-3 .ast-onsale-card {
|
|
top: 1em;
|
|
' . esc_attr( $ltr_left ) . ': 1em;
|
|
}
|
|
}
|
|
';
|
|
}
|
|
|
|
$modern_shop_page_css .= '
|
|
|
|
.ast-on-card-button {
|
|
position: absolute;
|
|
' . esc_attr( $ltr_right ) . ': 1em;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: all 0.2s;
|
|
z-index: 5;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ast-on-card-button.ast-onsale-card {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.ast-on-card-button:hover .ast-card-action-tooltip {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.ast-on-card-button:hover .ahfb-svg-iconset {
|
|
opacity: 1;
|
|
color: var(--ast-global-color-2);
|
|
}
|
|
|
|
.ast-on-card-button .ahfb-svg-iconset {
|
|
border-radius: 50%;
|
|
color: var(--ast-global-color-2);
|
|
background: var(--ast-global-color-5);
|
|
opacity: 0.7;
|
|
width: 2em;
|
|
height: 2em;
|
|
justify-content: center;
|
|
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.ast-on-card-button .ahfb-svg-iconset .ast-icon {
|
|
-js-display: inline-flex;
|
|
display: inline-flex;
|
|
align-self: center;
|
|
}
|
|
|
|
.ast-on-card-button svg {
|
|
fill: currentColor;
|
|
}
|
|
|
|
.ast-select-options-trigger {
|
|
top: 1em;
|
|
}
|
|
|
|
.ast-select-options-trigger.loading:after {
|
|
display: block;
|
|
content: " ";
|
|
position: absolute;
|
|
top: 50%;
|
|
' . esc_attr( $ltr_right ) . ': 50%;
|
|
' . esc_attr( $ltr_left ) . ': auto;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-top: -12px;
|
|
margin-' . esc_attr( $ltr_right ) . ': -8px;
|
|
background-color: var(--ast-global-color-2);
|
|
background-image: none;
|
|
border-radius: 100%;
|
|
-webkit-animation: dotPulse 0.65s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
|
|
animation: dotPulse 0.65s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
|
|
}
|
|
|
|
.ast-select-options-trigger.loading .ast-icon {
|
|
display: none;
|
|
}
|
|
|
|
.ast-card-action-tooltip {
|
|
background-color: var(--ast-global-color-2);
|
|
pointer-events: none;
|
|
white-space: nowrap;
|
|
padding: 8px 9px;
|
|
padding: 0.7em 0.9em;
|
|
color: var(--ast-global-color-5);
|
|
margin-' . esc_attr( $ltr_right ) . ': 10px;
|
|
border-radius: 3px;
|
|
font-size: 0.8em;
|
|
line-height: 1;
|
|
font-weight: normal;
|
|
position: absolute;
|
|
' . esc_attr( $ltr_right ) . ': 100%;
|
|
top: auto;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.ast-card-action-tooltip:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -5px;
|
|
' . esc_attr( $ltr_right ) . ': -10px;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent var(--ast-global-color-2);
|
|
}
|
|
|
|
.astra-shop-thumbnail-wrap:hover .ast-on-card-button:not(.ast-onsale-card) {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
@media (max-width: 420px) {
|
|
|
|
.mobile-columns-3 .ast-select-options-trigger {
|
|
top: 0.5em;
|
|
' . esc_attr( $ltr_right ) . ': 0.5em;
|
|
}
|
|
}
|
|
';
|
|
|
|
$css_output .= $modern_shop_page_css;
|
|
}
|
|
|
|
if ( self::load_theme_side_woocommerce_strcture() ) {
|
|
$css_output .= $this->astra_shop_summary_box_alignment();
|
|
}
|
|
|
|
/**
|
|
* Single page variation tab layout.
|
|
*/
|
|
|
|
$woo_variation_layout = astra_get_option( 'single-product-variation-tabs-layout' );
|
|
|
|
if ( 'horizontal' === $woo_variation_layout ) {
|
|
$css_output_woo_variation_layout = array(
|
|
'.woocommerce div.product form.cart .variations tr' => array(
|
|
'display' => 'flex',
|
|
'flex-wrap' => 'wrap',
|
|
'margin-bottom' => '1em',
|
|
),
|
|
|
|
'.woocommerce div.product form.cart .variations td' => array(
|
|
'width' => 'calc( 100% - 70px )',
|
|
),
|
|
|
|
'.woocommerce div.product form.cart .variations td.label, .woocommerce div.product form.cart .variations th.label' => array(
|
|
'width' => '70px',
|
|
'padding-right' => '1em',
|
|
),
|
|
);
|
|
|
|
$css_output .= astra_parse_css( $css_output_woo_variation_layout );
|
|
}
|
|
|
|
/**
|
|
* Woocommerce Active Filter Styles
|
|
*/
|
|
$woo_active_filter_css = array(
|
|
'.ast-woo-active-filter-widget .wc-block-active-filters' => array(
|
|
'display' => esc_attr( 'flex' ),
|
|
'align-items' => esc_attr( 'self-start' ),
|
|
'justify-content' => esc_attr( 'space-between' ),
|
|
),
|
|
'.ast-woo-active-filter-widget .wc-block-active-filters__clear-all' => array(
|
|
'flex' => esc_attr( 'none' ),
|
|
'margin-top' => esc_attr( '2px' ),
|
|
),
|
|
);
|
|
|
|
$css_output .= astra_parse_css( $woo_active_filter_css );
|
|
|
|
// Single product payment.
|
|
$single_product_payment_array = astra_get_option( 'single-product-structure' );
|
|
if ( is_array( $single_product_payment_array ) && ! empty( $single_product_payment_array ) && in_array( 'single-product-payments', $single_product_payment_array ) ) {
|
|
$css_output .= '
|
|
.ast-single-product-payments {
|
|
margin-bottom: 1em;
|
|
display: inline-block;
|
|
margin-top: 0;
|
|
padding: 13px 20px 18px;
|
|
border: 1px solid var(--ast-border-color);
|
|
border-radius: 0.25rem;
|
|
width: 100%;
|
|
}
|
|
|
|
.ast-single-product-payments.ast-text-color-version svg {
|
|
fill: var(--ast-global-color-3);
|
|
}
|
|
|
|
.ast-single-product-payments.ast-text-color-version img {
|
|
filter: grayscale(100%);
|
|
}
|
|
|
|
.ast-single-product-payments legend {
|
|
padding: 0 8px;
|
|
margin-bottom: 0;
|
|
font-size: 1em;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
color: var(--ast-global-color-3);
|
|
}
|
|
|
|
.ast-single-product-payments ul {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
justify-content: center;
|
|
}
|
|
|
|
.ast-single-product-payments ul li {
|
|
display: flex;
|
|
width: 48px;
|
|
margin: 0 0.5em 0.5em 0.5em;
|
|
}
|
|
|
|
.ast-single-product-payments ul li svg,
|
|
.ast-single-product-payments ul li img {
|
|
height: 30px;
|
|
width: 100%;
|
|
}
|
|
|
|
';
|
|
}
|
|
|
|
// Enable Show Password Icon on Login Form on Woocommerce Account Page.
|
|
if ( is_account_page() && ! is_user_logged_in() && astra_load_woocommerce_login_form_password_icon() ) {
|
|
$ltr_left = $is_site_rtl ? esc_attr( 'right' ) : esc_attr( 'left' );
|
|
$ltr_right = $is_site_rtl ? esc_attr( 'left' ) : esc_attr( 'right' );
|
|
|
|
$css_output_show_password_icon = array(
|
|
'.woocommerce form .password-input, .woocommerce-page form .password-input' => array(
|
|
'display' => 'flex',
|
|
'flex-direction' => 'column',
|
|
'justify-content' => 'center',
|
|
'position' => 'relative',
|
|
),
|
|
'.woocommerce form .show-password-input, .woocommerce-page form .show-password-input' => array(
|
|
'position' => 'absolute',
|
|
$ltr_right => '0.7em',
|
|
'cursor' => 'pointer',
|
|
'top' => '0.7em',
|
|
),
|
|
'.woocommerce form .show-password-input::after, .woocommerce-page form .show-password-input::after' => array(
|
|
'font-family' => 'WooCommerce',
|
|
'speak' => 'never',
|
|
'font-weight' => '400',
|
|
'font-variant' => 'normal',
|
|
'text-transform' => 'none',
|
|
'line-height' => '1',
|
|
'-webkit-font-smoothing' => 'antialiased',
|
|
'margin-' . $ltr_left => '0.618em',
|
|
'content' => '"\e010"',
|
|
'text-decoration' => 'none',
|
|
),
|
|
);
|
|
$css_output .= astra_parse_css( $css_output_show_password_icon );
|
|
}
|
|
|
|
wp_add_inline_style( 'woocommerce-general', apply_filters( 'astra_theme_woocommerce_dynamic_css', $css_output ) );
|
|
|
|
|
|
/**
|
|
* YITH WooCommerce Wishlist Style
|
|
*/
|
|
$yith_wcwl_main_style = array(
|
|
'.yes-js.js_active .ast-plain-container.ast-single-post #primary' => array(
|
|
'margin' => esc_attr( '4em 0' ),
|
|
),
|
|
'.js_active .ast-plain-container.ast-single-post .entry-header' => array(
|
|
'margin-top' => esc_attr( '0' ),
|
|
),
|
|
'.woocommerce table.wishlist_table' => array(
|
|
'font-size' => esc_attr( '100%' ),
|
|
),
|
|
'.woocommerce table.wishlist_table tbody td.product-name' => array(
|
|
'font-weight' => esc_attr( '700' ),
|
|
),
|
|
'.woocommerce table.wishlist_table thead th' => array(
|
|
'border-top' => esc_attr( '0' ),
|
|
),
|
|
'.woocommerce table.wishlist_table tr td.product-remove' => array(
|
|
'padding' => esc_attr( '.7em 1em' ),
|
|
),
|
|
'.woocommerce table.wishlist_table tbody td' => array(
|
|
'border-right' => esc_attr( '0' ),
|
|
),
|
|
'.woocommerce .wishlist_table td.product-add-to-cart a' => array(
|
|
'display' => esc_attr( 'inherit !important' ),
|
|
),
|
|
'.wishlist_table tr td, .wishlist_table tr th.wishlist-delete, .wishlist_table tr th.product-checkbox' => array(
|
|
'text-align' => esc_attr( 'left' ),
|
|
),
|
|
'.woocommerce #content table.wishlist_table.cart a.remove' => array(
|
|
'display' => esc_attr( 'inline-block' ),
|
|
'vertical-align' => esc_attr( 'middle' ),
|
|
'font-size' => esc_attr( '18px' ),
|
|
'font-weight' => esc_attr( 'normal' ),
|
|
'width' => esc_attr( '24px' ),
|
|
'height' => esc_attr( '24px' ),
|
|
'line-height' => esc_attr( '21px' ),
|
|
'color' => esc_attr( '#ccc !important' ),
|
|
'text-align' => esc_attr( 'center' ),
|
|
'border' => esc_attr( '1px solid #ccc' ),
|
|
),
|
|
'.woocommerce #content table.wishlist_table.cart a.remove:hover' => array(
|
|
'color' => esc_attr( $link_color . '!important' ),
|
|
'border-color' => esc_attr( $link_color ),
|
|
'background-color' => esc_attr( '#ffffff' ),
|
|
),
|
|
);
|
|
/* Parse CSS from array() */
|
|
$yith_wcwl_main_style = astra_parse_css( $yith_wcwl_main_style );
|
|
|
|
$yith_wcwl_main_style_small = array(
|
|
'.yes-js.js_active .ast-plain-container.ast-single-post #primary' => array(
|
|
'padding' => esc_attr( '1.5em 0' ),
|
|
'margin' => esc_attr( '0' ),
|
|
),
|
|
);
|
|
/* Parse CSS from array()*/
|
|
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$yith_wcwl_main_style .= astra_parse_css( $yith_wcwl_main_style_small, '', astra_get_tablet_breakpoint() );
|
|
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
wp_add_inline_style( 'yith-wcwl-main', $yith_wcwl_main_style );
|
|
}
|
|
|
|
/**
|
|
* Shop summary box wrapper alignment.
|
|
*
|
|
* @since 3.9.2
|
|
* @return string
|
|
*/
|
|
public function astra_shop_summary_box_alignment() {
|
|
$shop_product_alignment = astra_get_option( 'shop-product-align-responsive' );
|
|
$desktop_alignment = ( isset( $shop_product_alignment['desktop'] ) ) ? $shop_product_alignment['desktop'] : '';
|
|
$tablet_alignment = ( isset( $shop_product_alignment['tablet'] ) ) ? $shop_product_alignment['tablet'] : '';
|
|
$mobile_alignment = ( isset( $shop_product_alignment['mobile'] ) ) ? $shop_product_alignment['mobile'] : '';
|
|
|
|
$is_site_rtl = is_rtl();
|
|
$ltr_left = $is_site_rtl ? 'right' : 'left';
|
|
$ltr_right = $is_site_rtl ? 'left' : 'right';
|
|
|
|
$tablet_breakpoint = astra_get_tablet_breakpoint();
|
|
$mobile_breakpoint = astra_get_mobile_breakpoint();
|
|
|
|
$desktop_css = '';
|
|
$tablet_css = '';
|
|
$mobile_css = '';
|
|
|
|
switch ( $desktop_alignment ) {
|
|
case 'align-left':
|
|
$desktop_css = '
|
|
.woocommerce ul.products li.product.desktop-align-left, .woocommerce-page ul.products li.product.desktop-align-left {
|
|
text-align: ' . $ltr_left . ';
|
|
}
|
|
.woocommerce ul.products li.product.desktop-align-left .star-rating,
|
|
.woocommerce ul.products li.product.desktop-align-left .button,
|
|
.woocommerce-page ul.products li.product.desktop-align-left .star-rating,
|
|
.woocommerce-page ul.products li.product.desktop-align-left .button {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
';
|
|
break;
|
|
case 'align-center':
|
|
$desktop_css = '
|
|
.woocommerce ul.products li.product.desktop-align-center, .woocommerce-page ul.products li.product.desktop-align-center {
|
|
text-align: center;
|
|
}
|
|
.woocommerce ul.products li.product.desktop-align-center .star-rating,
|
|
.woocommerce-page ul.products li.product.desktop-align-center .star-rating {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
';
|
|
break;
|
|
case 'align-right':
|
|
$desktop_css = '
|
|
.woocommerce ul.products li.product.desktop-align-right, .woocommerce-page ul.products li.product.desktop-align-right {
|
|
text-align: ' . $ltr_right . ';
|
|
}
|
|
.woocommerce ul.products li.product.desktop-align-right .button,
|
|
.woocommerce-page ul.products li.product.desktop-align-right .button {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.woocommerce ul.products li.product.desktop-align-right .star-rating,
|
|
.woocommerce-page ul.products li.product.desktop-align-right .star-rating {
|
|
margin-' . $ltr_left . ': auto;
|
|
margin-' . $ltr_right . ': 0;
|
|
}
|
|
';
|
|
break;
|
|
default:
|
|
// code...
|
|
break;
|
|
}
|
|
|
|
switch ( $tablet_alignment ) {
|
|
case 'align-left':
|
|
$tablet_css = '
|
|
.woocommerce ul.products li.product.tablet-align-left, .woocommerce-page ul.products li.product.tablet-align-left {
|
|
text-align: ' . $ltr_left . ';
|
|
}
|
|
.woocommerce ul.products li.product.tablet-align-left .star-rating,
|
|
.woocommerce ul.products li.product.tablet-align-left .button,
|
|
.woocommerce-page ul.products li.product.tablet-align-left .star-rating,
|
|
.woocommerce-page ul.products li.product.tablet-align-left .button {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
';
|
|
break;
|
|
case 'align-center':
|
|
$tablet_css = '
|
|
.woocommerce ul.products li.product.tablet-align-center, .woocommerce-page ul.products li.product.tablet-align-center {
|
|
text-align: center;
|
|
}
|
|
.woocommerce ul.products li.product.tablet-align-center .star-rating,
|
|
.woocommerce-page ul.products li.product.tablet-align-center .star-rating {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
';
|
|
break;
|
|
case 'align-right':
|
|
$tablet_css = '
|
|
.woocommerce ul.products li.product.tablet-align-right, .woocommerce-page ul.products li.product.tablet-align-right {
|
|
text-align: ' . $ltr_right . ';
|
|
}
|
|
.woocommerce ul.products li.product.tablet-align-right .button,
|
|
.woocommerce-page ul.products li.product.tablet-align-right .button {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.woocommerce ul.products li.product.tablet-align-right .star-rating,
|
|
.woocommerce-page ul.products li.product.tablet-align-right .star-rating {
|
|
margin-' . $ltr_left . ': auto;
|
|
margin-' . $ltr_right . ': 0;
|
|
}
|
|
';
|
|
break;
|
|
default:
|
|
// code...
|
|
break;
|
|
}
|
|
|
|
switch ( $mobile_alignment ) {
|
|
case 'align-left':
|
|
$mobile_css = '
|
|
.woocommerce ul.products li.product.mobile-align-left, .woocommerce-page ul.products li.product.mobile-align-left {
|
|
text-align: ' . $ltr_left . ';
|
|
}
|
|
.woocommerce ul.products li.product.mobile-align-left .star-rating,
|
|
.woocommerce ul.products li.product.mobile-align-left .button,
|
|
.woocommerce-page ul.products li.product.mobile-align-left .star-rating,
|
|
.woocommerce-page ul.products li.product.mobile-align-left .button {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
';
|
|
break;
|
|
case 'align-center':
|
|
$mobile_css = '
|
|
.woocommerce ul.products li.product.mobile-align-center, .woocommerce-page ul.products li.product.mobile-align-center {
|
|
text-align: center;
|
|
}
|
|
.woocommerce ul.products li.product.mobile-align-center .star-rating,
|
|
.woocommerce-page ul.products li.product.mobile-align-center .star-rating {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
';
|
|
break;
|
|
case 'align-right':
|
|
$mobile_css = '
|
|
.woocommerce ul.products li.product.mobile-align-right, .woocommerce-page ul.products li.product.mobile-align-right {
|
|
text-align: ' . $ltr_right . ';
|
|
}
|
|
.woocommerce ul.products li.product.mobile-align-right .button,
|
|
.woocommerce-page ul.products li.product.mobile-align-right .button {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.woocommerce ul.products li.product.mobile-align-right .star-rating,
|
|
.woocommerce-page ul.products li.product.mobile-align-right .star-rating {
|
|
margin-' . $ltr_left . ': auto;
|
|
margin-' . $ltr_right . ': 0;
|
|
}
|
|
';
|
|
break;
|
|
default:
|
|
// code...
|
|
break;
|
|
}
|
|
|
|
/** @psalm-suppress InvalidOperand */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
return $desktop_css . '@media(max-width: ' . $tablet_breakpoint . 'px){' . $tablet_css . '}' . '@media(max-width: ' . $mobile_breakpoint . 'px){' . $mobile_css . '}'; // phpcs:ignore Generic.Strings.UnnecessaryStringConcat.Found
|
|
/** @psalm-suppress InvalidOperand */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
}
|
|
|
|
/**
|
|
* Register Customizer sections and panel for woocommerce
|
|
*
|
|
* @since 1.0.0
|
|
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
|
|
*/
|
|
public function customize_register( $wp_customize ) {
|
|
|
|
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
|
/**
|
|
* Register Sections & Panels
|
|
*/
|
|
require ASTRA_THEME_DIR . 'inc/compatibility/woocommerce/customizer/class-astra-customizer-register-woo-section.php';
|
|
|
|
/**
|
|
* Sections
|
|
*/
|
|
require ASTRA_THEME_DIR . 'inc/compatibility/woocommerce/customizer/sections/class-astra-woo-shop-container-configs.php';
|
|
require ASTRA_THEME_DIR . 'inc/compatibility/woocommerce/customizer/sections/class-astra-woo-shop-sidebar-configs.php';
|
|
require ASTRA_THEME_DIR . 'inc/compatibility/woocommerce/customizer/sections/layout/class-astra-woo-shop-layout-configs.php';
|
|
require ASTRA_THEME_DIR . 'inc/compatibility/woocommerce/customizer/sections/layout/class-astra-woo-shop-single-layout-configs.php';
|
|
require ASTRA_THEME_DIR . 'inc/compatibility/woocommerce/customizer/sections/layout/class-astra-woo-shop-cart-layout-configs.php';
|
|
require ASTRA_THEME_DIR . 'inc/compatibility/woocommerce/customizer/sections/layout/class-astra-woo-shop-misc-layout-configs.php';
|
|
require ASTRA_THEME_DIR . 'inc/compatibility/woocommerce/customizer/sections/class-astra-woo-store-notice-configs.php';
|
|
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
|
|
|
}
|
|
|
|
/**
|
|
* Add Cart icon markup
|
|
*
|
|
* @param String $output Markup.
|
|
* @param String $section Section name.
|
|
* @param String $section_type Section selected option.
|
|
* @return Markup String.
|
|
*
|
|
* @since 1.0.0
|
|
*/
|
|
public function astra_header_cart( $output, $section, $section_type ) {
|
|
|
|
if ( 'woocommerce' === $section_type && apply_filters( 'astra_woo_header_cart_icon', true ) ) {
|
|
|
|
$output = $this->woo_mini_cart_markup();
|
|
}
|
|
|
|
return $output;
|
|
}
|
|
|
|
/**
|
|
* Woocommerce mini cart markup markup
|
|
*
|
|
* @since 1.2.2
|
|
* @return html
|
|
*/
|
|
public function woo_mini_cart_markup() {
|
|
|
|
if ( is_cart() ) {
|
|
$class = 'current-menu-item';
|
|
} else {
|
|
$class = '';
|
|
}
|
|
|
|
$desktop_cart_flyout = 'flyout' === astra_get_option( 'woo-header-cart-click-action' ) ? 'ast-desktop-cart-flyout' : '';
|
|
$cart_menu_classes = apply_filters( 'astra_cart_in_menu_class', array( 'ast-menu-cart-with-border', $desktop_cart_flyout ) );
|
|
ob_start();
|
|
if ( is_customize_preview() && true === Astra_Builder_Helper::$is_header_footer_builder_active ) {
|
|
Astra_Builder_UI_Controller::render_customizer_edit_button();
|
|
}
|
|
?>
|
|
<div id="ast-site-header-cart" class="ast-site-header-cart <?php echo esc_attr( implode( ' ', $cart_menu_classes ) ); ?>">
|
|
<div class="ast-site-header-cart-li <?php echo esc_attr( $class ); ?>">
|
|
<?php $this->astra_get_cart_link(); ?>
|
|
</div>
|
|
<div class="ast-site-header-cart-data">
|
|
|
|
<?php
|
|
// Load 'Slide-In Cart' or 'Dropdown Cart' Widget when 'Cart Page' Option is not selected.
|
|
if ( 'redirect' !== astra_get_option( 'woo-header-cart-click-action' ) ) {
|
|
the_widget( 'WC_Widget_Cart', 'title=' );
|
|
}
|
|
?>
|
|
|
|
</div>
|
|
</div>
|
|
<?php
|
|
return ob_get_clean();
|
|
}
|
|
|
|
/**
|
|
* Add Cart icon markup
|
|
*
|
|
* @param Array $options header options array.
|
|
*
|
|
* @return Array header options array.
|
|
* @since 1.0.0
|
|
*/
|
|
public function header_section_elements( $options ) {
|
|
|
|
$options['woocommerce'] = 'WooCommerce';
|
|
|
|
return $options;
|
|
}
|
|
|
|
/**
|
|
* Cart Link
|
|
* Displayed a link to the cart including the number of items present and the cart total
|
|
*
|
|
* @return void
|
|
* @since 1.0.0
|
|
*/
|
|
public function astra_get_cart_link() {
|
|
|
|
$view_shopping_cart = apply_filters( 'astra_woo_view_shopping_cart_title', __( 'View your shopping cart', 'astra' ) );
|
|
$woo_cart_link = wc_get_cart_url();
|
|
/** @psalm-suppress RedundantConditionGivenDocblockType */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$cart_count = null !== WC()->cart ? WC()->cart->get_cart_contents_count() : 0;
|
|
/** @psalm-suppress RedundantConditionGivenDocblockType */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$aria_label = $cart_count > 0 ? "View Shopping Cart, {$cart_count} items" : 'View Shopping Cart, empty';
|
|
|
|
// Do not redirect to Cart Page in Customizer Preview & when 'Cart Page' option is not selected.
|
|
if ( is_customize_preview() && 'redirect' !== astra_get_option( 'woo-header-cart-click-action' ) ) {
|
|
$woo_cart_link = '#';
|
|
}
|
|
|
|
$cart_total_label_position = astra_get_option( 'woo-header-cart-icon-total-label-position' );
|
|
?>
|
|
<a href="<?php echo esc_url( $woo_cart_link ); ?>" class="cart-container ast-cart-desktop-position-<?php echo esc_attr( $cart_total_label_position['desktop'] ); ?> ast-cart-mobile-position-<?php echo esc_attr( $cart_total_label_position['mobile'] ); ?> ast-cart-tablet-position-<?php echo esc_attr( $cart_total_label_position['tablet'] ); ?>" aria-label="<?php echo esc_attr( $aria_label ); ?>">
|
|
|
|
<?php
|
|
do_action( 'astra_woo_header_cart_icons_before' );
|
|
|
|
if ( apply_filters( 'astra_woo_default_header_cart_icon', true ) ) {
|
|
?>
|
|
<div class="ast-cart-menu-wrap">
|
|
<span class="count">
|
|
<span class="ast-count-text">
|
|
<?php
|
|
if ( apply_filters( 'astra_woo_header_cart_total', true ) && null != WC()->cart ) {
|
|
echo WC()->cart->get_cart_contents_count(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
}
|
|
?>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<?php
|
|
}
|
|
|
|
do_action( 'astra_woo_header_cart_icons_after' );
|
|
|
|
?>
|
|
</a>
|
|
<?php
|
|
}
|
|
|
|
/**
|
|
* Cart Fragments
|
|
* Ensure cart contents update when products are added to the cart via AJAX
|
|
*
|
|
* @param array $fragments Fragments to refresh via AJAX.
|
|
* @return array Fragments to refresh via AJAX
|
|
*/
|
|
public function cart_link_fragment( $fragments ) {
|
|
|
|
ob_start();
|
|
$this->astra_get_cart_link();
|
|
$fragments['a.cart-container'] = ob_get_clean();
|
|
|
|
ob_start();
|
|
|
|
woocommerce_mini_cart();
|
|
|
|
$mini_cart = ob_get_clean();
|
|
|
|
$fragments['div.widget_shopping_cart_content'] = '<div class="widget_shopping_cart_content">' . $mini_cart . '</div>';
|
|
return $fragments;
|
|
}
|
|
|
|
/**
|
|
* Add shopping CTA in cart flyout.
|
|
*
|
|
* @since 3.9.0
|
|
*/
|
|
public function astra_update_flyout_cart_layout() {
|
|
if ( WC()->cart->is_empty() ) {
|
|
do_action( 'astra_empty_cart_before' );
|
|
?>
|
|
<div class="ast-mini-cart-empty">
|
|
<div class="ast-mini-cart-message">
|
|
<p class="woocommerce-mini-cart__empty-message"><?php echo esc_html( apply_filters( 'astra_mini_cart_empty_msg', __( 'No products in the cart.', 'astra' ) ) ); ?></p>
|
|
</div>
|
|
<?php do_action( 'astra_empty_cart_content' ); ?>
|
|
<div class="woocommerce-mini-cart__buttons">
|
|
<a href="<?php /** @psalm-suppress PossiblyFalseArgument */ echo esc_url( get_permalink( wc_get_page_id( 'shop' ) ) ); ?>" class="button wc-forward ast-continue-shopping"><?php esc_html_e( 'Continue Shopping', 'astra' ); ?></a> <?php // phpcs:ignore Generic.Commenting.DocComment.MissingShort ?>
|
|
</div>
|
|
</div>
|
|
<?php
|
|
do_action( 'astra_empty_cart_after' );
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Woocommerce Cart button html
|
|
*
|
|
* @since 3.9.0
|
|
* @return void
|
|
*/
|
|
public function woocommerce_proceed_to_checkout_button_html() {
|
|
$cart_button_text = astra_get_option( 'woo-cart-button-text' );
|
|
|
|
if ( $cart_button_text ) {
|
|
?>
|
|
<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>" class="checkout-button button alt wc-forward">
|
|
<?php echo esc_attr( $cart_button_text ); ?>
|
|
</a>
|
|
<?php
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Woocommerce Cart button text
|
|
*
|
|
* @since 3.9.0
|
|
* @return void
|
|
*/
|
|
public function woocommerce_proceed_to_checkout_button() {
|
|
|
|
$enable_cart_button_text = astra_get_option( 'woo-enable-cart-button-text' );
|
|
$cart_button_text = astra_get_option( 'woo-cart-button-text' );
|
|
|
|
if ( $cart_button_text && $enable_cart_button_text ) {
|
|
remove_action( 'woocommerce_proceed_to_checkout', 'woocommerce_button_proceed_to_checkout', 20 );
|
|
add_action( 'woocommerce_proceed_to_checkout', array( $this, 'woocommerce_proceed_to_checkout_button_html' ), 20 );
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Update the "Customize" link to the Toolbar.
|
|
*
|
|
* @since 3.9.2
|
|
*
|
|
* @param WP_Admin_Bar $wp_admin_bar The WP_Admin_Bar instance.
|
|
*/
|
|
public function astra_update_customize_admin_bar_link( $wp_admin_bar ) {
|
|
|
|
$admin_bar_nodes = $wp_admin_bar->get_nodes();
|
|
if ( ! is_admin() && class_exists( 'WooCommerce' ) && isset( $admin_bar_nodes['customize'] ) ) {
|
|
$customize_link = isset( $admin_bar_nodes['customize']->href ) ? $admin_bar_nodes['customize']->href : wp_customize_url();
|
|
|
|
/** @psalm-suppress PossiblyFalseOperand */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$current_url = substr( $customize_link, strpos( $customize_link, '?url=' ) + 1 );
|
|
/** @psalm-suppress PossiblyFalseOperand */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
|
|
$wp_admin_bar->remove_node( 'customize' );
|
|
|
|
if ( is_product() ) {
|
|
$customize_link = admin_url( 'customize.php' ) . '?autofocus[section]=section-woo-shop-single&' . $current_url;
|
|
}
|
|
if ( is_cart() ) {
|
|
$customize_link = admin_url( 'customize.php' ) . '?autofocus[section]=section-woo-shop-cart&' . $current_url;
|
|
}
|
|
if ( is_checkout() ) {
|
|
$customize_link = admin_url( 'customize.php' ) . '?autofocus[section]=woocommerce_checkout&' . $current_url;
|
|
}
|
|
if ( is_account_page() ) {
|
|
$customize_link = admin_url( 'customize.php' ) . '?autofocus[section]=section-ast-woo-my-account&' . $current_url;
|
|
}
|
|
if ( is_shop() || is_product_taxonomy() ) {
|
|
$customize_link = admin_url( 'customize.php' ) . '?autofocus[section]=woocommerce_product_catalog&' . $current_url;
|
|
}
|
|
|
|
$customize_node = array(
|
|
'id' => 'customize',
|
|
'title' => __( 'Customize', 'astra' ),
|
|
'href' => $customize_link,
|
|
'meta' => array(
|
|
'class' => 'hide-if-no-customize',
|
|
),
|
|
);
|
|
|
|
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$wp_admin_bar->add_node( $customize_node );
|
|
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
}
|
|
}
|
|
|
|
/**
|
|
* For existing users, do not load the wide/full width image CSS by default.
|
|
*
|
|
* @since 2.5.0
|
|
* @return boolean false if it is an existing user , true if not.
|
|
*/
|
|
public static function astra_global_btn_woo_comp() {
|
|
$astra_settings = get_option( ASTRA_THEME_SETTINGS );
|
|
$astra_settings['global-btn-woo-css'] = isset( $astra_settings['global-btn-woo-css'] ) ? false : true;
|
|
return apply_filters( 'astra_global_btn_woo_comp', $astra_settings['global-btn-woo-css'] );
|
|
}
|
|
|
|
/**
|
|
* Show the product title in the product loop.
|
|
*
|
|
* @param string $product_type product type.
|
|
*/
|
|
public function astra_woo_woocommerce_template_product_title( $product_type ) {
|
|
|
|
if ( 'quick-view' === $product_type ) {
|
|
/** @psalm-suppress PossiblyFalseArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
echo '<a href="' . esc_url( get_the_permalink() ) . '" class="ast-loop-product__link">';
|
|
/** @psalm-suppress PossiblyFalseArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
}
|
|
|
|
woocommerce_template_single_title();
|
|
|
|
if ( 'quick-view' === $product_type ) {
|
|
echo '</a>';
|
|
}
|
|
|
|
}
|
|
|
|
/**
|
|
* Show the product catagories in the product loop.
|
|
*/
|
|
public function single_product_category() {
|
|
/** @psalm-suppress InvalidGlobal */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
global $product;
|
|
echo '<span class="single-product-category">' . wp_kses_post( wc_get_product_category_list( $product->get_id(), ', ' ) ) . '</span>';
|
|
}
|
|
|
|
/**
|
|
* Single Product Payments.
|
|
*
|
|
* @since 3.9.2
|
|
* @return void
|
|
*/
|
|
public function woocommerce_product_single_payments() {
|
|
$section_title = astra_get_option( 'single-product-payment-text' );
|
|
$if_color_version = astra_get_option( 'single-product-payment-icon-color' );
|
|
|
|
ob_start();
|
|
?>
|
|
<?php $if_color_version_css = 'inherit_text_color' === $if_color_version ? 'ast-text-color-version' : 'ast-inherit-color-version'; ?>
|
|
<fieldset class="ast-single-product-payments <?php echo esc_attr( $if_color_version_css ); ?>">
|
|
<legend><?php echo esc_html( $section_title ); ?></legend>
|
|
<ul>
|
|
<?php
|
|
$colored_varients = array( 'cc-amex', 'cc-apple-pay', 'cc-discover', 'cc-mastercard', 'cc-paypal', 'cc-visa' );
|
|
$payment_list = astra_get_option( 'single-product-payment-list' );
|
|
|
|
if ( isset( $payment_list['items'] ) ) {
|
|
foreach ( $payment_list['items'] as $single ) {
|
|
if ( isset( $single['enabled'] ) && true === $single['enabled'] ) {
|
|
if ( isset( $single['source'] ) && $single['source'] ) {
|
|
if ( 'image' === $single['source'] ) {
|
|
if ( isset( $single['image'] ) && $single['image'] ) {
|
|
$image_id = attachment_url_to_postid( $single['image'] );
|
|
$image_alt = get_post_meta( $image_id, '_wp_attachment_image_alt', true );
|
|
?>
|
|
<li class="ast-custom-payment">
|
|
<img src="<?php echo esc_url( $single['image'] ); ?>" alt="<?php echo esc_attr( $image_alt ); ?>" />
|
|
</li>
|
|
<?php
|
|
}
|
|
} else {
|
|
if ( isset( $single['icon'] ) && $single['icon'] ) {
|
|
$selected_icon = in_array( $single['icon'], $colored_varients ) && 'inherit_text_color' !== $if_color_version ? $single['icon'] . '-c' : $single['icon'];
|
|
?>
|
|
<li class="ast-custom-payment">
|
|
<?php echo Astra_Builder_UI_Controller::fetch_svg_icon( $selected_icon, false ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
|
|
</li>
|
|
<?php
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
?>
|
|
</ul>
|
|
|
|
</fieldset>
|
|
|
|
<?php
|
|
echo ob_get_clean(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
}
|
|
|
|
/**
|
|
* Show the product title in the product loop. By default this is an H2.
|
|
*
|
|
* @param string $product_type product type.
|
|
*/
|
|
public function single_product_content_structure( $product_type = '' ) {
|
|
|
|
/** @psalm-suppress TooManyArguments */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
$single_structure = apply_filters( 'astra_woo_single_product_structure', astra_get_option( 'single-product-structure' ), $product_type );
|
|
|
|
if ( is_array( $single_structure ) && ! empty( $single_structure ) ) {
|
|
|
|
// @codingStandardsIgnoreStart
|
|
/**
|
|
* @psalm-suppress UndefinedClass
|
|
* @psalm-suppress InvalidScalarArgument
|
|
*/
|
|
$astra_addons_condition = astra_has_pro_woocommerce_addon();
|
|
// @codingStandardsIgnoreEnd
|
|
|
|
foreach ( $single_structure as $value ) {
|
|
|
|
switch ( $value ) {
|
|
case 'title':
|
|
/**
|
|
* Add Product Title on single product page for all products.
|
|
*/
|
|
do_action( 'astra_woo_single_title_before' );
|
|
$this->astra_woo_woocommerce_template_product_title( $product_type );
|
|
do_action( 'astra_woo_single_title_after' );
|
|
break;
|
|
case 'price':
|
|
/**
|
|
* Add Product Price on single product page for all products.
|
|
*/
|
|
do_action( 'astra_woo_single_price_before' );
|
|
woocommerce_template_single_price();
|
|
do_action( 'astra_woo_single_price_after' );
|
|
break;
|
|
case 'ratings':
|
|
/**
|
|
* Add rating on single product page for all products.
|
|
*/
|
|
do_action( 'astra_woo_single_rating_before' );
|
|
woocommerce_template_single_rating();
|
|
do_action( 'astra_woo_single_rating_after' );
|
|
break;
|
|
case 'short_desc':
|
|
do_action( 'astra_woo_single_short_description_before' );
|
|
woocommerce_template_single_excerpt();
|
|
do_action( 'astra_woo_single_short_description_after' );
|
|
break;
|
|
case 'add_cart':
|
|
do_action( 'astra_woo_single_add_to_cart_before' );
|
|
woocommerce_template_single_add_to_cart();
|
|
do_action( 'astra_woo_single_add_to_cart_after' );
|
|
break;
|
|
case 'summary-extras':
|
|
/** @psalm-suppress UndefinedClass */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
if ( $astra_addons_condition && is_callable( array( ASTRA_Ext_WooCommerce_Markup::get_instance(), 'single_product_extras' ) ) ) {
|
|
/** @psalm-suppress UndefinedClass */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
do_action( 'astra_woo_single_extras_before' );
|
|
ASTRA_Ext_WooCommerce_Markup::get_instance()->single_product_extras();
|
|
do_action( 'astra_woo_single_extras_after' );
|
|
}
|
|
break;
|
|
case 'single-product-payments':
|
|
/** @psalm-suppress UndefinedClass */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
|
|
/** @psalm-suppress UndefinedClass */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
do_action( 'astra_woo_single_product_payments_before' );
|
|
$this->woocommerce_product_single_payments();
|
|
do_action( 'astra_woo_single_product_payments_after' );
|
|
|
|
break;
|
|
case 'meta':
|
|
do_action( 'astra_woo_single_category_before' );
|
|
woocommerce_template_single_meta();
|
|
do_action( 'astra_woo_single_category_after' );
|
|
break;
|
|
case 'category':
|
|
do_action( 'astra_woo_single_product_category_before' );
|
|
$this->single_product_category();
|
|
do_action( 'astra_woo_single_product_category_after' );
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
}
|
|
|
|
// Product single tabs accordion.
|
|
if ( $astra_addons_condition && astra_get_option( 'accordion-inside-woo-summary' ) && 'accordion' === astra_get_option( 'single-product-tabs-layout' ) && astra_get_option( 'single-product-tabs-display' ) ) {
|
|
/** @psalm-suppress UndefinedClass */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
ASTRA_Ext_WooCommerce_Markup::get_instance()->woo_product_tabs_layout_output();
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Single product sticky add to cart.
|
|
*
|
|
* @return void
|
|
* @since 3.9.0
|
|
*/
|
|
public function single_product_sticky_add_to_cart() {
|
|
|
|
if ( is_product() && astra_get_option( 'single-product-sticky-add-to-cart' ) ) {
|
|
/** @psalm-suppress InvalidGlobal */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
global $post;
|
|
|
|
$product = wc_get_product( $post->ID );
|
|
$sticky_position = astra_get_option( 'single-product-sticky-add-to-cart-position' );
|
|
$add_to_cart_ajax = astra_get_option( 'single-product-ajax-add-to-cart' );
|
|
// @codingStandardsIgnoreStart
|
|
/**
|
|
* @psalm-suppress PossiblyNullReference
|
|
* @psalm-suppress PossiblyFalseReference
|
|
*/
|
|
if ( ( $product->is_purchasable() && ( $product->is_in_stock() || $product->backorders_allowed() ) ) || $product->is_type( 'external' ) ) {
|
|
// @codingStandardsIgnoreEnd
|
|
if ( is_customize_preview() ) {
|
|
echo '<div class="ast-sticky-add-to-cart customizer-item-block-preview customizer-navigate-on-focus ' . esc_attr( $sticky_position ) . '" data-section="astra-settings[single-product-sticky-add-to-cart]" data-type="control">';
|
|
/** @psalm-suppress TooManyArguments */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
Astra_Builder_UI_Controller::render_customizer_edit_button( 'row-editor-shortcut' );
|
|
} else {
|
|
echo '<div class="ast-sticky-add-to-cart ' . esc_attr( $sticky_position ) . '">';
|
|
}
|
|
echo '<div class="ast-container">';
|
|
echo '<div class="ast-sticky-add-to-cart-content">';
|
|
echo '<div class="ast-sticky-add-to-cart-title-wrap">';
|
|
echo wp_kses_post( woocommerce_get_product_thumbnail() );
|
|
echo '<span class="ast-sticky-add-to-cart-title">' . wp_kses_post( get_the_title() ) . '</span>';
|
|
echo '</div>';
|
|
echo '<div class="ast-sticky-add-to-cart-action-wrap">';
|
|
// @codingStandardsIgnoreStart
|
|
/**
|
|
* @psalm-suppress PossiblyNullReference
|
|
* @psalm-suppress PossiblyFalseReference
|
|
*/
|
|
if ( $product->is_type( 'simple' ) || $product->is_type( 'external' ) || $product->is_type( 'subscription' ) ) {
|
|
// @codingStandardsIgnoreEnd
|
|
/** @psalm-suppress PossiblyFalseReference */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
echo '<span class="ast-sticky-add-to-cart-action-price price">' . wp_kses_post( $product->get_price_html() ) . '</span>';
|
|
/** @psalm-suppress PossiblyFalseReference */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
|
|
if ( $add_to_cart_ajax ) {
|
|
echo '<div id="sticky-add-to-cart">';
|
|
}
|
|
woocommerce_template_single_add_to_cart();
|
|
if ( $add_to_cart_ajax ) {
|
|
echo '</div>';
|
|
}
|
|
} else {
|
|
/** @psalm-suppress PossiblyNullReference */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
echo '<span class="ast-sticky-add-to-cart-action-price price">' . wp_kses_post( $product->get_price_html() ) . '</span>';
|
|
/** @psalm-suppress InvalidScalarArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
echo '<a href="#product-' . esc_attr( $product->get_ID() ) . '" class="single_link_to_cart_button button alt">' . esc_html( $product->add_to_cart_text() ) . '</a>';
|
|
/** @psalm-suppress InvalidScalarArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
|
}
|
|
echo '</div>';
|
|
echo '</div>';
|
|
echo '</div>';
|
|
echo '</div>';
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Enable ajax add to cart for shop page.
|
|
*
|
|
* @param string $value ajax add to cart value.
|
|
* @return string yes | no enable / disable ajax add to cart.
|
|
* @since 4.1.0
|
|
*/
|
|
public function option_woocommerce_enable_ajax_add_to_cart( $value ) {
|
|
$astra_shop_add_to_cart = astra_get_option( 'shop-add-to-cart-action' );
|
|
if ( $astra_shop_add_to_cart && 'default' !== $astra_shop_add_to_cart ) {
|
|
return 'yes';
|
|
}
|
|
return $value;
|
|
}
|
|
|
|
/**
|
|
* Enable ajax add to cart redirect.
|
|
*
|
|
* @param string $value cart redirect after add value.
|
|
* @return string yes | no enable / disable cart redirect after add.
|
|
* @since 4.1.0
|
|
*/
|
|
public function option_woocommerce_cart_redirect_after_add( $value ) {
|
|
$astra_shop_add_to_cart = astra_get_option( 'shop-add-to-cart-action' );
|
|
|
|
if ( $astra_shop_add_to_cart && 'default' !== $astra_shop_add_to_cart ) {
|
|
return 'no';
|
|
}
|
|
|
|
return $value;
|
|
}
|
|
}
|
|
|
|
endif;
|
|
|
|
if ( apply_filters( 'astra_enable_woocommerce_integration', true ) ) {
|
|
Astra_Woocommerce::get_instance();
|
|
}
|