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:

  • 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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us