How to use hooks and filters in a ShopIsle Pro child-theme

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.

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.