Viewing 1 post (of 1 total)
  • Author
    Posts
  • #6917

    Hey,

    I’ll use this thread to post modifications which are required to integrate WooCommerce plugins. Some plugins may require css code changes/mods. Basically it’s pretty easy to install a WooCommerce plugin. First go to the extensions download page and download/buy the plugin. Then install it like a standard wordpress plugin. I’ll post required mods to the Abundance stylesheet/theme files below. Please note that I try my best to support the plugins and to test them all but I can’t gurantee that all will work with our theme(s). Especially payment gateways are hard to test but they shouldn’t conflict with our theme code. A list of payment gateway plugins can be found HERE – some very popular services are supported like Google Checkout, PayPal Pro, Authorize.net, 2Checkout Form, eWay or even iDeal by Mollie.

    A list of all woocommerce extensions can be found HERE!

    A list of recommended WooCommerce extensions can be found in this thread: http://www.kriesi.at/support/topic/useful-plugins


    Sales Flash Pro:

    Add following code to css/custom.css:

    #top .onsale {
    display: block;
    }


    Table Rate Shipping:

    No (theme) code modifications are required. Just activate the plugin and change/add the Shipping Rates for different countries (WooCommerce > Settings > Shipping Methodes).


    Subscribe to Newsletter:

    Add following code to css/custom.css:

    #subscribeform input {
    -moz-box-sizing: border-box;
    background: none #fff;
    border: 1px solid #CCCCCC;
    box-shadow: none;
    color: #999999;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    outline: 0 none;
    padding: 7px;
    width: 100%;
    }

    #newsletter_subscribe{
    border: medium none;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    float: left;
    font-family: inherit;
    line-height: 1em;
    margin: 7px 2px 0 0 !important;
    padding: 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 50% !important;
    }

    Activate the plugin afterwards and configure the MailChimp/Campaign Monitor settings (WooCommerce > Settings > Newsletter). You can use the “Subscribe to Newsletter” widget to display the subscribe form on posts/pages, etc.


    Store Credit:

    No (theme) code modifications are required. Just activate the plugin and go to WooCommerce > Coupons.

    Press the ‘Add Coupon’ button.

    Type a name for the coupon, and choose ‘Store Credit’ from the Discount Type drop down menu.

    Publish the coupon and add an item to your cart, and use the coupon code to test it out.


    Media to Product Linker:

    No (theme) code modifications are required. When adding media you have the option to set the “WooCommerce Product” from the select box. Doing so will link the two, so when you insert the image into a post you have the option to link it to the ‘post url’ (which will be the product url) or the image itself.

    If you are linking to the image itself, and you have a lightbox script enabled, the plugin will add a link to the title tag of the image link – this will display when opening the image in the lightbox.


    EU VAT Exemption:

    No (theme) code modifications are required. EU VAT Exemption lets you collect (and validate) a customers EU VAT number during checkout to make them VAT exempt. EU business with a valid VAT number (non-UK) are exempt.

    Once activated the field will appear on the checkout automatically.

    You can configure the message displayed on the checkout by going to WooCommerce > Settings > Tax and editing the ‘EU VAT Message’ setting.


    Per product shipping:

    No (theme) code modifications are required. Just activate the plugin and from now on you can add different shipping rates to each product.


    Product Enquiry Form

    No (theme) code modifications are required.

    After enabling the plugin the product enquiry form will appear on product pages in its own tab. Go to WooCommerce > Settings > General to edit the address the enquiries will do to. Editing a product will allow you to toggle the ‘Disable enquiry form?’ option if you want to disable the form on certain products. There’re various hooks which allow you to modify the form. The form is prestyled and fits perfect into the theme layout.


    WooCommerce GumGallery – a product gallery plugin

    No (theme) code modifications are required.

Viewing 1 post (of 1 total)

The topic ‘WooThemes Plugin Integration’ is closed to new replies.