Duelling Pixels https://duellingpixels.com Making eCommerce easier! Thu, 29 Sep 2016 05:59:20 +0000 en-AU hourly 1 https://duellingpixels.com/wp-content/cache/thumbnails/2015/09/cropped-Duelling-Pixels_Logo_Web-32x32.png Duelling Pixels https://duellingpixels.com 32 32 Which online payment gateway to use? https://duellingpixels.com/online-payment-gateway/ https://duellingpixels.com/online-payment-gateway/#respond Thu, 29 Sep 2016 05:59:20 +0000 https://duellingpixels.com/?p=14045 Selecting a payment gateway for your website transactions can be a very confusing process. There are so many different factors to compare and let’s face it,  the required information is not aways easily accessible to compare the pro’s and con’s of each gateway. Scouring through the webpages for each payment gateway can be a very time consuming process. Then […]

The post Which online payment gateway to use? appeared first on Duelling Pixels.

]]>
Selecting a payment gateway for your website transactions can be a very confusing process. There are so many different factors to compare and let’s face it,  the required information is not aways easily accessible to compare the pro’s and con’s of each gateway. Scouring through the webpages for each payment gateway can be a very time consuming process. Then there is other points to consider like does the payment gateway integrate well with your website CMS or does it have an easy to use UX for your customers and does the payment gateway require an SSL certificate?

Which payment gateway should you be using?

For Australian WordPress users, the most popular payment gateway are Stripe, Paypal and eWay due to the ease of integration and the availability of plugins.  There is both premium and free plugins available for most of the popular e-commerce plugins like WooCommerce or WP eCommerce. Here are the pro’s, con’s and processing fees for each gateway.

Stripe

Stripe is fast becoming one of the most popular payment gateway due to it’s ease of use and integration with all major e-commerce/membership plugins, and accepts all major credit cards.

Pricing:

  • 1.75% + 30¢ for domestic cards
  • 2.9% + 30¢ for International cards

Pro’s

  • Ease of use
  • No set up cost or monthly fee
  • Supports subscriptions
  • Low transaction fee

Con’s

  • Funds hit you bank account 7 days after the customer transaction is processed
  • Unless you are using a cloud accounting system that integrates well with Stripe, your bookkeeper will not like the confusing internal transaction tracking system they use.
  • Overseas online support system, no direct phone line to contact

SSL Certificate required?

Yes

Plugin to use with WooCommerce:

Stripe by WooCommerce

Paypal

Paypal is one of the older payment gateways around and it in itself is commonly trusted brand. That said I have found people either love Paypal or absolutely hate it.

Pricing:

Up to $2,500

2.6% + $0.30 for Australian customers, and 3.6% + fixed fee for International customers or cards

$2,500.01 – $5,000

2.2% + $0.30 for Australian customers, and 3.2% + fixed fee for International customers or cards

$5,000.01 – $15,000

2.0% + $0.30 for Australian customers, and 3.0% + fixed fee for International customers or cards

Pro’s

  • Highly trusted by customers
  • You can set the currency of the transaction. ie you can trade in US dollars
  • Default payment gateway for WooCommerce, no plugin required
  • Supports subscriptions

Con’s

  • Higher fees
  • Transaction balances have to be manually transferred to your bank account
  • Overseas online support system, no direct phone line to contact

SSL Certificate required?

No

eWay

eWay is an Australian based online payment gateway that was recently purchased by New York State based Global Payments.

Pricing:

  • 2.6% for domestic & International cards

Pro’s

  • Ease of use
  • Same day settlement
  • Supports subscriptions
  • Australian based phone support

Con’s

  • A bit of paper work required to setup, if you don’t have a merchant account
  • Daggy interface and email design

SSL Certificate ?

Yes

Recommended plugin to use with WooCommerce:

eWAY by Webaware

 

Lastly, other payment gateway to take note of are PIN Payments & Braintree.

 

The post Which online payment gateway to use? appeared first on Duelling Pixels.

]]>
https://duellingpixels.com/online-payment-gateway/feed/ 0
Branding your WooCommerce email template https://duellingpixels.com/woocommerce-email-template/ https://duellingpixels.com/woocommerce-email-template/#respond Wed, 14 Sep 2016 02:59:19 +0000 https://duellingpixels.com/?p=14031 With the base install of WooCommerce, the available features to customise the WordPress email template is very basic.  The options available are Header Image, Footer Text and Text and Background colour options. There is no real way of changing the template without getting into some coding.  Lucky, as always with WordPress there is a plugin to the address this […]

The post Branding your WooCommerce email template appeared first on Duelling Pixels.

]]>
WooCommerce email template

With the base install of WooCommerce, the available features to customise the WordPress email template is very basic.  The options available are Header ImageFooter Text and Text and Background colour options. There is no real way of changing the template without getting into some coding.  Lucky, as always with WordPress there is a plugin to the address this issue. Let’s run through how we can customise the email template of your WordPress emails so you can add you branding and colour scheme.

Installing the Email Templates plugin

To start with install the Email Templates plugin, by navigating to Plugins > Add New and search for Email Templates in the plugin search field on the right hand side. The first plugin that should appear in the results list is Email Templates by Damian Logghe.  Not only is this plugin highly rated with an average 5 star rating, but with 4000+ active installs, we know that this is a reputable plugin to add to our WordPress install. Click the the install button and then activate button.

WordPress Email Template

Once installed, the plugin will add a new menu item to Appearance > Email Templates, and this is where all the magic happens. What is really cool about this plugin is that it uses the WordPress Customiser interface for customising your WordPress email templates.  This offers many benefits, however to me the main benefit is the ability to play around with the settings and options and seeing the changes being made in real time without the need to commit to them.

The Email Template options

Navigating to Appearance > Email Templates, we can run through the options available with this plugin. When Customiser screen is loaded, you will notice that there are 5 different setting panels on the left hand side, which are – Settings, Template, Email Header, Email Body and Footer.  The last panel is Send test email, which allows you to send a test email to yourself to view how your newly designed email template will look in your email reader.

WooCommerce Email Template Customiser

Starting from the top let’s down our way down the options to configure our template.

Settings

This panel allows you to configure the From name and From email, it is recommended to use the default settings which uses the site title for the From Name and the site email for the From email.

Template

This panel allows you to configure the HTML structure of the email template, including whether the content will be contained in boxed area, or will it be full width, the email body width (in pixels) and the background colour of the template. The recommended settings would be Boxed for structure and 680px for email width, the background can be any colour that is neutral and non distracting.

Email Header

This email header panel allows you to configure the header section of the email template, here you can choose to upload your business logo or a header image, add custom text, for example business name, select logo/text alignment, background colour, Text Size and colour. Don’t be afraid to have a play around, remember nothing is committed until you Save & Publish.

Email Body

Under the email body panel you will be alter the body background colour, text size and colour. As the the body area contain the most text, it is recommended that there is a viewable difference between the background colour and text colour for easy reading by your customers.

Footer

This email header panel allows you to configure the footer section of the email template.  Here you can enter custom footer text, including html for links to your website or your social media channels, select the text alignment, size and colour and the background colour.

And that’s it! What we really like about the Email Templates plugin, is that it offers enough options to customise your email templates, but not too many that you get over whelmed, so it is perfect no matter what yo user level is.

The post Branding your WooCommerce email template appeared first on Duelling Pixels.

]]>
https://duellingpixels.com/woocommerce-email-template/feed/ 0
Mobile phone photography – How to take better product shots https://duellingpixels.com/mobile-phone-photography-product-photography/ https://duellingpixels.com/mobile-phone-photography-product-photography/#respond Thu, 08 Sep 2016 06:25:20 +0000 https://duellingpixels.com/?p=14044 Mobile phone photography has almost become an art form in itself and we are using it more and more to replace what only a couple of years ago we would of had one or two camera’s for. There is an old photographer’s saying: “What is the best camera for …”, you can fill in the blanks […]

The post Mobile phone photography – How to take better product shots appeared first on Duelling Pixels.

]]>
Mobile phone photography has almost become an art form in itself and we are using it more and more to replace what only a couple of years ago we would of had one or two camera’s for.

There is an old photographer’s saying: “What is the best camera for …”, you can fill in the blanks with want ever type of photography you like – portrait, landscape, street, it doesn’t matter because the answer will always be the same. The camera that is closest.

Today the closest the camera for all us is our phone, and you can use it to take product images for your eCommerce store. Here are some photography tips to help you get great product images with just using the camera in your phone or tablet.

Steady the camera

iPhone Tripod -Mobile phone photography

Keeping the camera still is such a simple thing to do it, but the improvements to your product photography and speed to the shoot will greatly improve. There are so many affordable gadgets out there to assist in keeping your phone steady, be it a tripod, car phone holder or desk holder.  As the cost for devices are under $100 I would be saying you should also be using one. Also, using a tripod for a shoot will always mean that your products will look consistently the same on your eCommerce store.

Hint: Go for a sturdy build over price.

 

Simplify the background

Product Photography - Clear background -Mobile phone photography

Simplifying the photograph background does two things, A: there is less mucking about with taking the photos, saving you time and money; and B: Your product is the hero of the image as there are no distractions for the viewer in the final image.  For a really clean background, shoot the product on a large piece of white paper that curve uploads towards the back or use a shoot tent. Then have the product clipped/deep etched by a retouching service to digitally cut the background out of the image completely. Check out online clipping service.

Hint: Keep you background nice and clean, as it will require less retouching.

 

Light the product well

Light your subject well -Mobile phone photography

Phone cameras shoot a much better photograph when the subject is well lit. This will mean that the camera can shoot at a lower ISO which will give you a much higher quality image with less noise.

Ways to add more light to your photographs is shoot near a large window or use a product photography lighting kit. Lighting kits can range in price from $50 up to $2000, depending on your product size and the quality of the equipment. Kits that offer continuous lighting are better suited to phone camera photography.

Hint: Go for a price range between $199 – $799.

 

Don’t use digital zoom

For professional photographers, digital zooming is a big NO NO! All that you are doing is using less area of the camera sensor and then enlarging the image via software.  This instantly decreases the quality of image and it is not recoverable. So don’t do it!

Do you have tips or advice on how to take better product images with your mobile phone camera?

The post Mobile phone photography – How to take better product shots appeared first on Duelling Pixels.

]]>
https://duellingpixels.com/mobile-phone-photography-product-photography/feed/ 0
Australia Post integration with WooComemerce https://duellingpixels.com/australia-post-integration-woocomemerce/ https://duellingpixels.com/australia-post-integration-woocomemerce/#respond Wed, 31 Aug 2016 23:28:33 +0000 https://duellingpixels.com/?p=13931 Adding Australia Post integration to your WooCommerce eCommerce store has never being easier, thanks to the number of WordPress plugins that are now available. In this post we are going to run through adding Australia Post integration with WooCommerce with the Australia Post WooCommerce Extension plugin by WPRuby. The plugins comes in two versions, a free version and a […]

The post Australia Post integration with WooComemerce appeared first on Duelling Pixels.

]]>
Adding Australia Post integration to your WooCommerce eCommerce store has never being easier, thanks to the number of WordPress plugins that are now available. In this post we are going to run through adding Australia Post integration with WooCommerce with the Australia Post WooCommerce Extension plugin by WPRuby.

WooCommerce Australia Post Integration.jpg

The plugins comes in two versions, a free version and a Pro version, we will run through setting up both versions.

The free version adds regular Parcel Post and Express Post shipping methods, while the Pro version adds:

  • Courier Post and International Post shipping methods
  • Pre-Paid Domestic Satchels
  • Handling Fees and Discounts
  • Extra Cover
  • Signature On Deliver
  • Estimated Delivery Time

 

Setting up the free version

Let’s run through how to set the free version, it is surprising quick. First up, let’s make sure your store location settings are correctly configured before we add the shipping integration. In your WordPress dashboard Navigate to WooCommerce > Settings > General Tab > General Settings and check that your Base Location is configured to where your store base is.

 

WooCommerce_General_Settings

 

As the free version of the plugin only offers Parcel Post and Express Post shipping methods we will need to configure Selling Locations to Sell to Specific Countries. Another field will appear called Sell to Specific Countries, enter Australia.

Moving on to the Shipping Location field, select Ship to all countries you sell to and the Default Customer Location should be set to Geolocate.

With the store settings checked off, we can move onto installing the free Australia Post WooCommerce Extension plugin. Still in your dashboard navigate to Plugins > Add New, andin the search field on the right of the filter bar at the top of the screen enter Australia Post WooCommerce Extension .

 

Wordpress Australia Post WooCommerce Extension Plugin.jpg

 

The Australia Post WooCommerce Extension by WPRuby plugin should be the first plugin that appears in the search results. Click the Install Now button and then the Activate button which appears in the same location was the plugin is installed.

Now that the plugin is installed, it is really simple to configure. All we have to do is add Australia Post to a shipping zone, and then add the Australia Post parcel API to complete the integration. Navigating to WooCommerce > Settings > Shipping Tab > Shipping Zones.  Click the Add shipping zone button on the bottom right of the shipping zone table.

Australian_Post_shipping Method Add Shipping Zone

Then enter a Zone Name ie Australia and then enter Australia in the regions column. If your would like to restrict to a particular state, you could further define the region. Save your changes, and then click on the + sign on the far right to add Australia Post.

Australian Post shipping Method Add Shipping method

A pop up module will appear with a dropdown, select Australia Post and confirm changes by clicking Add shipping method button.

Australian Post Shipping Method Australia Post

Almost there! To automatically pull pricing from the Australia post website, we need to add an API Key to connect your website to the Australia Post website. Clicking on the Australia Post Shipping link in the shipping method column on the right hand side, this will take you to the plugin settings.

On the plugin settings page we need add an API key and set the postage origin post code. If you already have Australia Post PAC API key enter it into the API key field and set the Shop Origin Post Code to the location that the purchased packages will be sent from.

If you don’t have an Australia Post PAC API key follow this link and apply for a API key by follow the instructions on the Australia post website, it takes two seconds to complete and and API key will be sent by email to you.

WordPress Woocommerce Australian_Post Extentsion Plugin settings

Lastly on this page you can set the default package size of your store, if your products are similar size and you expect to use only one package size this is a great way to set that standard size. Otherwise, the size of each product is used to determine which packaging size will be used for shipping costs. (Products > Edit > Product Data > Shipping)

 

Setting up Australia Post WooCommerce Extension Pro version

To set up the PRO version you will first need to purchase the Australia Post WooCommerce Extension PRO plugin from WPRuby. Then upload the plugin to your WordPress install, this can be done by navigating to Plugins > Add New then clicking on the Upload Plugin at the top of the screen.

If you have installed the free version you should deactivate this version of the plugin. 

Once installed and activated, navigate to WooCommerce > Settings > Shipping Tab > Australia Post Pro.  Like the free version of the plugin you can configure your Australia Post API keyShop Origin Post Code and Default package size.

However, the PRO version offers many more options and features, these include:

  • Handling Fees – Add and extra fee to each order, can be flat rate or percentage based.
  • Domestic Options – Set available Australia Post services for domestic orders.
    • Options are:
      • Regular/Parcel Post
      • Express Post
      • Courier Post
  • International Options – Set available Australia Post services forInternational orders.
    • Options are:
      • Economy Air
      • Economy Sea
      • Courier International
      • Express International
      • Standard International
      • Express Post International C5
      • Express Post International B4
      • Registered Post International Prepaid DL Envelope
  • Method availability – Set which countries are allowed to use the Australia Post shipping method on orders.
    • Options are:
      • All allowed countries
      • Specific countries
  • Rates – Set which rate/shipping method is shown during the order checkout process.
    • Options are:
      • Show all the options
      • Show only the cheapest option
  • Using Australia Post Satchels – Select whether you will be using Australia Post’s prepaid satchels. This can make the shipping pricing and sending a simpler process.
  • Delivery Time – Show Delivery Time Estimation in the Checkout page.
  • Enable Letters Shipping for small products – Will you be using standard letter envelopes for delivery?
  • Signature on Delivery – Do you require a signature on delivery, this will charge an extra shipping fee to the customer.
  • Extra Cover – Add extra insurance cover to deliveries, this will charge an extra shipping fee to the customer.

Configure the settings to your eCommerce store requirements and preference.

And so there you have it, how to integrate Australia Post with your WordPress / WooCommerce store.

The post Australia Post integration with WooComemerce appeared first on Duelling Pixels.

]]>
https://duellingpixels.com/australia-post-integration-woocomemerce/feed/ 0
Photo Clipping Paths & Deep Etching https://duellingpixels.com/photo-clipping-paths-deep-etching/ https://duellingpixels.com/photo-clipping-paths-deep-etching/#respond Mon, 29 Aug 2016 23:58:12 +0000 https://duellingpixels.com/?p=13919 Yesterday, we officially launched our online clipping paths and deep etching services. Originally designed to cater our own needs to simplify our lives, we decided to build a single online portal to send and receive files, track jobs, and pay suppliers.   This week Duelling Pixels is super excited to be opening our portal to other businesses. Designed […]

The post Photo Clipping Paths & Deep Etching appeared first on Duelling Pixels.

]]>
Yesterday, we officially launched our online clipping paths and deep etching services.

Originally designed to cater our own needs to simplify our lives, we decided to build a single online portal to send and receive files, track jobs, and pay suppliers.

Duelling Pixels Clipping Path Portal

 

This week Duelling Pixels is super excited to be opening our portal to other businesses. Designed to be easy and user-friendly, through our portal you are able to:

  • Submit photographic files for clipping/deep etching
  • Review the progress of your job
  • Download completed files
  • Pay for orders
  • Review past orders

No need to constantly search through your email to review what files were sent, look for download links, send files via WeTransfer, remember which Dropbox folder the file where in or login into yet another FTP account.

Now with our portal and a few clicks you can review the status of all your jobs.

Clipping services available:

  • Single Product Clipping
  • Multiple Product Clipping (single image)
  • People/Model Clipping

All clipping paths are accurate enough to easy create Photoshop layer masks from.

As an opening special we are offering 20% off for the next month, use coupon code “blog20”.

Register for free today

The post Photo Clipping Paths & Deep Etching appeared first on Duelling Pixels.

]]>
https://duellingpixels.com/photo-clipping-paths-deep-etching/feed/ 0
Australian eCommerce store with WooCommerce https://duellingpixels.com/australian-ecommerce-woocommerce/ https://duellingpixels.com/australian-ecommerce-woocommerce/#respond Mon, 22 Aug 2016 07:12:59 +0000 https://duellingpixels.com/?p=13844 When setting up a an Australian eCommerce store with WooCommerce at first you might be confused and frustrated with the focus on the good ole’ USA during the installation and set up process.  Lucky, WordPress allows the administrator to easily configure their store for the Australian Market, let’s run through some of these settings. General WordPress […]

The post Australian eCommerce store with WooCommerce appeared first on Duelling Pixels.

]]>
Set up Australian eCommerce store with WooCommerceWhen setting up a an Australian eCommerce store with WooCommerce at first you might be confused and frustrated with the focus on the good ole’ USA during the installation and set up process.  Lucky, WordPress allows the administrator to easily configure their store for the Australian Market, let’s run through some of these settings.

General WordPress Settings

First up let’s change the install to the correct timezone and default language to something that is a bit more friendly to our Australian users, in your WordPress dashboard navigate to Settings > General.

Half way down the page your will see the Timezone option to the most appropriate zone to your location. Our turnkey Australian eCommerce websites are typically set to AEST (Australian Eastern Standard Time). Next you will be able to set your date and time display preference. Choose the most appropriate setting for how you would like the date and time to be displayed on your website.

And lastly, at the bottom of the page you will see an option called Site Language, from the dropdown tab select English (Australian) or if you prefer English (UK). This will control the default spell checking reference database and the language of the guides used in the Dashboard.

WooCommerce Settings

Let’s move over to the WooCommerce settings (navigate to WooCommerce > Settings) to configure our Australian eCommerce store location and tax settings.

Generally, if you have completed the WooCommerce setup configuration this page will be already configured already. But let’s just run over it anyway to make sure it is correct. Starting at the top we have over store location settings, from the dropdown menu option available select the Base location of your store, your Selling Location(s) who are you going to sell to? Just users in Australia, or are you going to sell globally.  If you would like to sell to specific countries only you can use the Sell to Specific Countries option from the dropdown and then list which countries you would like to sell to in the near field that appears under this option.

 Australian eCommerce store - Woocommerce-Settings - General Tab

 

Next, is 

Default Customer Location is the next option, here you can configure how the customers location is determined. We would recommend that you select Geolocate. Which will use IP lookup table to determined the customers location. If you are using a static caching plugin on your WordPress install and you are wanting to use the Geolocate option, you will need to  select Geolocate (with page caching support) as this will allow you store to be more friendly with caching plugins. (More about this feature can be read here)

If your online store will be charging GST or another state based tax on your Australian eCommerce store, you will need to tick the Enable Taxes option to turn on the taxes module.  Before leaving this page, set the Currency Options to:

  •  Currency  “Australian dollar ($),
  •  Currency Position “Left ($99.99)”
  • Thousand Separator “,”
  • Decimal Separator “.”
  • Number of Decimals “2”

And lastly save of changes.

If you are a GST registered business you will need to configure the GST tax for your store. Having ticked the Enable Taxes option above you should now see a Tax tab at the stop of the dashboard screen. Navigate to this tab, and we can configure the GST tax for your store. As the GST is national tax we are quite lucky that only one configuration is required, so let’s run through the configuration.

  • Enable Taxes – Yes, this will need to be enabled to charge GST
  • Prices Entered With Tax – Select whether your pricing will include GST or not.
  • Calculate Tax Based On: – This should set to Customer Shipping Address or Customer billing Address, although as we are only selling to Australia customers, it could be set Shop Base Address.
  • Shipping Tax Class – Set to Shipping tax class based on cart items
  • Rounding – leave unchecked
  • Additional Tax Classes – this can be ignored
  • Display Prices in the Shop: Include/exclude tax in prices on shop and product pages?
  • Display Prices During Cart and Checkout: Include/exclude tax in Cart and Checkout price display?
  • Price Display Suffix: Enter suffix to tax output, best to leave blank
  • Display Tax Totals: Set to itemised.

Once the tax configuration is right, we need to add the tax amount by navigating to the Standard Rates sub-tab.  Under the Standard Rates sub-tab a table will appear.

Starting from the left click on the Country Code cell enter AU and Australia will appear in a dropdown menu select Australia, and then tab across to the Rate cell and enter 10, and tab across to the cell called Tax Name and enter GST. The shipping cell should have the checkbox ticked, finally save your changes.

 

 Australian eCommerce store - WooCommerce GST Settings

 

Or optionally you will be able to import the GST Tax rate via the import CSV function and this CSV file, Australian GST WooCommerce Tax.

And that is all there is to it, to set a WooCommerce website to Australian settings.

 

 

 

 

 

 

 

The post Australian eCommerce store with WooCommerce appeared first on Duelling Pixels.

]]>
https://duellingpixels.com/australian-ecommerce-woocommerce/feed/ 0
Product Photography – 3 tips to great images https://duellingpixels.com/product-photography-tips/ https://duellingpixels.com/product-photography-tips/#respond Fri, 01 Jul 2016 02:34:22 +0000 https://duellingpixels.com/?p=13460 Preparing for a product photography shoot for your e-commerce website can take a a little extra time, but the rewards for your business will be priceless. Let’s run through our three points that will ensure a successful photographic product shoot. Create a product photography shot list This may seem like unnecessary admin work, however creating a shot list […]

The post Product Photography – 3 tips to great images appeared first on Duelling Pixels.

]]>
Preparing for a product photography shoot for your e-commerce website can take a a little extra time, but the rewards for your business will be priceless. Let’s run through our three points that will ensure a successful photographic product shoot.

Create a product photography shot list

This may seem like unnecessary admin work, however creating a shot list will help you determine the photos that are required for each product. Work back from how you see the product should be presented on your website. Start by writing down the views that your customer will be able see of each product.

Will it be just one photo per product or a couple of photos showing the product at different angles?

Will the product page show how your product works through a series of images?

All of these photos need to be outlined for the photography shoot whether it is in house or not. Visualise, and even do rough drawings, of the shots required. The more information that is put in the shot list, the less questions the photographer will have and the more likely you will get the outcome you intended.

Product Photography Shoot

Ensure products are correctly assembled and ready

The amount of time I have seen wasted by assistants on photo shoots trying to put products together, or a photographer’s face turning red in frustration because a product has been sent that requires assembly but with no instructions included. This will only mean that the photographer will spend more time on putting your product together and less time on photographing it. All of this measn that you will either end up with poorer quality product images or higher product photography costs for your business.

Use clean and undamaged products

Although last, this point is the easiest way to keep your product photography costs down. It is very common for businesses to send samples and demo products, this way they are potentially not losing usable stock. However, these items are more likely to be dirty or damaged, which will mean that your product images will have to be cleaned up in post production.

This will not only add to your costs, but also increase the turnaround time for product images. Ensuring all staff from the warehouse to the marketing department are aware that all products must be clean before being sent to the shoot will save you money and time.

The post Product Photography – 3 tips to great images appeared first on Duelling Pixels.

]]>
https://duellingpixels.com/product-photography-tips/feed/ 0
Shipping Zones – Understanding WooCommerce’s new feature https://duellingpixels.com/shipping-zones-woocommerce-new-feature/ https://duellingpixels.com/shipping-zones-woocommerce-new-feature/#respond Thu, 23 Jun 2016 07:57:56 +0000 https://duellingpixels.com/?p=13443 With the roll out of WooCommerce 2.6, one of the many new features the update included was Shipping Zones within the newly configured shipping module. Designed to help manage the shopping module in a more efficient way, shipping zones allows the shop manager to customise the available shipping methods for a particular geographical region. So what […]

The post Shipping Zones – Understanding WooCommerce’s new feature appeared first on Duelling Pixels.

]]>
With the roll out of WooCommerce 2.6, one of the many new features the update included was Shipping Zones within the newly configured shipping module. Designed to help manage the shopping module in a more efficient way, shipping zones allows the shop manager to customise the available shipping methods for a particular geographical region.

So what does this all mean? It’s actually quite simple, with shipping zones “local pick up” can be made only available to customers with certain postcodes or International shipping can only be made available for customers outside of your country, and certain couriers only be made available for in a particular state or city.

Let’s run through setting up a basic shipping zone.

First check that the base store location settings are configured correctly for your online store. In your admin dashboard navigate to WooCommerce  > Settings and check that the Base LocationSelling Location(s), and Shipping Location(s) in configured correctly for where you want to sell to and the Default Customer Location is set to Geolocate.

WooCommerce General Settings Shipping zones web

 

Once these settings have been double checked move over to the Shipping tab on the WooCommerce settings page, and you will see that the shipping page has has a new layout.  The shipping option settings are no longer on the first sub-tab, instead the first sub-tab is Shipping Zones, which contain a big meta box with a short description on how the new shipping zones work, and the default “Rest of the World” shipping method. We can ignore the rest of the world zone for the moment.

WooCommerce General Settings shipping zones

 

Adding a Shipping Zone

Click the Add shipping zone button and a new empty zone will be added at the top of the meta box with blank fields across the three columns of Zone Name, Region(s) and Shipping Method(s). Starting on the left, enter a name for the new zone, say “local” and then move across to the Region column.

We are based in Melbourne, so for us we would enter Australia > Victoria in the top field (only Victoria will appear once entered) and then enter the postcodes of  your surrounding suburbs (and the suburbs that you would like to allow local pick up) in the field below. Finally, save off your new shipping zone.

 

WooCommerce General Settings Shipping Zones local

Adding the Shipping Method

Next, move over to Shipping Method(s) column and click the Add shipping method link, a pop-up box will appear with a dropdown list that contains the available shipping methods within your WordPress install. Select “Local pickup’ and click the Add shipping method button. The pop-up box should disappear and the new settings will automatically save.

That’s it, pretty simple isn’t! And with a bit of creatively you can configure all sorts of combinations of shipping methods that would be benefitional to your customers.

For more information check out the WooCommerce shipping zones documentation.

 

The post Shipping Zones – Understanding WooCommerce’s new feature appeared first on Duelling Pixels.

]]>
https://duellingpixels.com/shipping-zones-woocommerce-new-feature/feed/ 0
WooCommerce Account page fix for Genesis themes https://duellingpixels.com/woocommerce-account-page-genesis-themes/ https://duellingpixels.com/woocommerce-account-page-genesis-themes/#respond Mon, 20 Jun 2016 07:28:09 +0000 https://duellingpixels.com/?p=13415 The latest update of  the WooCommerce ecommerce plugin includes a new tabbed My Account page template to a allow for easier user account navigation. Unless you have a purpose built WooCommerce theme, the new WooCommerce account page layout on the front end for users will be functional but won’t look that great for the user. From […]

The post WooCommerce Account page fix for Genesis themes appeared first on Duelling Pixels.

]]>
The latest update of  the WooCommerce ecommerce plugin includes a new tabbed My Account page template to a allow for easier user account navigation. Unless you have a purpose built WooCommerce theme, the new WooCommerce account page layout on the front end for users will be functional but won’t look that great for the user. From what I tested tested so far, the WooCommerce account page in Genesis Framework themes is not ideal and clunky at best.

Today we are going to run through a quick one minute fix that you can do to help clean things up on the account page.

WooCommerce Account Page

First up, login into your website install via FTP and navigate to /wp-content/plugins/woocommerce/templates/myaccount/ and copy the my-account.php to your the theme folder.

As this is a WooCommerce template file, we will need to ensure that we copy the template folder hierarchy within our theme folder.  Create a folder called “woocommerce” in the top level of your theme’s folder. Then within this woocommerce folder create another folder called “myaccount”, and lastly add the new my-account.php file to this myaccount folder.

So the location of this new file should look something like this: /wp-content/themes/Your-theme-folder/woocommerce/myaccount/my-account.php

Notice that our new template folders within our theme’s folder is similar to the WooCommerce template folder structure from templates directory onwards. Any file that you copy across from the WooCommerce template directory (plugin) to the new template directory within your theme’s folder will become the template that your WordPress application will use. You can read more about WooCommerce’s template structure here.

Once you have moved the my-account.php file, open the file in you favourite php editing software. You should see the following:

View the code on Gist.

To help control the layout of the account page we are going to add some standard Genesis Framework column classes to the template. Pretty much all of Genesis child themes have these classes in their style.css file. If you are not sure please open your theme’s style.css file and search for “one-half”, if nothing can be found add the following css coding from this page  to your style.css file.

Back to our template file, move to line 29 which contains the code “ do_action( ‘woocommerce_account_navigation’ ); ?>”  and add the following lines of code above and below line 29.

View the code on Gist.

This will now create a container for the account menu that will now only take up the first quarter of the page vertically.

Next, on line 31 which contains the following code “<div class=”woocommerce-MyAccount-content”>” add the class “three-fourths” to the div classes,( ie next toe the woocommerce-MyAccount-content class with the quotation marks) . So your file should look something like this.

View the code on Gist.

Now, if navigate back to you website and load up the My Account page on the front end, and you will now see the user account menu appears on the left side of the page and the content the right.

Add a bit styling to your WooCommerce account page

Time to fix up the styling, moving back to your FTP program and open your theme’s style.css. Navigate/search for the plugins section or the WooCommerce section if there is one and the following css rules. This will remove the dots on the menu item and change the menu to horizontal format for mobile devices.

View the code on Gist.

So that it, pretty easy isn’t!  If you are more comfortable with theme file editing, feel free to download the template files.

 

The post WooCommerce Account page fix for Genesis themes appeared first on Duelling Pixels.

]]>
https://duellingpixels.com/woocommerce-account-page-genesis-themes/feed/ 0
Add Google Fonts with Kirki to the Customizer https://duellingpixels.com/google-fonts-kirki-customizer/ https://duellingpixels.com/google-fonts-kirki-customizer/#comments Thu, 09 Jun 2016 08:47:16 +0000 https://duellingpixels.com/?p=13380 Adding the right Google fonts to your website can be a time consuming exercise if you don’t know what you are looking for, or what particular look you are after For most folk this because they can not say “yes I like that” until they see it in the website itself.  Adding a Google Font is […]

The post Add Google Fonts with Kirki to the Customizer appeared first on Duelling Pixels.

]]>
Adding the right Google fonts to your website can be a time consuming exercise if you don’t know what you are looking for, or what particular look you are after For most folk this because they can not say “yes I like that” until they see it in the website itself.  Adding a Google Font is done by using the wp_enqueue_style function in the theme’s function file.

Example:

wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Roboto:300|Raleway:500', array(), CHILD_THEME_VERSION );

And then simple add the font-family to the css files in the appropriate classes:

body {
 color: #000;
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-size: 1.6rem;
 font-weight: 300;
 line-height: 1.625;
 }

To change the Google font that you want to use, you would simply change the font family name and weight, and then change these details in the theme’s css files as well.

Changing from the Roboto font to the Open Sans font would like this:

Roboto font
 wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Roboto:300|Raleway:500', array(), CHILD_THEME_VERSION );

Open Sans font

wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700', array(), CHILD_THEME_VERSION );

and then again in the theme’s css files:

font-family: 'Roboto', sans-serif;

would change to:

font-family: 'Open Sans', sans-serif;

So for the general user, selecting and implementing a Google font combination for their website can be a big pain in the butt, one has to change the fonts manually by swapping back and forth between the theme’s function and css files and refreshing the browser each time to access and review the font choices.  Yes, there are css/php editing programs that can search and replace words, and yes I can here you designers out there shouting that’s why you get a designer to to select your fonts and then you don’t have to go through this process.

But sometimes people just like to do themselves, or at least attempt to do it themselves.

Adding Google fonts to the customiser

Introducing Kirki 

The Kirki Customizer plugin offers a simpler path to adding Google Fonts and other theme options to the customiser panel within WordPress. The plugin can be download via the WordPress Plugin Directory for free and there is no pay addons. So it just free!

The plugin extends the Customizer’s functionality and allows for simpler coding to be used to add theme options. For a demonstration we are going to show you how to add a Google Fonts option to your theme.

Adding Google Fonts with Kirki

As we work within the Genesis Framework, we will doing the demonstration with the Genesis Sample theme. However this can be easily adjusted for any of the Genesis themes or general WordPress theme. Firstly, install the Kirki plugin to your WordPress install via the Plugins > Add New or by uploading the plugin via an ftp program to your plugin folder, and finally activate the plugin.

With the Kirki plugin installed we can can add a configuration by adding code snippets to the theme’s customize.php file. Using an FTP program or something similar, navigate to your theme’s directory.

Then within your theme’s directory folder navigate to and open the file  lib > customize.php. If there is no lib directory or customize.php file, create the directory and file, and include – require_once( get_stylesheet_directory() . ‘/lib/customize.php’ ); in you theme’s function file.

As most of themes have some form of customisation options, you will need to navigate to the bottom of the code that is currently in thecustomize.php file and paste the following code snippet . Let’s run through the code so you understand how it words. In the first function ( lines- 12- 23 ) we register a new section within the customiser’s options panel called Fonts. Then we populate the new panel with Google font options to allow us to customise our website (lines 28 – 111) . Within this snippet, we target three particular areas of your website. They are the Site Title font selection ( lines 30 – 53 ), Headings font selection ( lines 56 – 79 ), and lastly the body font selection ( lines 82 – 105).

View the code on Gist.

Save off the customizer.php file and then in your WordPress dashboard navigate to the Appearance > Customiser. Towards the top of your customiser options panel on the left, you will now see a new Fonts option. When you open this panel you will see three drop down menus under the headings Site Title Font Family,  Heading Font Family and Body Font Family.

Voila! Now you can play to heart’s content with the endless array of Google font pairings!

 

Now you know how it all works, here is a shortcut. Download this file customizer_google_fonts.php, unzip the file and upload it to your theme’s lib directory,  your-theme > lib. Then add this line of code to your theme’s function file, and Voila!

View the code on Gist.

To check out more ways to add options to the WordPress customiser with Kirki visit the plugin documentation page

The post Add Google Fonts with Kirki to the Customizer appeared first on Duelling Pixels.

]]>
https://duellingpixels.com/google-fonts-kirki-customizer/feed/ 2