BuilderChild-Thrifty
m (→How to set up a e-commerce site with Thrifty and Shopp plugin) |
m (→Assigning layouts) |
||
Line 76: | Line 76: | ||
[[File:2012-11-15 15-22-32.png|605px|thumb|none]] | [[File:2012-11-15 15-22-32.png|605px|thumb|none]] | ||
− | == Assigning | + | == Assigning Layouts == |
By default all Shopp plugin pages like the Products list page, single product page, cart page use the default layout which can be set at My Theme -> Layouts & Views. | By default all Shopp plugin pages like the Products list page, single product page, cart page use the default layout which can be set at My Theme -> Layouts & Views. |
Latest revision as of 23:21, December 17, 2012
Contents |
Intro
Thrifty is a responsive Builder child theme that has support for:
- WooCommerce
- Shopp
- WP e-Commerce (coming soon)
- Easy Digital Downloads
Note that Thrifty (or any other Builder child theme) does not influence the functionality of the e-commerce plugin. Thrifty has styling and tweaked template files that enhance the presentation of e-commerce plugin's output. It is designed to be a minimal starter theme.
Live Demo
The demo site's layout consists of these modules from top to bottom:
- Header Module
- Navigation Module
- Content Module
- Widget Bar Module (empty)
- Footer Module
How to set up a e-commerce site with Thrifty and Shopp plugin
Shopp is one of the e-commerce plugins that Thrifty has support for. It is a commercial plugin. Shopp portion of Thrifty is responsive (as well as the rest of the theme).
Permalinks
Set a search engine and human friendly permalink structure at Settings -> Permalinks. "Post name" is recommended.
Activate child theme
Download Thrifty's zip file from Member Panel, upload and activate it like any other WP theme.
Activate Shopp
Download Shopp plugin's zip file (Shopp core) from here. At the time of writing this, Shopp is at v1.2.3. Upload and activate it like any other WP plugin.
These new menu items will get added in the WP dashboard menu: Shopp, Catalog and Setup.
Configure Shopp
1. Go to Shopp -> Settings, Continue to Shopp Setup...
Go through the various settings and fill them out. Refer to links at the bottom of this page (after logging in on their site) for details on these settings.
2. Presentation Settings:
Make sure you have saved the settings that have been entered in the previous options thus far, if any, before proceeding further.
Tick Enable theme templates and Save Changes.
3. Now you are ready to add products. Go to Catalog -> Products. Click Add New. Enter the details and save the product.
Note: In my testing, adding a new category when creating a product entry did not work. I was able to only select a category that I have added at Catalog -> Categories.
Screenshots
Shop page (Products listing page)
Live Demo: http://demos.ithemes.com/ecommerce/thrifty-shopp/shop/
The default view (Grid or List) can be set at Setup -> Presentation. At the same location, default Product Order can also be changed. The out of the box value of Product Order is 'Title'. In the demo site, it has been changed to 'Newest to Oldest'.
Product page
Cart page
Assigning Layouts
By default all Shopp plugin pages like the Products list page, single product page, cart page use the default layout which can be set at My Theme -> Layouts & Views.
It is possible to assign a specific layout to
- all single product pages by using the
Post Type - Products
view at My Theme -> Layouts & Views -> Views (tab) - all category pages (Ex.: http://localhost/builder-responsive/shop/category/bags/) by using
Taxonomy - Catalog Categories
view.
If you would like to assign a specific layout to other pages like the Products list page, Cart page and more, add the following code at the very end of Thrifty's functions.php:
/** * Add Shopp-specific views */ function custom_add_shopp_views( $views ) { $shopp_views = array( 'is_shopp_page' => array( 'name' => 'Shopp Page', 'priority' => '20', 'description' => 'Any Shopp Page (other Shopp Views override this one)', ), 'is_account_page' => array( 'name' => 'Shopp Account Page', 'priority' => '30', 'description' => '', ), 'is_cart_page' => array( 'name' => 'Shopp Cart Page', 'priority' => '30', 'description' => '', ), 'is_catalog_page' => array( 'name' => 'Shopp Catalog Landing Page', 'priority' => '30', 'description' => '', ), 'is_checkout_page' => array( 'name' => 'Shopp Checkout Page', 'priority' => '30', 'description' => '', ), 'is_confirm_page' => array( 'name' => 'Shopp Confirm Order Page', 'priority' => '30', 'description' => '', ), 'is_shopp_collection' => array( 'name' => 'Shopp Collection Page', 'priority' => '30', 'description' => '', ), 'is_shopp_product' => array( 'name' => 'Shopp Product Page', 'priority' => '30', 'description' => '', ), 'is_shopp_taxonomy' => array( 'name' => 'Shopp Taxonomy Page', 'priority' => '30', 'description' => '', ), 'is_thanks_page' => array( 'name' => 'Shopp Thanks Page', 'priority' => '30', 'description' => '', ), ); return array_merge( $views, $shopp_views ); } add_filter( 'builder_get_available_views', 'custom_add_shopp_views' );
Source: http://ithemes.com/forum/topic/22905-depot-shopp-and-builder-layouts/page__p__107788#entry107788
After adding the above code, new views become available.
Note: Views added by the above code will have precedence over the default views. i.e., If a layout is set for Shopp Product Page
and another for Post Type - Products
, the one for Shopp Product Page
will be used.