=' ) ) {
add_filter( 'woocommerce_add_to_cart_fragments', array( $this, 'cart_link_fragment' ) );
} else {
add_filter( 'add_to_cart_fragments', array( $this, 'cart_link_fragment' ) );
}
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' ) );
// Initialize Free shipping and checks if astra-addon plugin is installed.
if ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'woocommerce' ) ) {
add_action( 'astra_woo_single_price_after', array( $this, 'woocommerce_shipping_text' ) );
} else {
add_filter( 'woocommerce_single_product_summary', array( $this, 'woocommerce_shipping_text' ), 11, 0 );
}
// 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' ) );
}
/**
* 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' => '',
);
/** @psalm-suppress UndefinedClass */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
if ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'woocommerce' ) && astra_get_option( 'shop-filter-accordion' ) ) {
$shop_filter_array['before_title'] = '';
$shop_filter_array['before_sidebar'] = '';
$shop_filter_array['after_sidebar'] = '
';
} else {
$shop_filter_array['before_title'] = '';
$shop_filter_array['before_sidebar'] = '';
$shop_filter_array['after_sidebar'] = '
';
}
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 ' ' . esc_attr( $shipping_text ) . '';
}
}
}
/**
* 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 ( 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(
'
%4$s
%5$s
',
( $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 = '';
$cart_total_label_position = astra_get_option( 'woo-header-cart-icon-total-label-position' );
$cart_total_markup = '';
$cart_total_only_markup = '';
if ( null !== WC()->cart ) {
$cart_total_markup = '';
$cart_total_only_markup = '';
}
$cart_cur_name_markup = '';
if ( function_exists( 'get_woocommerce_currency' ) ) {
$cart_cur_name_markup = '';
}
$cart_cur_sym_markup = '';
if ( function_exists( 'get_woocommerce_currency_symbol' ) ) {
$cart_cur_sym_markup = '';
}
$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(
'',
$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(
'%4$s',
( $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 || ! defined( 'ASTRA_EXT_VER' ) || ( defined( 'ASTRA_EXT_VER' ) && ! Astra_Ext_Extension::is_active( 'woocommerce' ) ) ) {
// 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 = '';
$html .= wc_get_star_rating_html( $rating, $count );
$html .= '
';
}
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 = ( SCRIPT_DEBUG ) ? '' : '.min';
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : '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,
),
);
}
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 '' . $content . '';
}
/**
* Product Flip Image
*/
public function product_flip_image() {
global $product;
$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 ) {
// Backward compatibility.
$defaults['astra-woocommerce-cart-icons-flag'] = true;
// Container.
$defaults['woocommerce-content-layout'] = 'plain-container';
$defaults['archive-product-content-layout'] = 'default';
$defaults['single-product-content-layout'] = 'default';
// 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;
/* 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' );
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 ) {
if ( $this->astra_woo_is_subcategory() ) {
$products = astra_get_option( 'shop-no-of-products' );
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' => '',
'after_widget' => '
',
'before_title' => '',
)
)
);
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' => '',
'after_widget' => '
',
'before_title' => '',
)
)
);
}
/**
* 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_get_option( 'woocommerce-content-layout' );
if ( 'default' !== $woo_layout ) {
$layout = $woo_layout;
}
$global_page_specific_layout = 'default';
if ( is_shop() || is_product_taxonomy() ) {
$global_page_specific_layout = astra_get_option( 'archive-product-content-layout', 'default' );
}
if ( is_product() ) {
$global_page_specific_layout = astra_get_option( 'single-product-content-layout', 'default' );
}
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 = get_post_meta( $shop_page_id, 'site-content-layout', true );
} elseif ( is_product_taxonomy() ) {
$shop_layout = 'default';
} else {
$shop_layout = astra_get_option_meta( 'site-content-layout', '', true );
}
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();
}
?>
array(
'font-size' => '1.2rem',
'padding' => '20px 0 14px',
'margin' => '0 0 20px',
'border-bottom' => '1px solid var(--ast-border-color)',
'font-weight' => '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' => '1.2rem',
'margin' => '0',
'padding' => '1.5em 1.5em 1em',
'border-color' => 'var(--ast-border-color)',
'font-weight' => '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 a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce 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,
),
'.woocommerce 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 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,
),
'.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,
),
// Button Typography.
'.woocommerce a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce 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(
'border-radius' => astra_get_css_value( $btn_border_radius, 'px' ),
'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' ),
),
'.woocommerce .woocommerce-cart-form button[name="update_cart"]:disabled' => array(
'color' => esc_attr( $btn_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 );
}
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 ( 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',
);
} 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',
);
}
}
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;
}
';
}
/** @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',
);
}
/* 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 a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce 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(
'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' ),
),
'.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_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 a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce 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(
'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' ),
),
'.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 ul.products a.button, .woocommerce-page ul.products a.button' => array(
'padding' => '0.5em 0.75em',
),
'.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 .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail' => array(
'display' => 'block',
'text-align' => 'center !important',
),
'.woocommerce #content table.cart .product-thumbnail::before, .woocommerce-page #content table.cart .product-thumbnail::before' => array(
'display' => 'none',
),
'.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_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() ) {
$woo_global_button_css = array(
'.woocommerce a.button , .woocommerce button.button.alt ,.woocommerce-page table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button , .woocommerce 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 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 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()*/
$css_output .= astra_parse_css( $woo_product_lang_direction_css, astra_get_tablet_breakpoint( '', 1 ) );
/**
* Single page cart buttion 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 = '.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 )',
'-webkit-appearance' => 'none',
'-moz-appearance' => 'none',
'padding-right' => '2em',
),
);
$css_output .= astra_parse_css( $css_output_woo_select_default );
/**
* 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 );
}
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 );
}
/**
* 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/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();
}
?>
astra_get_cart_link();
$fragments['a.cart-container'] = ob_get_clean();
return $fragments;
}
/**
* Add shopping CTA in cart flyout.
*
* @since 3.9.0
*/
public function astra_update_flyout_cart_layout() {
if ( WC()->cart->is_empty() && 'flyout' === astra_get_option( 'woo-header-cart-click-action' ) ) {
?>