How to change filtering and sorting settings?¶

WooCommerce plugin come with several options for sorting the products on the Shop page. By default there are 6 options that can be access via WooCommerce > Settings > Products > Display

1. Default Sorting (custom + name)
2. Popularity (sales)
3. Average rating
4. Most recent
5. Sort by price (ascending)
6. Sort by price (descending)

The Default Sorting (custom + name) option enables you to use a custom order for products.

To create custom ordering you can go to Products > Products and click on the ‘Sorting’ tab. The resulting page will show list of created products. The next step will be to change the order by hover over the products, drag it to desired location and drop it there. The resulting page will display a list of your products. To change the product order, just hover over the product, drag it to your desired location and drop it.

The second way to set the order of the products is to go to Products > Products hover over the product order you want to change and click Edit. In product editing screen, go to Product Data section. Click the Advanced tab where you will find option Menu Order. You can set the position of this product in this field. Products with menu order 0 will be displayed first, then 1, 2, 3, etc.

Latest Products¶

This section allows showing a specific number of products (starting from the last item added to the WooCommerce Products list)

Back-end

Front-end

Product Categories¶

This section allows showing a specific number of products categories (the number and order can be set via the Settings of the shortcode).

There are 3 available styles which can be used on the site:

• Inline

• Block

• Masonry

Back-end

Deal of the Day¶

Using this shortcode provided by the Fraxinus theme we are giving a possibility to present the ‘Deal of the Day’ product. The ‘Deal of the Day’ product is chosen from the items added to the WooCommerce Products list. Product shown on the site can be represented not only by the product image but as well by graphic added directly via the option provided by this shortcode.

Front-end

Back-end

Product Featured Box¶

With this shortcode, we can present a product we wish to feature. The provided by the theme shortcode allow choosing.

1. Image (Which will be the background of this section)
2. Title
3. Title font size
4. Title color
5. Description
6. Description font size
7. Description color
8. Button text
9. Button motive (White or Black)
10. Button link (Here you can add link to where the button should lead to)
11. Content alignment

Front-end

Back-end

Filtered Product Slider¶

Allows to show WooCommerce products via filters below:

1. Top rated products
2. Bestsellers products
3. New arrivals products

Front-end

Back-end

Shipping Table¶

Using this shortcode you can present the Shipping method created by the Shipping methods available in the Dashboard section when the Fraxinus Plugin is activate on the site.

Front-end

Back-end

Size Guide Table¶

SG Table shortcode will work ONLY when the bundled with Fraxinus Theme WooCommerce Product Size Guide so if you wish to use this shortcode make sure to activate it first.

Front-end

Back-end

How to change WooCommerce Product Categories Images and Colors?¶

Editing WooCommerce Products Categories Images

As in blog post Woocommerce products have option to add, delete and edit product categories via plugin options. To change/add product category image, follow steps below:

Step 1 - In your WordPress admin panel go to Products > Categories menu and open the required category.

Step 2 - Next to thumbnail option Upload/Add image button and choose image from Media Library or add image from your computer and click Use Image button.

Step 3 - Now you can update the category to save the changes.

Editing WooCommerce Products Colors

Colors of the products are set with help of Variation Swatches for WooCommerce plugin. To configure products attributes follow options below:

Step 1 - Log in to your WordPress dashboard, navigate to the Products menu and click Attributes

Step 2 - Go to attribute name to edit an exists attribute or in the Add New Attribute form you will see the default Type selector

Step 3 - Click to that Type selector to change attribute’s type. Besides default options Select and Text, there are more 3 options Color, Image, Label to choose.

Step 4 - Select the suitable type for your attribute and click Save Change/Add attribute

Step 5 - Go back to manage attributes screen. Click the Configure terms link on the right side of attribute to start editing terms.

Step 6 - Start adding new terms or editing exists terms. There is will be a new option at the end of form that let you choose the color, upload image or type the label for those terms.