The Sentient theme can be used with WooCommerce.
Installing your Theme ↑ Back to top
To learn how to install your theme please reference our documentation here: Installing a Theme
Checking your theme version ↑ Back to top
You can confirm your theme and WooFramework version by going to: Sentient > Framework
Activate your Theme Key ↑ Back to top
After you install your theme, be sure to activate your theme key by downloading and installing the WooCommerce Helper plugin. This will verify your site when contacting support and will enable 2-click updates for quick theme upgrades down the road.
Updating your theme
It is very important to ensure you have the latest version of your theme at all times. This is the best way to proactively troubleshoot issues on your site.
Setting up the Homepage ↑ Back to top
After activating Sentient you will no doubt notice that your homepage looks a little blank. This section explains how to populate your homepage with content.
To setup your homepage go to Sentient > Settings > Homepage. The first option here is whether or not to display any content on your homepage. This will appear as the first ‘brick’ in our masonry formation of content. If you’d like to display content on the homepage select the checkbox and you will be given a dropdown selection of content sources. You can choose to feature a specific page here, or your latest blog post.
In order to get products to display on your homepage, you must add products to your shop. To do this go to Products > Add New. To learn more about how to setup WooCommerce, please see our docs here: How to set up WooCommerce
If you’d like to just get started with some demo content please go to our Demo Content resource page here: Woo Demo Content.
The next three sections for the homepage are Featured Products, Recent Products and Best-Selling Products. They each work in the same way. Selecting the checkbox will reveal the display options for those products. You can choose to display the products in two formats; slider or grid. If you choose the slider display method, the products will appear as a large ‘brick’ and the user can scroll horizontally through the products one by one without scrolling up and down the page. If you choose grid the products will be inserted in the same way they are throughout the rest of the theme.
You can also define how many of each product type are displayed here.
To set a product as featured, please go to Products and find the column with the star. If you click the star this is the easiest way to set a product to be ‘featured’.
The final option on this tab is whether or not to display a message beneath the products on the homepage directing customers into your main shop page. When selected you will be able to enter a message here and the button will appear on the homepage.
There is also a widgetised region on the homepage. This is managed like any other widget area via Appearance > Widgets. Any widgets added here will appear as ‘bricks’ in the masonry layout formation.
The theme will automatically set every 5th brick to be large in size via CSS.
Full Width Shop Archives ↑ Back to top
One of the core features of Sentient is the masonry style layout. So we added an option to make all shop archive pages (any page showing multiple products) true-full-width, spanning 100% of the browser window. This allows the masonry script to really shine and neatly arrange all your products.
To enable go to the Sentient > Settings > WooCommerce Options and select the Shop Full Width checkbox. Doing so will make all shop categories full width. You can exclude specific categories from this feature meaning they will continue to have a sidebar. Input any category ID’s (or category slug) into the Categories Not Full Width field to exclude them. The category slug can be found by going to Posts > Categories in the right Slug column.
Custom Shortcodes ↑ Back to top
The [sale] shortcode allows you to easily display a sale banner anywhere on your site. This tandems nicely with our sale page template.
To use the [sale] shortcode simply wrap your sale banner content within [sale] tags like so;
[sale]Sale now on, up to 50% off all stock![/sale]
The [sticky] shortcode allows you to easily display notices on your site which are styled to appear as post-it notes. This is perfect if you want to make a short piece of content stand out somewhere on your site. It can be aligned to the right or the left of your content and be given a custom class.
To use the [sticky] shortcode simply wrap your message within [sticky] tags like so;
[sticky]This is a sticky note, awesome![/sticky]
As you would expect, you can attach any class name you like to the sticky shortcode, just incase you want to add any further custom styles to a particular sticky.
To see a full reference of all available shortcodes, please go here: Woo Shortcode Reference
Custom Sentient Widgets ↑ Back to top
The theme includes custom widgets that you can add to any of your widgetized regions. Go to Apperance > Widgets to add these to your theme.
The custom woo widgets included are:
- Woo – Get in Touch
- Woo – Feedback
- Woo – Contact Information
- Woo – Archives
- Woo – Adspace
- Woo – Search
- Woo – Tabs
- Woo – Twitter Stream
- Woo – Flickr
- Woo – Blog Author Info
- Woo – Embed/Video
- Woo – Subscribe/Connect
- WooCommerce – All WooCommerce widgets
To learn more about how to add Widgets please see our tutorial here: How to Add Widgets