Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Wp 5336 visual theme customizer #427

Merged
merged 8 commits into from
Jul 19, 2024
Merged

Wp 5336 visual theme customizer #427

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
3b69289
Add more PR checklist files
MaheswarReddy-Manyam Jun 18, 2024
be44ea1
Merge branch 'develop'
MaheswarReddy-Manyam Jul 11, 2024
4ecef01
Merge branch 'WP-4847-Visual-Theme-Customizer'
MaheswarReddy-Manyam Jul 12, 2024
21e05b1
Implement toggle and horizontal separator controls and extend them to…
MaheswarReddy-Manyam Jul 15, 2024
8aec9c9
Replace checkbox with new toggle control and create color palette con…
MaheswarReddy-Manyam Jul 18, 2024
26ef3ea
Delete .github/workflows/pr-code-sniff.yml
pallavic27 Jul 19, 2024
f5895c3
Delete .github/workflows/pr-code-coverage.yml
pallavic27 Jul 19, 2024
3e6822a
Delete .github/workflows/pr-unit-tests.yml
pallavic27 Jul 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions ...y/woocommerce/customizer/settings/class-responsive-woocommerce-cart-layout-customizer.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,11 +58,11 @@ public function customizer_options( $wp_customize ) {
$is_cart_block_present = has_block( 'woocommerce/cart', $cart_page_id );
if( ! $is_cart_block_present ) {
$enable_crosssells_options_label = esc_html__( 'Enable Cross-sells', 'responsive' );
responsive_checkbox_control( $wp_customize, 'enable_crosssells_options', $enable_crosssells_options_label, 'responsive_woocommerce_cart_layout', 2, 1, null );
responsive_toggle_control( $wp_customize, 'enable_crosssells_options', $enable_crosssells_options_label, 'responsive_woocommerce_cart_layout', 2, 1, null );
}

$disable_cart_fragments_label = esc_html__( 'Disable Cart Fragments', 'responsive' );
responsive_checkbox_control( $wp_customize, 'disable_cart_fragments', $disable_cart_fragments_label, 'responsive_woocommerce_cart_layout', 2, 0, null );
responsive_toggle_control( $wp_customize, 'disable_cart_fragments', $disable_cart_fragments_label, 'responsive_woocommerce_cart_layout', 2, 0, null );

$wp_customize->add_setting(
'responsive_menu_cart_icon',
Expand Down
4 changes: 2 additions & 2 deletions ...y/woocommerce/customizer/settings/class-responsive-woocommerce-shop-layout-customizer.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -155,13 +155,13 @@ public function customizer_options( $wp_customize ) {
responsive_separator_control( $wp_customize, 'off_canvas_filter_separator', $off_canvas_filter_label, 'responsive_woocommerce_shop_layout', 110 );

$enable_off_canvas_filter = __( 'Enable Off Canvas Filter', 'responsive' );
responsive_checkbox_control( $wp_customize, 'enable_off_canvas_filter', $enable_off_canvas_filter, 'responsive_woocommerce_shop_layout', 115, 0, null, 'refresh' );
responsive_toggle_control( $wp_customize, 'enable_off_canvas_filter', $enable_off_canvas_filter, 'responsive_woocommerce_shop_layout', 115, 0, null, 'refresh' );

$hamburger_off_canvas_btn_label = __( 'Off Canvas Filter Button Text', 'responsive' );
responsive_text_control( $wp_customize, 'hamburger_off_canvas_btn_label_text', $hamburger_off_canvas_btn_label, 'responsive_woocommerce_shop_layout', 120, 'Filter', 'enable_off_canvas_filter_check', 'sanitize_text_field', 'text', 'postMessage' );

$enable_off_canvas_close_btn = __( 'Enable Off Canvas Close Button', 'responsive' );
responsive_checkbox_control( $wp_customize, 'enable_off_canvas_close_btn', $enable_off_canvas_close_btn, 'responsive_woocommerce_shop_layout', 125, 0, null, 'refresh' );
responsive_toggle_control( $wp_customize, 'enable_off_canvas_close_btn', $enable_off_canvas_close_btn, 'responsive_woocommerce_shop_layout', 125, 0, null, 'refresh' );

$close_button_color = __( 'Close Button Color', 'responsive' );
responsive_color_control( $wp_customize, 'off_canvas_close_button', $close_button_color, 'responsive_woocommerce_shop_layout', 130, '#CCCCCC', 'enable_enable_off_canvas_close_btn' );
Expand Down
2 changes: 1 addition & 1 deletion core/includes/customizer/assets/min/css/dimensions.min.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

7 changes: 7 additions & 0 deletions core/includes/customizer/assets/min/css/heading.min.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,4 +10,11 @@
}
#customize-control-responsive_body_typography_separator,#customize-control-responsive_responsive_general_texts_separator,#customize-control-responsive_content_header_color,#customize-control-responsive_page_typography_title_separator{
margin-top: 0;
}
#customize-control-responsive_breadcrumb_display_settings_separator .responsive-customizer-heading {
padding-top: 24px;
padding-bottom: 32px;
}
#customize-control-responsive_breadcrumb_enable_404_page .responsive-toggle-control-wrapper {
padding-bottom: 12px;
}
20 changes: 20 additions & 0 deletions core/includes/customizer/assets/min/css/horizontal-separator.min.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
.responsive-horizontal-separator-control-wrapper hr {
margin-top: 2px;
margin-bottom: 2px;
border: 0;
border-top: 0.5px solid #D0D0D0;
border-bottom: 0.5px solid #D0D0D0;
}
.responsive-horizontal-separator-control-wrapper {
margin-left: -12px;
margin-right: -12px;
}
#customize-control-responsive_breadcrumb_position_separator hr {
margin-top: 24px;
}
#customize-control-responsive_breadcrumb_separator_separator hr {
margin-top: 24px;
}
#customize-control-responsive_content_header_alignment_separator hr {
margin-top: 24px;
}
2 changes: 1 addition & 1 deletion core/includes/customizer/assets/min/css/selectbtn.min.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

164 changes: 164 additions & 0 deletions core/includes/customizer/assets/min/css/toggle.min.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,164 @@
.customize-control-responsive-toggle .responsive-toggle-control .components-flex {
flex-direction: row-reverse;
}
.customize-control-responsive-toggle .responsive-toggle-control {
margin-bottom: 0;
}
#customize-control-res_breadcrumb .responsive-toggle-control-wrapper {
padding-top: 24px;
padding-bottom: 24px;
}
.responsive-toggle-control-wrapper {
padding-bottom: 18px;
}
.customize-control-responsive-toggle .responsive-toggle-control .components-toggle-control__label {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 16.41px;
text-align: left;
}
.customize-control-responsive-toggle .components-form-toggle .components-form-toggle__track {
background-color: #D9D9D9;
border: none;
height: 20px;
}
.customize-control-responsive-toggle .components-form-toggle.is-checked .components-form-toggle__track {
background-color: #007CBA;
}
.customize-control-responsive-toggle .components-form-toggle .components-form-toggle__thumb {
background-color: #A5A5A5;
width: 14px;
height: 14px;
}
.customize-control-responsive-toggle .components-form-toggle.is-checked .components-form-toggle__thumb {
background-color: #FFF;
}
.customize-control-responsive-toggle .components-form-toggle.is-checked .components-form-toggle__thumb {
left: 1px;
}
#customize-control-responsive_enable_header_widget .responsive-toggle-control-wrapper {
padding-top: 24px;
padding-bottom: 24px;
}
#customize-control-responsive_disable_menu .responsive-toggle-control-wrapper,
#customize-control-responsive_disable_mobile_menu .responsive-toggle-control-wrapper {
padding-top: 18px;
}
#customize-control-responsive_sub_menu_divider .responsive-toggle-control-wrapper {
padding-top: 18px;
padding-bottom: 0;
}
#customize-control-responsive_transparent_header .responsive-toggle-control-wrapper {
padding-top: 18px;
}
#customize-control-responsive_disable_archive_transparent_header .responsive-toggle-control-wrapper {
padding-top: 18px;
}
#customize-control-responsive_disable_woo_products_transparent_header .responsive-toggle-control-wrapper {
padding-bottom: 0;
}
#customize-control-res_blog_post_title_toggle .responsive-toggle-control-wrapper {
padding-top: 8px;
padding-bottom: 8px;
}
#customize-control-responsive_date_box_toggle .responsive-toggle-control-wrapper {
padding-top: 18px;
padding-bottom: 8px;
}
#customize-control-responsive_disable_author_meta .responsive-toggle-control-wrapper {
padding-top: 18px;
padding-bottom: 8px;
}
#customize-control-responsive_single_blog_enable_related_posts .responsive-toggle-control-wrapper {
padding-top: 24px;
padding-bottom: 12px;
}
#customize-control-responsive_footer_full_width .responsive-toggle-control-wrapper {
padding-top: 8px;
padding-bottom: 8px;
}
#customize-control-responsive_footer_widget_desktop_visibility .responsive-toggle-control-wrapper {
padding-top: 18px;
}
#customize-control-responsive_footer_widget_mobile_visibility .responsive-toggle-control-wrapper {
padding-bottom: 0;
}
#customize-control-responsive_copyright .responsive-toggle-control-wrapper {
padding-top: 24px;
}
#customize-control-responsive_scroll_to_top .responsive-toggle-control-wrapper {
padding-top: 8px;
padding-bottom: 8px;
}
#customize-control-responsive_retina_logo .responsive-toggle-control-wrapper {
padding-top: 24px;
padding-bottom: 10px;
}
#customize-control-responsive_mobile_logo_option .responsive-toggle-control-wrapper {
padding-top: 24px;
padding-bottom: 10px;
}
#customize-control-responsive_hide_title .responsive-toggle-control-wrapper {
padding-top: 24px;
}
#customize-control-res_front_page .responsive-toggle-control-wrapper {
padding-top: 24px;
padding-bottom: 8px;
}
#customize-control-responsive_disable_hero_area .responsive-toggle-control-wrapper {
padding-top: 24px;
padding-bottom: 8px;
}
#customize-control-res_cta_button .responsive-toggle-control-wrapper {
padding-top: 18px;
padding-bottom: 8px;
}
#customize-control-about .responsive-toggle-control-wrapper,
#customize-control-feature_front_page .responsive-toggle-control-wrapper,
#customize-control-testimonial_front_page .responsive-toggle-control-wrapper,
#customize-control-team_front_page .responsive-toggle-control-wrapper,
#customize-control-contact_front_page .responsive-toggle-control-wrapper {
padding-top: 18px;
padding-bottom: 8px;
}
#customize-control-home-widgets .responsive-toggle-control-wrapper {
padding-top: 18px;
padding-bottom: 0;
}
#customize-control-responsive_enable_off_canvas_close_btn .responsive-toggle-control-wrapper {
padding-bottom: 0;
}
#customize-control-responsive_enable_off_canvas_filter .responsive-toggle-control-wrapper {
padding-top: 24px;
}
#customize-control-responsive_enable_crosssells_options .responsive-toggle-control-wrapper {
padding-top: 8px;
}
#customize-control-responsive_disable_cart_fragments .responsive-toggle-control-wrapper {
padding-bottom: 8px;
}
#customize-control-responsive_distraction_free_woocommerce .responsive-toggle-control-wrapper {
padding-top: 8px;
}
#customize-control-responsive_disable_product_tag_header_footer .responsive-toggle-control-wrapper {
padding-bottom: 12px;
}
#customize-control-breadcrumbs_options .responsive-toggle-control-wrapper {
padding-top: 8px;
}
#customize-control-toolbar_options .responsive-toggle-control-wrapper {
padding-bottom: 8px;
}
#customize-control-responsive_enable_native_cart_popup .responsive-toggle-control-wrapper {
padding-top: 24px;
}
#customize-control-responsive_native_cart_popup_display .responsive-toggle-control-wrapper {
padding-bottom: 8px;
}
#customize-control-responsive_cart_title .responsive-toggle-control-wrapper {
padding-top: 8px;
}
#customize-control-responsive_cart_count .responsive-toggle-control-wrapper {
padding-bottom: 12px;
}
4 changes: 4 additions & 0 deletions core/includes/customizer/controls/heading/heading.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,4 +3,8 @@
.customize-control-responsive-heading .description { margin-top: 10px; }
#customize-control-responsive_body_typography_separator h4.responsive-customizer-heading{
margin-top: 0;
}
#customize-control-responsive_breadcrumb_display_settings_separator .responsive-customizer-heading {
padding-top: 24px;
padding-bottom: 32px;
}
59 changes: 59 additions & 0 deletions ...rols/horizontal-separator/class-responsive-customizer-responsive-horizontal-separator.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<?php
/**
* Customizer Control: Responsive.
*
* @package Responsive WordPress theme
* @subpackage Controls
* @since 5.1.0
*/

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
exit;
}

if ( ! class_exists( 'Responsive_Customizer_Horizontal_Separator' ) ) :
/**
* Horizontal Separator control
*/
class Responsive_Customizer_Horizontal_Separator extends WP_Customize_Control {
/**
* The control type.
*
* @access public
* @var string
*/
public $type = 'responsive-horizontal-separator';

/**
* Enqueue control related scripts/styles.
*
* @access public
*/
public function enqueue() {
wp_enqueue_style( 'responsive-horizontal-separator', RESPONSIVE_THEME_URI . 'core/includes/customizer/assets/min/css/horizontal-separator.min.css', null );
}

/**
* Refresh the parameters passed to JavaScript via JSON.
*
* @see WP_Customize_Control::to_json()
*/
public function to_json() {
parent::to_json();
$this->json['value'] = $this->value();
$this->json['link'] = $this->get_link();
$this->json['id'] = $this->id;
$this->json['type'] = $this->type;
}

/**
* Content template.
*
* @see WP_Customize_Control::print_template()
*
* @access protected
*/
protected function render_content() {}
}
endif;
Loading