Advanced WooCommerce Filters SUPPORT OUTSOURCING

Transcription

1 Advanced WooCommerce Filters SUPPORT OUTSOURCING

2 1. Advanced WooCommerce Filters Finding a product was never that easy! Advanced Filters by createit enhances your shop by adding advanced filters to your list. Tired of having a super long sidebar? This plugin will fix that for you! Perfect if your products have a lot of attributes.

3 2. General information We would like to thank you for purchasing Woocommerce Advanced Filters! We are very pleased that you have chosen our plugin to extend your website. We are doing our best to not disappoint you! Before you get started, please check out these documentation pages. Woocommerce Advanced Filters can only be used with WordPress and we assume that you already have WordPress installed and ready to go. If you do not, please see WordPress Codex to get started. 2.1 Installation and activation Installation via Administration Panel When Woocommerce Advanced Filters files are downloaded from your CodeCanyon account. You can start installation using WordPress administration panel. Once you logged into your administration panel go to Plugins > Add New Then: Chose Upload (1), click Select a file (2), ct-woofiltering.zip from your hard drive and click Install Now (3) Installation via FTP

4 To install Woocommerce Advanced Filters via FTP follow step below: Step 1 Unarchive ct-woofiltering.zip file Step 2 Access your host web server using FTP client Step 3 Find directory wp-content > plugins Step 4 Put folder ct-woofiltering.zip in directory wp-content > plugins 2.2 Support All of our items come with free support, and we have a dedicated support forum to handle your requests. Free support is limited to questions regarding the theme s features or problems with the theme. We provide premium support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your theme then you can contact premium@createit.pl For free support, follow the steps below Step 1 Click Here to create free forum account, you will need your Themeforest purchase code which can only be received after buying the theme from Themeforest.net. Step 2 You need to enter your Themeforest Purchase Code, and a password. Step 3 Once you are signed up, you need to sign into the forum with your new account and you can start using the forum. Step 4 Find your theme on forum home page. Step 5 Create new issue with button from the right hand side.

5 Before You Post On Forum To help speed along your request, we ask you to follow the steps below before posting a new topic on the forum. This is for the benefit of everyone and will help make the entire forum more efficient: Step 1 Always check the Documentation and the Knowledgebase Section. Most questions can be answered in those areas Step 2 Always perform a Forum Search before you post, its possible your issue has already been brought up and has been answered. Step 3 If your question has not been brought up, then please post a new topic. Always be as specific as possible. Our form for creating a topic requires that you enter the live URL to your home page or the page that shows the issue in question. The form also has fields for WP and FTP login info. Those fields are not required, however providing us with your login information upfront can save a lot of time for both parties. All login credentials are securely stored and are only accessible by our support staff. Step 4 We usually answer questions in 24h on working days. However if you don t get any answer in 72h bump up your question or send us a mail Our support hours are 10:00 AM 6:00 PM UTC + 1 Monday to Friday. Premium Support We can create your website from scratch, redesign it or just extend existing ones. For more information, please take a look at our website. Typical issues covered by Premium Support: Custom CSS Support for third party software and plug-ins WordPress Installation with Theme configuration Server configuration

6 Site structure modifications Graphic adjustments, etc WordPress general howto s 2.3 Filters settings All plugin settings are located in Woocommerce->Settings->Filters GENERAL OPTIONS Main Settings: Choose the filter you want to edit (1) and then click Edit filter (2). First filter is set by default. Add a new filter (4) or remove one (3).

7 Set the name for the filter (5) this name will appear in (1) Choose filter location (6) by default it s Main Shop, All category archives and All tag archives so every Woocommerce archive page. You can remove f.ex. All category archives and add choose just one category from the list, so this filter will appear only on the chosen category archive page. You can also use the CT Filters widget or a shortcode these will appear on pages or sidebars where you place them. Filter position (7) choose from Above product listing, Below product listing if you re using only widget or shortcode Number of columns (8) set the number of columns for the filter, choose from 1 to 6. One will be best for sidebars. Auto submit (9) if selected, page will reload after every change (not by clicking filter button) Full screen mode (10) filter will be hidden and after clicking a button it will appear on the whole page. Price slider settings: Show price filter (11) show or hide the price filter. Slider step (12) interval by which the price will change when the slider is

8 used. Set to zero to make it smooth. Slider skin (13) choose from several skin styles. This will occur also other sliders in the filter. Show grid (14) display a grid with values underneath the price slider (other sliders will always have the grid) Grid snap (15) slider handles will snap to grid points which can be regulated by option slider step Display settings: Show filter by default (16) will hide the filter which can be viewed by clicking a button. on sale (17) show only products on sale checkbox close to the Filter button in stock (18) show only products in stock checkbox close to the Filter button Layered lists (19) use layered lists like this:

9 Auto select (20) only for the layered list. Will select parent if all children are selected etc. Show quantities (21) will show available products in given category/in given color etc. Global quantities (22) on category page it will show quantities from the whole store, not just from the category. Show tooltips (23) will show tooltips with name and quantity when the image is hovered. Only for image checkboxes and radios. Show none input (24) will show None radio button on radio button lists. Products per page settings:

10 Default number (25) default number that will appear in this select min (26) and max (27) number interval (28) set the step On the picture default is set to 20, min is set to 4, max is set to 40 and interval is set to 4. Dynamic adjust:

11 Enable dynamic adjust (29) this will calculate product quantities that are available after filtering Non available filters behaviour (30) choose from greyout or hide. Greyout on the picture. On the picture we re searching for products with tag discount. There are five products with this tag. 3 out of 15 products with tag cotton also have tag discount. 2 out of 7 products from category dresses also have tag discount. None of products from category knitwear have tag discount. Dynamic price adjust (31) will apply dynamic adjust to the price filter Custom css: (32) add custom css for small design changes. REMEMBER TO HIT SAVE CHANGES BUTTON AFTER CHANGES FILTER PRESETS

12

13 Make sure that Edit options for filter: is set to the right filter. The number of columns set in general options (8) will generate here a section for every column: Elements for column X. If the last element for the column will be set to something, a new empty element will appear. You can set up to 6 elements for one column. Element X: choose what the filter will represent. Choose from: product type, product categories, product tags, shipping classes and any attribute that you have set for your products in Products Attributes. Input type: choose the input type for this filter: select box (A), typical radio (B), text radio (C), image radio (D), typical checkbox (E), text checkbox (F), image checkbox (G), range slider (H) Selects and radios are single select fields. Checkboxes and ranges are multi select fields. Images for image fields can be set in Products->Categories/Tags/Shipping Classes/Attributes(configure terms). They can not be used for product types. Range sliders are suitable for terms with short names f.ex: Attribute: Size

14 Terms: S, M, L, XL After editing the presets, hit the Save Changes button 2.4 INFORMATION FOR DEVELOPERS The filter is rendered on woocommerce_archive_description hook or woocommerce_after_shop_loop which depends on the settings. All plugins options may be adjusted with ct_sorting_settings filter. Adding images to product tags and shipping classes uses following wordpress hooks: product_tag_add_form_fields, product_tag_edit_form_fields, product_shipping_class_add_form_fields, product_shipping_class_edit_form_fields. Analogic hooks may be used for other taxonomies. Thumbnail file size may be adjusted by following filters: ct_sorting_radio_thumbnail_size for radio images, ct_sorting_checkbox_thumbnail_size for checkbox images. These filters can be used to change from ct_sorting_size (50 50) to other predefined size. To change the ct_sorting_size dimentions, use the ct_sorting_thumbnail_size filter. For example the following code should change the ct_sorting_size size to px: function changethumbnailsize(){ $size['width'] = 100; $size['height'] = 100; return $size; } add_filter('ct_sorting_thumbnail_size', 'changethumbnailsize');

15 WE ARE ELITE WHO WE ARE Check our blog Hi, we are createit. We create IT. Web applications and websites to be precise. And we are REALLY good at it. Get to know us at Thanks for buying!