Setting icons for custom WooCommerce tabs in MobileStore

MobileStore replaces tab titles with icons. When using custom tabs you will need to assign icons to them by adding the code below to Appearance > Customize > Custom CSS:



.product .woocommerce-tabs .name-of-tab_tab a::before {
content: '\e842' !important;
}

where "name-of-tab" is the name of the custom tab in WordPress/WooCommerce. The "e842" value can be changed to suit from one of the other icons in yourdomain.com/wp-content/plugins/wptouch-pro/themes/foundation/modules/wptouch-icons/demo.html. 


Click on the "Show codes" box in the top right to reveal the codes you can use. For example, if the icon's code you want to use is "0xe84d", use the part after "0x". So you would use "e84d".

Still need help? Contact Us Contact Us