BuilderChild-Threads

From IThemes Codex
Revision as of 08:48, August 7, 2013 by Ronald (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Contents

Introduction

Need to build an online t-shirt shop on WordPress? We released a feature-rich responsive-ready Builder Child Theme, Threads.

Threads is designed to integrate exclusively with Shopp, our favorite ecommerce plugin for WordPress. Threads includes 15+ Shopp-specific styled templates so you'll have one consistent look across the theme and ecommerce portions of the site, plus custom styles for product views, cart-in-navigation settings and much more.

Screenshot

Threads 2013-01-21 20-04-40.png

Theme Demo

See Threads in action on this live Demo

Builder Layout Export zip file - can be used to import the demo site's layout and settings.

Blog Announcement

Read the blog entry announcing the release of Threads.

Purchase

Purchase Threads

Threads Features

Shopp-Specific Styles

Threads includes 15+ Shopp-specific styled templates so you’ll have one consistent look across the theme and ecommerce portions of the site. The template files included in Threads provide styles for these specific Shopp functions (just to name a few):

  • products (individual, grid, list, etc.)
  • cart
  • account
  • catalog
  • checkout
  • errors
  • receipt

Shop Demo

Shopp using Threads theme

Customisations

How to remove red line on current (active) menu item

Add the following at the end of child theme's style.css (WP dashboard -> Appearance -> Editor):

.builder-module-navigation .current_page_item > a,
.builder-module-navigation .current-cat > a,
.builder-module-navigation .current-menu-item > a,
.builder-module-navigation .menu > .current_page_ancestor > a {
	box-shadow: none;
}
Before
After

How to change background color of Cart button in nav bar upon hover

Add the following at the end of wp-content/themes/BuilderChild-Threads/shopp/shopp.css:

.builder-module-navigation .nav-shopp-cart a.view-cart:hover,
.builder-module-navigation .nav-shopp-cart a.empty-cart:hover {
	background-color: #ff03af; /* set this to your desired value */
}


← Back to Builder Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox