Breadcrumb Content

Main Content

Foxycart

January, 31, 2015 | PHP

Foxy cart has been around since 2005 (according to a staff member, it’s 2007). It’s an integration platform for e-commerce. By integration, I mean that you do not have to move or overhaul your current website in order to use it. With the proper tools, the addition of a store to your WP, Drupal or other popular content management system site can be seamless. Unlike other paid self-hosted services, you never have to contact your service provider about your DNS or anything to that effect. They provide all the necessities required to run an online store and more.

WP plugin

 

You have complete control over the CSS and HTML. The example I plan on sharing is from a WP perspective. I will assume that you know how to use WP and how to install plugins. Once you have installed Foxycart, it will create an additional menu. Check the image above. Before you go any further, you have to create an account with Foxycart in order to use Foxyshop (Foxycart plugin). It’s free,  you can test and develop sample stores for as long as you like (no pressure). You will need to create a sub domain name (mystore.foxycart.com) from your Foxycart account and add it in the area shown below.

foxyshop settings

 

All of the information above that is related to the API key and so forth is auto generated. If you are working on multiple demo stores before going live, you will have to make changes in your Foxycart account regarding additional accounts. The instructions that are in your account are very direct, with that being stated you will know exactly how and what to do.

adding product

 

Adding product is no different from creating a new blog post with the exception of adding a price. The real interesting part begins at this point. The Foxyshop plugin comes with a directory titled “themefiles”. It is recommended that you should copy those files to your theme directory for any alterations. In doing so, you will preserve any changes that might occur during an update to Foxyshop. The directory has 17 files, but you do not need to copy all of them. Below you will find a list of  files I prefer to use.

  1. foxyshop-all-products.php
  2. foxyshop-single-product.php
  3. foxyshop-all-categories.php
  4. foxyshop-single-category.php
  5. foxyshop-product-loop.php

Keep in mind that you can bring the entire directory over if you choose to. It consists of additional files you will need to modify the content that is displayed off your server. The files listed above like your standard index, single and category pages in your standard WP theme. You can edit them as you would customize or develop any theme.

foxycart backend

The image above is the backend of your Foxycart account. The area I have circled is the template section. Your plugin comes with those files. However, I prefer to develop separate html files and place them in their own directory. A directory I will eventually add to my server. Below is an html demo of how you can develop your template files. Foxycart provide hooks you can add to your template files that display their shopping cart content.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Widgetize</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="{{ config.css_file }}" rel="stylesheet" media="all">
<link href="yourstyle.css" rel="stylesheet" media="screen">
<script src="http://cdn.foxycart.com/digitalartifex/loader.js" async defer></script>

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body id="fc">

<header>


<h1><a href="#">Widgetize</a></h1>

<nav>
<h2 class="hide">Main Menu</h2>
<ul>
<li><a href="widgetize.com">Home</a></li>
<li><a href="widgetize.com/product">Product</a></li>
<li><a href="widgetize.com/contact">Contact</a></li>
</ul>
</nav>
</header>

<section>
<h2 class="hide">breadcrumb section</h2>
<div class="breadCrumb">
<p><a href="#">Home</a> &#10143; Checkout</p>
</div>
</section>

<section>
<h2 class="hide">product section</h2>
<article>

{% include 'svg.inc.twig' %}

{% import "utils.inc.twig" as utils %}
{% use 'checkout.inc.twig' %}
{{ block('checkout') }}
</article>

</section><!--end main area-->
<footer>
<h2 class="hide">footer</h2>

<p> Widgetize &copy; 2015 | Demo Store </p>

</footer>

</body>
</html>

The experience for the buyer is quite simple: they begin with your domain. It helps to have an SSL (secure socket layer). It is not necessary though, since the client will never place their private and sensitive information on your server. Once they select a product they will be taken to the single-product page, where they can get all of the info about this product before purchasing it. Once they click the “add-to-cart” button, it takes them to the Foxycart server that is secure. This is where your template files come into play. The buyer will be on a different server, but the design for your online store will remain consistent. If you ever decided to update your theme you will have to update your template files to maintain that consistency in look and feel.

Out of the box features are limited to your standard online stores. If your business require uploads from the client, you will need additional support. Foxycart has a team of developers that can assist you with this issue. Or, you might have to look into a third party. The pros and cons of this application are somewhat balance based on what you are looking for. If you are the DIY type of developer/designer, this is the perfect solution for you. Foxycart also provide service for non-techy vendors. I can go on and on, but its better if you just create an account and start from there. Happy Hunting…

Mr. Blox

I dream in code, find conformity repulsive and drink excessive amounts of coffee...

9 Responses to “Foxycart”

  1. Bobby

    February 2, 2015

    Honestly, I’ve never heard of this application before.

  2. Troy

    February 2, 2015

    I know of it but never used it before. Have you used it or are you just writing about it?

    • Mr. Blox

      February 4, 2015

      Many moons ago, I presented it to a client, but she was not interested in the monthly fees. Lately, I’ve been pitching it to several people.

  3. Big-Z

    February 2, 2015

    It sounds barebone, I prefer Magento. Will have to give it a look.

    • Mr. Blox

      February 4, 2015

      Magento? I remember now. That’s when my head nearly exploded… (kidding of course)

  4. Brett

    February 3, 2015

    Thanks for writing about FoxyCart! A few quick notes:
    We’ve actually been around since 2007, not 2005.

    @BIG-Z: FoxyCart is radically different from Magento. FoxyCart isn’t a CMS and doesn’t manage your products or your website. Rather, it’s built to integrate, so you can use your own systems (CMS, frameworks, etc.) of choice.

    It’s well suited for adding ecommerce to an existing site in a super quick and easy way, or for very custom integrations. It’s definitely not for people who want to set up an account, choose a template, and have a turnkey ecommerce site up and running 2 minutes later.

    • Mr. Blox

      February 4, 2015

      The Website states 2005. The first time I read about it was six or seven years ago.

  5. Betty

    July 16, 2015

    ӏ am not suгe where ʏou’re gеtting your information, but great topic.
    I neeԀs to spend somеtime learning much
    morе or understanding more. Thanks for info ӏ was looҟing for
    this іnformation.

    Feel frree tο visit my homepage :: Lil – Betty

    • Mr. Blox

      July 17, 2015

      Are you mad about something?