Documentation

Everything you need to get started with Blocksy Theme and Companion

Custom SVG icons for header elements

We know the importance of having a consistent design, according to your vision. That’s why we’ve implemented a few filters to let you change the icons for some header elements.

Cart icon

add_filter('blocksy:header:cart:icons', function ($icon) {
    $icon['type-1'] = '<svg>Your SVG</svg>';
    return $icon;
});

Account icon

add_filter('blocksy:header:account:icons', function ($icon) {
    $icon['type-1'] = '<svg>Your SVG</svg>';
    return $icon;
});

Search icon

add_filter('blocksy:header:search:icon', function ($icon) {
    return '<svg>Your SVG</svg>';
});

Wishlist icon

add_filter('blocksy:header:wish-list:icons', function ($icon) {
    $icon['type-1'] = '<svg>Your SVG</svg>';
    return $icon;
});
add_filter('blocksy:ext:woocommerce-extra:wish-list:heart-icon', function ($icon) {
    $icon = '<svg>Your SVG</svg>';
    return $icon;
});
Not the solution you are looking for?

Please check other articles or open a support ticket.