Skip to content

Commit

Permalink
Add default widgets for product and shop pages
Browse files Browse the repository at this point in the history
  • Loading branch information
@Nickolay-SM
Nickolay-SM committed Jun 17, 2014
1 parent 3444b05 commit b20f4c9
Show file tree
Hide file tree
Showing 4 changed files with 112 additions and 142 deletions.
14 changes: 13 additions & 1 deletion sidebar-product.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,18 @@
<div id="secondary" class="widget-area" role="complementary">
<?php do_action( 'before_sidebar' ); ?>
<?php if ( ! dynamic_sidebar( 'sidebar-6' ) ) : ?>


<aside id="woocommerce_product_search-2" class="widget woocommerce widget_product_search">
<h3 class="widget-title">Search Products</h3>
<?php get_product_search_form(); ?>
</aside>
<aside id="woocommerce_product_categories-4" class="widget woocommerce widget_product_categories">
<h3 class="widget-title">Product Categories</h3>
<?php
$args = array('hierarchical' => true);
the_widget('WC_Widget_Product_Categories', $args);
?>
</aside>

<?php endif; // end sidebar widget area ?>
</div><!-- #secondary .widget-area -->
14 changes: 13 additions & 1 deletion sidebar-shop.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,18 @@
<div id="secondary" class="widget-area" role="complementary">
<?php do_action( 'before_sidebar' ); ?>
<?php if ( ! dynamic_sidebar( 'sidebar-5' ) ) : ?>


<aside id="woocommerce_product_search-2" class="widget woocommerce widget_product_search">
<h3 class="widget-title">Search Products</h3>
<?php get_product_search_form(); ?>
</aside>
<aside id="woocommerce_product_categories-4" class="widget woocommerce widget_product_categories">
<h3 class="widget-title">Product Categories</h3>
<?php
$args = array('hierarchical' => true);
the_widget('WC_Widget_Product_Categories', $args);
?>
</aside>

<?php endif; // end sidebar widget area ?>
</div><!-- #secondary .widget-area -->
107 changes: 40 additions & 67 deletions woocommerce/woo-fixed.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -95,41 +95,30 @@ body.post-type-archive input#s{padding-left: 12px;max-width:228px}
.nav-links.shop .pages-links .page-numbers.prev{display:none}

/*secondary*/
.woocommerce-page.shop-page #secondary input#s,
.archive.tax-product_cat #secondary input#s{margin-left:0;margin-right:0;}
.woocommerce-page .five.columns.omega #secondary input#s{margin-left:0;margin-right:0;}
body.shop-page #page div.container .sixteen .five #secondary.widget-area,
body.archive.tax-product_cat #page div.container .sixteen .five #secondary.widget-area{margin-top:10px;}
body.archive.post-type-archive-product.shop-page #page .container #secondary.widget-area,
body.archive.tax-product_cat #page .container #secondary.widget-area {width:100%;padding:0;}
body.woocommerce #page div.container .sixteen .five #secondary.widget-area{margin-top:10px;}
body.woocommerce #page .container #secondary.widget-area{width:100%;padding:0;}
.woocommerce #secondary .widget_shopping_cart .total, .woocommerce-page #secondary .widget_shopping_cart .total {border-top: none;}

.woocommerce #page .container #secondary .widget{margin-bottom:30px}
.woocommerce #page .container #secondary .widget ul{margin:0}
.woocommerce #page aside.widget_price_filter .ui-slider .ui-slider-range,
.woocommerce #page aside.widget_price_filter .ui-slider .ui-slider-range {background:#333333; }

.archive.post-type-archive-product.shop-page #page .woocommerce .widget_layered_nav_filters ul li a,
.archive.post-type-archive-product.woocommerce-page.shop-page #page .widget_layered_nav_filters ul li a,
.archive.tax-product_cat #page .woocommerce .widget_layered_nav_filters ul li a,
.archive.tax-product_cat.woocommerce-page #page .widget_layered_nav_filters ul li a{
.woocommerce #page .woocommerce .widget_layered_nav_filters ul li a,
.woocommerce-page #page .widget_layered_nav_filters ul li a{
margin:5px;border:1px solid #cccccc;background:#cccccc url(images/cross_white.png) no-repeat 6px center;
box-shadow: 0 0px 3px 0 rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0px 3px 0 rgba(0,0,0,0.3);
-moz-box-shadow: 0 0px 3px 0 rgba(0,0,0,0.3);}
.archive.post-type-archive-product.shop-page #page .woocommerce .widget_layered_nav_filters ul li a:hover,
.archive.post-type-archive-product.woocommerce-page.shop-page #page .widget_layered_nav_filters ul li a:hover,
.archive.tax-product_cat #page .woocommerce .widget_layered_nav_filters ul li a:hover,
.archive.tax-product_cat.woocommerce-page #page .widget_layered_nav_filters ul li a:hover{
.woocommerce #page .woocommerce .widget_layered_nav_filters ul li a:hover,
.woocommerce-page #page .widget_layered_nav_filters ul li a:hover{
margin:5px;border:1px solid #cccccc;background:#cccccc url(images/cross_white.png) no-repeat 6px center;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow:none;}

.woocommerce.shop-page #page aside.widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page.shop-page #page aside.widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce.archive.tax-product_cat #page aside.widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page.archive.tax-product_cat #page aside.widget_price_filter .ui-slider .ui-slider-handle {
.woocommerce #page aside.widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page #page aside.widget_price_filter .ui-slider .ui-slider-handle{
display: block;
position: absolute;
top: -7px;
Expand All @@ -148,13 +137,11 @@ box-shadow: none;
z-index: 2;
}

.woocommerce.shop-page #page aside.widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce-page.shop-page #page aside.widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce.archive.tax-product_cat #page aside.widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce-page.archive.tax-product_cat #page aside.widget_price_filter .price_slider_wrapper .ui-widget-content{
background: #cccccc;
-webkit-border-radius: 0;
-moz-border-radius: 0;
.woocommerce #page aside.widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce-page #page aside.widget_price_filter .price_slider_wrapper .ui-widget-content{
background: #cccccc;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

Expand All @@ -163,37 +150,25 @@ box-shadow: none;

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {display: inline-table;float: left;position: relative;padding:0;margin-top:0;margin-bottom:2em}
.shop-page #page.site .container #secondary .widget ul li.cat-item,
.shop-page #page.site .container #secondary .widget ul li.cat-item:hover,
.archive.tax-product_cat #page.site .container #secondary .widget ul li.cat-item,
.archive.tax-product_cat #page.site .container #secondary .widget ul li.cat-item:hover{ background:none;width: 100%;padding: 0; border-bottom:1px solid #cccccc; padding:0;margin:0}
.shop-page #page.site .container #secondary .widget ul li.cat-item .children,
.archive.tax-product_cat #page.site .container #secondary .widget ul li.cat-item .children {margin:0;padding: 0 0 0 10px;width:calc(100% - 10px)}
.shop-page #page.site .container #secondary .widget ul li.cat-item .children li.cat-item,
.shop-page #page.site .container #secondary .widget ul li.cat-item .children li.cat-item:hover,
.archive.tax-product_cat #page.site .container #secondary .widget ul li.cat-item .children li.cat-item,
.archive.tax-product_cat #page.site .container #secondary .widget ul li.cat-item .children li.cat-item:hover{width:100%; border-top:1px solid #cccccc;border-bottom:none; padding:0;margin:0}
.shop-page #page.site .container #secondary .widget ul li.cat-item a,
.shop-page #page.site .container #secondary .widget ul li.cat-item:hover a,
.archive.tax-product_cat #page.site .container #secondary .widget ul li.cat-item a,
.archive.tax-product_cat #page.site .container #secondary .widget ul li.cat-item:hover a{padding-right: 0px;line-height:30px; font-size:14px;background:none}
.shop-page #page.site .container #secondary .widget ul li.cat-item *,
.shop-page #page.site .container #secondary .widget ul li.cat-item:hover *,
.archive.tax-product_cat #page.site .container #secondary .widget ul li.cat-item *,
.archive.tax-product_cat #page.site .container #secondary .widget ul li.cat-item:hover *{line-height:30px}

body.woocommerce.shop-page #page aside.widget_price_filter .price_slider_wrapper .ui-widget-content,
body.woocommerce-page.shop-page #page aside.widget_price_filter .price_slider_wrapper .ui-widget-content,
body.woocommerce.archive.tax-product_cat #page aside.widget_price_filter .price_slider_wrapper .ui-widget-content,
body.woocommerce-page.archive.tax-product_cat #page aside.widget_price_filter .price_slider_wrapper .ui-widget-content{margin:15px 10px;}

.shop-page #page .price_slider_amount,
.archive.tax-product_cat #page .price_slider_amount{position:relative;}

body.woocommerce.shop-page #page aside.widget_price_filter .price_slider_amount .button,
body.woocommerce-page.shop-page #page aside.widget_price_filter .price_slider_amount .button,
body.woocommerce.archive.tax-product_cat #page aside.widget_price_filter .price_slider_amount .button,
body.woocommerce-page.archive.tax-product_cat #page aside.widget_price_filter .price_slider_amount .button {
.woocommerce #page.site .container #secondary .widget ul li.cat-item,
.woocommerce-page #page.site .container #secondary .widget ul li.cat-item:hover{ background:none;width: 100%;padding: 0; border-bottom:1px solid #cccccc; padding:0;margin:0}
.woocommerce #page.site .container #secondary .widget ul li.cat-item .children,
.woocommerce-page #page.site .container #secondary .widget ul li.cat-item .children {margin:0;padding: 0 0 0 10px;width:calc(100% - 10px)}
.woocommerce #page.site .container #secondary .widget ul li.cat-item .children li.cat-item,
.woocommerce-page #page.site .container #secondary .widget ul li.cat-item .children li.cat-item:hover{width:100%; border-top:1px solid #cccccc;border-bottom:none; padding:0;margin:0}
.woocommerce #page.site .container #secondary .widget ul li.cat-item a,
.woocommerce-page #page.site .container #secondary .widget ul li.cat-item:hover a{padding-right: 0px;line-height:30px; font-size:14px;background:none}
.woocommerce #page.site .container #secondary .widget ul li.cat-item *,
.woocommerce-page #page.site .container #secondary .widget ul li.cat-item:hover *{line-height:30px}

body.woocommerce #page aside.widget_price_filter .price_slider_wrapper .ui-widget-content,
body.woocommerce-page #page aside.widget_price_filter .price_slider_wrapper .ui-widget-content{margin:15px 10px;}

.woocomerce #page .price_slider_amount,
.woocomerce-page #page .price_slider_amount{position:relative;}

body.woocommerce #page aside.widget_price_filter .price_slider_amount .button,
body.woocommerce-page #page aside.widget_price_filter .price_slider_amount .button{
width:32px;
height:30px;
position:absolute;
Expand All @@ -207,16 +182,14 @@ body.woocommerce-page.archive.tax-product_cat #page aside.widget_price_filter .p
border:0;
filter:none
}
.shop-page #page .price_label,
.archive.tax-product_cat #page .price_label{font-size:0}
.shop-page #page .price_label .from,
.archive.tax-product_cat #page .price_label .from{font-size:12px; float:left}
.shop-page #page .price_label .to,
.archive.tax-product_cat #page .price_label .to{font-size:12px; float:right}
body.woocommerce.shop-page #page aside.widget_price_filter .price_slider_amount,
body.woocommerce-page.shop-page #page aside.widget_price_filter .price_slider_amount,
body.woocommerce.archive.tax-product_cat #page aside.widget_price_filter .price_slider_amount,
body.woocommerce-page.archive.tax-product_cat #page aside.widget_price_filter .price_slider_amount{min-height:65px;}
.woocommerce #page .price_label,
.woocommerce-page #page .price_label{font-size:0}
.woocommerce #page .price_label .from,
.woocommerce-page #page .price_label .from{font-size:12px; float:left}
.woocommerce #page .price_label .to,
.woocommerce-page #page .price_label .to{font-size:12px; float:right}
body.woocommerce #page aside.widget_price_filter .price_slider_amount,
body.woocommerce-page #page aside.widget_price_filter .price_slider_amount{min-height:65px;}

/*content*/
body.woocommerce .woocommerce-ordering select,
Expand Down
Loading

0 comments on commit b20f4c9

Please sign in to comment.