BuilderChild-Threads

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
(Added == How to remove red line on current (active) menu item ==)
 
 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
== Intro ==
+
== Introduction ==
  
Need to build an online t-shirt shop on WordPress? We released a new feature-rich responsive-ready Builder Child Theme, Threads.
+
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.  
 
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 ==
 
[[File:Threads 2013-01-21 20-04-40.png|429px|thumb|none]]
 
[[File:Threads 2013-01-21 20-04-40.png|429px|thumb|none]]
  
[http://demos.ithemes.com/threads/ Live Demo]
+
== Theme Demo ==
 +
See Threads in action on this [http://demos.ithemes.com/threads/ live Demo]
  
[http://ithemes.com/2013/01/11/threads-a-new-builder-child-theme-for-t-shirt-shops-available-now/ Blog entry announcing the release of Threads]
+
[http://demos.ithemes.com/threads/files/builder-export-data/export-52024f1e634008.12669869/builder-export-threads.zip Builder Layout Export zip file] - can be used to [http://ithemes.com/codex/page/Builder_Import_and_Export_Tool import the demo site's layout and settings].
  
== How to remove red line on current (active) menu item ==
+
== Blog Announcement ==
 +
Read the [http://ithemes.com/2013/01/11/threads-a-new-builder-child-theme-for-t-shirt-shops-available-now/ blog entry] announcing the release of Threads.
 +
 
 +
== Purchase ==
 +
 
 +
[http://ithemes.com/purchase/threads/ 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 [http://demos.ithemes.com/threads/shop/ 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):
 
Add the following at the end of child theme's style.css (WP dashboard -> Appearance -> Editor):
Line 28: Line 53:
 
[[File:Screen Shot 2013-01-25 at 10.18.04 AM.png|800px|thumb|none|After]]
 
[[File:Screen Shot 2013-01-25 at 10.18.04 AM.png|800px|thumb|none|After]]
  
== Item 2 ==
+
=== How to change background color of Cart button in nav bar upon hover  ===
  
== Item 3 ==
+
<gallery widths=149px heights=74px>
 +
File:2013-01-25 15-06-33.png|Before
 +
File:2013-01-25 15-06-04.png|After
 +
</gallery>
 +
 
 +
Add the following at the end of wp-content/themes/BuilderChild-Threads/shopp/shopp.css:
 +
 
 +
<pre class="brush: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 */
 +
}
 +
</pre>
  
== Item 4 ==
+
<br />
 +
[[:Builder|← Back to Builder Codex Home]]

Latest revision as of 08:48, August 7, 2013

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