Articles on: Developers

All About Updated Classes, Functions and Hooks in Zakra Free v3.0 and Zakra Pro v2.0

The Zakra Free v3.0 and Zakra Pro v2.0, updates includes improvements and changes in Function Name, Hooks, CSS Classes, file or folder structure, and internal code. Below is the list of Function, Hooks and CSS Class name that has been updated with the latest theme release.

Zakra Free Function

S.NOldNewMove To
1zakra_setupsetup_themeclass method
2zakra_widgets_initget_sidebars_listclass method
3zakra_scriptsenqueue_scriptsclass method
4zakra_block_editor_stylesblock_editor_styles
5customize_partial_header_top_left_content_htmlcustomize_partial_top_bar_column_1_htmlclass method
6customize_partial_header_top_right_content_htmlcustomize_partial_top_bar_column_2_htmlclass method
7customize_partial_footer_bar_section_one_htmlcustomize_partial_footer_bar_1_htmlclass method
8customize_partial_footer_bar_section_two_htmlcustomize_partial_footer_bar_2_htmlclass method
9zakra_get_fontsget_fontsclass method
10zakra_header_top_left_contentzakra_header_top_content( $position )
11zakra_header_top_right_contentzakra_header_top_content( $position )
12zakra_header_main_actionzakra_header_actions
13zakra_mobile_navigation_togglezakra_mobile_navigation
14zakra_main_endRemoved
15zakra_is_page_title_enabledzakra_page_title_position
16zakra_search_icon_menu_itemRemoved
17zakra_header_classRemoved
18zakra_header_top_classRemoved
19zakra_header_button_appendRemoved
20zakra_header_button_append_to_mobileRemoved



Zakra Free Filter Hook

S.NOldNew
1zakra_base_typography_heading_filterzakra_heading_typography_filter
2zakra_typography_h1_filterzakra_h1_typography_filter
3zakra_typography_h2_filterzakra_h2_typography_filter
4zakra_typography_h3_filterzakra_h3_typography_filter
5zakra_typography_h4_filterzakra_h4_typography_filter
6zakra_typography_h5_filterzakra_h5_typography_filter
7zakra_typography_h6_filterzakra_h6_typography_filter
8zakra_breadcrumbs_font_size_selectorzakra_breadcrumb_typography_selector
9zakra_typography_post_page_title_filterzakra_post_page_title_typography_filter
10zakra_typography_blog_post_title_selectorzakra_blog_post_title_typography_selector
11zakra_typography_widget_content_filterzakra_widget_content_typography_filter
12zakra_page_title_enabledzakra_page_title_position
13zakra_breadcrumbs_enabledzakra_enable_breadcrumb
14zakra_header_top_enabledzakra_enable_top_bar
15zakra_header_search_data_attrsRemoved
16zakra_page_title_enabledzakra_page_title_position
17zakra_search_iconRemoved
18zakra_header_searchRemoved
19zakra_scroll_to_top_icon_classRemoved
20zakra_header_search_classRemoved
21zakra_footer_widgets_stylezakra_footer_column_layout_1_style


Zakra Free Action Hook

S.NOldNew
1zakra_action_header_top_left_contentdo_action( 'zakra_action_header_column_1_content', $top_bar_content_position );
2zakra_action_header_top_right_contentdo_action( 'zakra_action_header_column_2_content', $top_bar_content_position );
3do_action( 'zakra_header_nav_toggle' );do_action( 'zakra_after_page_header' );
4do_action( 'zakra_after_page_header' );zakra_page_header prioty -> 11


Zakra Pro Function

S.NOldNew
1zakra_pro_header_main_style_choiceszakra_pro_main_header_layout_choices
2zakra_pro_read_more_style_choiceszakra_pro_blog_button_alignment
3zakra_pro_header_button_2_appendRemoved
4zakra_pro_header_button_to_mobile_2_appendRemoved
5header_button2_classRemoved
5zakra_pro_header_searchRemoved


Zakra Pro Filter Hook

S.NOldNew
1zakra_typography_shop_product_price_filterzakra_product_price_typography_filter
2zakra_typography_shop_product_titlezakra_product_title_typography_filter


Zakra Free and Pro Classes

S.NBeforeAfter
Global
1.tg-container--boxed.zak-container--boxed
2.tg-container--wide.zak-container--wide


S.NBeforeAfter
Header
1#masthead#zak-masthead
2.site-header.zak-header


S.NBeforeAfter
Top Bar
1.tg-site-header-top.zak-top-bar
2.tg-container.zak-container
3.tg-header-container.zak-top-bar-container
4.tg-header-top-left-content.zak-top-bar__1
5.tg-header-top-right-content.zak-top-bar__2
6.tg-site-header-top--stacked.zak-top-bar--stacked
7.tg-site-header-top--centered.zak-top-bar--centered


S.NBeforeAfter
Main Header
1.tg-site-header-bottom.zak-main-header
2.tg-container.zak-container
3.tg-block.zak-header-col
4.tg-block--one.zak-header-col--1
5.tg-block--two.zak-header-col--2
6#site-navigation#zak-primary-nav
7.tg-primary-menu.zak-primary-nav
8#primary-menu#zak-primary-menu
9.menu-primary.zak-primary-menu
10.tg-header-button-wrap.zak-header-button
11.tg-header-button-one.zak-header-button--1
12.tg-header-button-two-wrap.zak-header-col--1


S.NBeforeAfter
Content
1#content#zak-content
2.site-content.zak-content
3#primary#zak-primary
4.content-area
5.post.zak-post
6#site-navigation#zak-primary-nav
7.tg-page-header.zak-page-header
8.tg-page-header--left-right.zak-style-1
9.tg-page-header--right-left.zak-style-2
10.tg-page-header--both-center.zak-style-3
11.tg-page-header--both-left.zak-style-4
12.tg-page-header--both-right.zak-style-5
13.tg-article-container.zak-post-content
14.entry-header.zak-entry-header
15.entry-meta.zak-entry-meta
16.byline.zak-byline
17.cat-links.zak-cat-links
18.comments-link.zak-comments-link
19.entry-content.zak-entry-summary
20.tg-read-more-wrapper.zak-entry-footer
21.tg-text-align--left.zak-alignment-style-1
22.tg-text-align--right.zak-alignment-style-2
23.tg-text-align--center.zak-alignment-style-3
24.tg-thumbnail-style--right.zak-thumbnail--style-3
25.tg-thumbnail-style--alternative.zak-thumbnail--style-4
26.tg-blog-archive-style--grid.zak-blog-archive-style--layout-2
27.tg-blog-archive-grid-style--masonry.zak-blog-archive-grid-style--masonry
28.tg-blog-archive-style--grid.zak-blog-archive-style--layout-2
29.tg-col-2.zak-col-2
30.tg-col-3.zak-col-3
31.tg-col-4.zak-col-4
32.tg-meta-style-two.zak-style-2


S.NBeforeAfter
Sidebar
1#secondary#zak-secondary
2.tg-site-sidebar#.zak-secondary
3.tg-site-layout--right.zak-site-layout--right
4.tg-site-layout--left.zak-site-layout--left
5.tg-site-layout--no-sidebar.zak-site-layout--contained
6.tg-site-layout--default.zak-site-layout--centered
7.tg-site-layout--stretched.zak-site-layout--stretched
8.tg-site-layout--2-sidebars.zak-site-layout--2-sidebars


S.NBeforeAfter
Footer
1#colophon#zak-footer
2.site-footer.zak-footer r
3.tg-footer-widget-container.zak-footer-cols
4.tg-footer-widget-col--one.zak-layout-1-style-1
5.tg-footer-widget-col--two.zak-layout-1-style-2
6.tg-footer-widget-col--three.zak-layout-1-style-3
7.tg-footer-widget-col--one.zak-layout-1-style-1
8.tg-footer-widget-col--four.zak-layout-1-style-4
9.tg-footer-widget-col--75-25.zak-layout-1-style-5
10.tg-footer-widget-col--25-75.zak-layout-1-style-6
11.tg-footer-widget-col--50-25-25.zak-layout-1-style-7
12.tg-footer-widget-col--25-50-25.zak-layout-1-style-8
13.tg-footer-widget-col--25-25-50.zak-layout-1-style-9
14.tg-footer-widget-col--40-20-20-20.zak-layout-1-style-10
15tg-footer-widget-col--20-20-20-40.zak-layout-1-style-11
16.tg-footer-widget-col--100-33-33-33.zak-layout-2-style-12
17.tg-footer-widget-area.tg-footer-widget-area
18.footer-sidebar-1.zak-footer-col--1
19.footer-sidebar-2.zak-footer-col--2
20.footer-sidebar-3.zak-footer-col--3
21.footer-sidebar-4.zak-footer-col--4
22.tg-site-footer-bar.zak-footer-bar
23.tg-site-footer-bar--center.zak-style-1
24.tg-site-footer-section-1.zak-footer-bar__1
25.tg-site-footer-section-2.zak-footer-bar__2
26#tg-scroll-to-top#zak-scroll-to-top
27.tg-scroll-to-top.zak-scroll-to-top

Updated on: 06/07/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!