How to use hooks and filters in a ShopIsle Pro child-theme
Important notice: This product is now in maintenance mode and is no longer being actively developed or supported. Updates and bug fixes will not be provided unless they relate to security concerns.
ShopIsle theme has many features and is ultra-customizable. You can change almost anything through Dashboard -> Appearance -> Customize menu. Sometimes there are small things that you want to change, things that you can't control from Customize menu. Don't worry, this doesn't mean that you can't change them. ShopIsle Pro comes with a large number of hooks and filters that you can access, overwrite or remove in a child-theme.
Content:
- Hooks available in ShopIsle Pro
- Filters available in ShopIsle Pro
- How to use hooks in a child-theme
- How to use filters in a child-theme
Hooks available in ShopIsle Pro:
- shop_isle_wccm_compare_list
- shop_isle_homepage_before_product_categories
- shop_isle_homepage_after_product_categories
- shop_isle_homepage_before_recent_products
- shop_isle_homepage_after_recent_products
- shop_isle_homepage_before_featured_products
- shop_isle_homepage_after_featured_products
- shop_isle_homepage_before_popular_products
- shop_isle_homepage_after_popular_products
- shop_isle_homepage_before_on_sale_products
- shop_isle_homepage_after_on_sale_products
- shop_isle_content_top
- shop_isle_page
- shop_isle_page_before
- shop_isle_page_after
- shop_isle_loop_post
- shop_isle_single_post
- shop_isle_single_post_before
- shop_isle_single_post_after
- shop_isle_sidebar
- shop_isle_before_shop
- shop_isle_sidebar_shop_archive
- shop_isle_before_footer
- shop_isle_footer
- shop_isle_after_footer
- shop_isle_loop_before
- shop_isle_loop_after
- shop_isle_before_header
- shop_isle_header
- shop_isle_after_header
Filters available in ShopIsle Pro:
- shop_isle_site_info
- shop_isle_footer_copyright_filter
- shop_isle_footer_socials_filter
- shop_isle_sections
- shop_isle_cart_icon
- shop_isle_section_priority
- shop_isle_filter_features
- shop-isle-subheader
- shop_isle_big_title_filter
- shop_isle_see_all_products_label
- shop_isle_products_slider_section_rtl
- shop_isle_products_slider_section_items
- shop_isle_products_slider_section_pagination
- shop_isle_products_slider_section_navigation
- shop_isle_products_slider_single_rtl
- shop_isle_products_slider_single_items
- shop_isle_products_slider_single_pagination
- shop_isle_products_slider_single_navigation
- shop_isle_content_width
- shop_isle_custom_background_args
- shop_isle_default_background_color
- shop_isle_loop_columns
- shop_isle_related_products_args
- shop_isle_product_thumbnail_columns
- shop_isle_products_per_page
- shop_isle_product_categories_args
- shop_isle_recent_products_args
- shop_isle_featured_products_args
- shop_isle_popular_products_args
- shop_isle_on_sale_products_args
- shop_isle_make_me_cute
ShopIsle is fully compatible with WooCommerce so if you have WooCommerce plugin activated on your site, you can use any hooks or filters that WooCommerce offer.
How to use hooks in a child-theme:
Step 1: Create a child theme
Please refer to this documentation to find out how to create a child-theme.
Step 2: Adding code to your child-theme
Let's say we want to add an image on every page, before content. In your child-theme open your functions.php file and add this code at the end of the file:
function add_image_before_every_page(){ echo '<img src="https://10725-presscdn-0-57-pagely.netdna-ssl.com/wp-content/uploads/2016/04/logo.png" style="margin: 0 auto; display: block;"/>'; } add_action('shop_isle_page_before','add_image_before_every_page');
Now, this is how every page will look:
How to use filters in a child-theme:
Step 1: Create a child theme
Please refer to this documentation to find out how to create a child-theme.
Step 2: Adding code to your child-theme
Let's say we want to modify number of products displayed in Slider section on front page. In your child-theme open your functions.php file and add this code at the end of the file:
function number_of_items_in_frontpage_slider(){ return 3; } add_filter('shop_isle_products_slider_section_items','number_of_items_in_frontpage_slider');
This is how our section will look:
For sliders on front page and single page you can also control the slide direction, pagination and navigation. Please check available filters mentioned above.