Framework 2.7

Our base framework is now at version 2.7 and will be used for all sites created after 26 November 2015.

Improvements include –

  • Better organised ‘Formats’ drop-down in editor
  • Font-Awesome for a richer user experience
  • WYSIWYG editors for the Top Content and Sidebar text
  • Visual improvements to the editor

Backend work includes –

  • Improved code structure and separation
  • New bootstrap CSS and individual theme styles
  • Bug fixes
Posted in framework | Comments Off on Framework 2.7

Woocommerce – Variable Products

Read First > Creating a simple product

How-to tutorial for the Seja WordPress framework

Simple Products are the easiest way to add items to your WooCommerce site, but if you have products that come in different colours or sizes it would become overwhelming to create individual pages for each and this is where variations come in.

A variable product is similar to the simple product that we demonstrated in the previous article but allows you to add in the variations.

While variations seem complicated at first they are essentially just a duplication of the price, product image and SKU (if required).

woocommerce-variable-product

Start by changing the Product Type from Simple product to Variable product

Most options are hidden when you first open them. Hovering the mouse over the title area of the block you wish to edit will reveal an arrow and clicking anywhere within a title block will extend the hidden information

woocommerce-closed-option

You may have multiple sizes or colours for your product and each one of these is a variation, however before you can start adding in the different options you first need to establish your products attributes.  There is no limit to the number of attributes you can have however too many options will become confusing for your customers.

In the example we’re using there will just be a single Colour attribute.

woocommerce-attributes

To create a new attribute click on the blue “Add” button and give it a name. Once that is done you need to create the various options which are separated with a pipe ( Shift + backslash | )

Once we have created our attributes we need to set our pricing, custom images and SKU’s

woocommerce-variations

If your variations have a common setting, such as price you can use the “Choose a field to bulk edit…” option at the start of the variations section.

To get variations working correctly it’s important to add all the elements

  1. Select the attribute variation from the dropdown menu  (#611- Lavender) Leaving this blank will cause image rotation to fail
  2. Click on the Image Block to choose a variation image. This will allow the photo to change as your customers choose the product variation
  3. Add an SKU (optional). It is important that each SKU is different or WooCommerce will remove them when you publish or update the product.
  4. Set your Regular Price. You can also set a Sale price if the item is on special.

Repeat for each option.

 Coming Soon > Stock Control

 

Posted in WooCommerce | Tagged , | Comments Off on Woocommerce – Variable Products

WooCommerce – Creating a simple product

While WordPress is a very user-friendly platform, any shopping cart system adds a degree of complexity. This article is designed to cover the basics of adding simple products to WooCommerce.

A ‘Simple Product’ is an individual item with no variations, it is the entry-level product type within the WooCommerce plugin.

When you enter the product editor you will see it is essentially the same as the standard WordPress editor, with a few additional items. All are generally self-explanatory, however, the positioning of the descriptions are slightly different as they do not follow a top-to-bottom approach that normally happens in a WordPress post, as the following images demonstrate…

WooCommerce Product Title1. Product Title

Appears at the top of the page and is also the text on the Product Category page.

SEO – This is also part of the pages <title> tag

WooCommerce Product Image 2. Product Image

Appears to the left of the Product Title and is also the display image for the product on the Product Category page.

WooCommerce Product Price3. Product Price

Appears below the Product Title and also on the Product Category page

WooCommerce Short Description4. Short Description

This is the main text that appears at the top of the page by the price, however, it is below the price field in the editor.

WooCommerce SKU5. SKU (Optional)

The product or part number. This must be a unique number if it is included.

WooCommerce Categories6. Product Categories

Sets the Product Category that the product is included in. Multiple categories can be selected and new categories can be created within the editor.

Product Categories are managed within the Dashboard via Products > Categories

WooCommerce Description7. Product Description

While this appears at the top of the page within the editor, this is not the text that appears with the price but the content that appears within the Description tab.

Next Article > Variable products

 

Posted in WooCommerce | Tagged , | Comments Off on WooCommerce – Creating a simple product

What is a framework

The amount of work needed to build even a basic website theme in WordPress is quite large, but as most sites require similar things they all start in much the same way.

This website is built by our partnership business Seja Design and utilises their framework. A ready-built WordPress theme is often not suitable as they can be very generic and may not customise well; this is where using the framework helps.

For all intents and purposes, the site is custom built, but the scaffolding needed to build the site is already in place, we just add in the graphical elements.

 

Posted in framework | Comments Off on What is a framework