From: Laury GvR Date: Wed, 2 Dec 2015 17:06:34 +0000 (-0500) Subject: Shop styles & html. Header no longer double default image load X-Git-Tag: v1.0.0^2~174 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=d4babb53f419a2bba7ba855b52e637bd50647ea0;p=WP-Themes%2Fstaffords.git Shop styles & html. Header no longer double default image load --- diff --git a/assets/shopping-cart.png b/assets/shopping-cart.png new file mode 100644 index 0000000..d81bdce Binary files /dev/null and b/assets/shopping-cart.png differ diff --git a/css/app.css b/css/app.css index 26b8f13..5220215 100644 --- a/css/app.css +++ b/css/app.css @@ -7100,9 +7100,6 @@ main a { top: -110px; height: 630px; width: 100%; - background: url(../assets/slide-6.jpg) no-repeat; - background-position: top center; - background-size: cover; position: relative; box-shadow: 0px -5px 8px -2px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px -5px 8px -2px rgba(0, 0, 0, 0.5); @@ -7195,6 +7192,610 @@ main a { .ai1ec-event-footer { display: none; } +/* WooCommerce */ +#woo-quick-display { + background-color: white; + border-radius: 3px; + border: 1px solid lightgrey; + padding: 5px; + font-size: 16px; + /* position: absolute; + right: 20px; + top: 180px;*/ } + #woo-quick-display > div { + /* display: table-cell;*/ + text-align: center; } + #woo-quick-display .button { + border-radius: 3px; + display: inline; + margin-left: 15px; + margin-top: 12px; + padding: 2px 8px; + float: right; + margin: 12px 0 0 18px; + background-color: #a61a1d; + color: #ede6d9; } + #woo-quick-display .button:hover { + background-color: #ede6d9; + color: #a61a1d; } + #woo-quick-display h3 { + padding-top: 0; + text-align: center; } + #woo-quick-display p { + margin-bottom: 0; } + +#woo-quick-cart-icon img { + /* margin: 13px 0 0 13px;*/ + width: 24px; } +#woo-quick-cart-icon > div { + float: left; } + +.woo-quick-cart-image { + float: left; } + @media only screen and (max-width: 40em) { + .woo-quick-cart-image { + margin-left: 20px; } } + +.woo-quick-cart-totals { + width: 105px; } + @media only screen and (min-width:40.063em) { + .woo-quick-cart-totals { + margin-left: 30px; + margin-top: 10px; } } + +#woo-quick-checkout button { + float: right; } + +ul.products, .products ol, .products dl { + list-style-type: none; } + +.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments { + border-left: 0.618em solid rgba(0, 0, 0, 0.15); + clear: both; + color: black; + margin-bottom: 20px; + margin-left: 0px; + font-family: arial, sans-serif; + font-weight: bold; + background-color: #ede6d9; + min-height: 55px; + padding-top: 7px; + line-height: 1.2; } + .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce-noreviews .button, p.no-comments .button { + margin: 5px; + float: left; + padding: 5px; + border-radius: 3px; } + +.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { + float: right; + margin-bottom: 40px; + width: 100%; } + +h1.product_title { + color: #a61a1d; + line-height: 1; + font-size: 40px; } + +.onsale { + display: none; } + +.products a { + text-decoration: none; } + .products a:hover { + text-shadow: none; } +.products .product.type-product { + border: none; } + .products .product.type-product .price { + color: white; } + .products .product.type-product .price span { + color: black; } + .products .product.type-product .price span:nth-child(2) { + display: none; } + .products .product.type-product > div { + margin: 5px; + padding: 5px; + text-align: center; + border: 4px solid #000000; + border-radius: 5px; } + .products .product.type-product > div img { + border: 2px solid #000000; + border-radius: 3px; + max-height: 100px; + width: auto; } + .products .product.type-product h3 { + font-weight: normal; } + .products .product.type-product .count { + background-color: transparent; } + .products .product.type-product > div { + background-color: white; } + .products .product.type-product > div h3 { + color: #17c6c6; + text-shadow: 1px 1px 5px #f5e282; + font-size: 18px; + min-height: 50px; } + .products .product.type-product > div .button { + background-color: #000000; + color: #a61a1d; + padding: 5px; + margin: 0; + border-radius: 3px; } + .products .product.type-product .button { + padding: 3px; + color: white; + background-color: #a61a1d; + border-radius: 3px; + border: 1px solid #a61a1d; } + .products .product.type-product .button:hover, .products .product.type-product .button:focus { + background-color: white; + color: #a61a1d; } + +.page-numbers { + list-style-type: none; + display: flex; } + .page-numbers li { + margin: 0 10px; } + +#text [class*="column"] + [class*="column"]:last-child { + float: left; } + +#text > .product { + margin-bottom: 20px; } + +.product.type-product { + color: black; + display: block; } + .product.type-product a { + display: block; + color: #a61a1d; + font-weight: bold; } + .product.type-product a.button { + padding: 5px; + border-radius: 3px; } + .product.type-product a.button:hover { + color: #000000; } + .product.type-product > div { + padding: 5px; + text-align: center; + border-radius: 5px; } + .product.type-product > div img { + border: 2px solid #000000; + border-radius: 3px; } + .product.type-product .tab-description { + display: inline-block; } + .product.type-product .woocommerce-tabs { + width: 100%; + clear: both; + /* display: table;*/ } + .product.type-product .woocommerce-tabs .tabs li { + display: inline-block; + display: none; + width: 32%; + background-color: #000000; + border: 1px solid #a61a1d; } + .product.type-product .woocommerce-tabs .tabs li:hover { + background-color: #17c6c6; } + .product.type-product .woocommerce-tabs .tabs li.active { + background-color: #C5DCE2; + border-width: 2px; + border-bottom: 1px solid #C5DCE2; } + .product.type-product .woocommerce-tabs .tabs li a { + display: block; } + .product.type-product .woocommerce-tabs .tabs .reviews_tab, .product.type-product .woocommerce-tabs .tabs .additional_information_tab { + display: none; } + .product.type-product .woocommerce-tabs > div.panel { + background-color: white; } + .product.type-product .woocommerce-tabs p.stars a { + font-size: 20px; + padding: 0 10px; } + .product.type-product .woocommerce-tabs p.stars a.active { + background-color: #000000; + border-radius: 2px; } + .product.type-product .sku_wrapper { + display: none; } + .product.type-product .variations_form { + clear: both; + display: table; + width: 100%; + margin-bottom: 20px; } + .product.type-product .variations_form .variations { + margin-top: 30px; + float: left; + display: block; } + .product.type-product .variations_form .variations ul { + border: 1px solid darkgrey; + margin-left: 0; + text-align: left; } + @media only screen and (min-width:64.063em) { + .product.type-product .variations_form .variations { + display: inline-block; + width: 50%; } } + .product.type-product .variations_form .variations .label { + display: block; } + .product.type-product .variations_form .variations .value { + display: block; } + .product.type-product .variations_form .variations .value fieldset { + border: none; + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; } + .product.type-product .variations_form .variations .value fieldset p { + margin-bottom: 5px; } + .product.type-product .variations_form .variations input[type="file"], .product.type-product .variations_form .variations input[type="checkbox"], .product.type-product .variations_form .variations input[type="radio"], .product.type-product .variations_form .variations select { + margin-bottom: 10px; + margin-right: 10px; } + .product.type-product .variations_form .single_variation_wrap { + display: block !important; + width: 50%; + margin: 0 auto; } + .product.type-product .variations_form .single_variation_wrap .single_variation { + padding: 10px; } + .product.type-product .variations_form .single_variation_wrap .single_variation .price { + font-family: arial; + font-size: 22px; } + .product.type-product .variations_form .variations_button button { + border-radius: 3px; + margin: 12px 0 0; + padding: 2px 8px; } + @media only screen and (max-width: 40em) { + .product.type-product .variations_form .variations, .product.type-product .variations_form .single_variation_wrap, .product.type-product .variations_form .single_variation_wrap .variations_button, .product.type-product .variations_form .single_variation_wrap .variations_button .quantity { + text-align: center; + float: none; + margin-left: auto; + margin-right: auto; + clear: both; } + .product.type-product .variations_form .single_variation_wrap { + width: 100%; } } + @media only screen and (min-width:40.063em) and (max-width:64em) { + .product.type-product .variations_form .variations, .product.type-product .variations_form .single_variation_wrap, .product.type-product .variations_form .single_variation_wrap .variations_button, .product.type-product .variations_form .single_variation_wrap .variations_button .quantity { + text-align: center; + float: none; + margin-left: auto; + margin-right: auto; + clear: both; } + .product.type-product .variations_form .single_variation_wrap .variations_button .quantity { + width: 170px; } } + +.woocommerce { + font-family: Arial; } + .woocommerce ul, .woocommerce ol, .woocommerce li { + list-style: none; } + +#address_form small { + display: inline-block; + font-size: 100%; + padding: 9px; } + +#tiptip_content { + font-family: Arial; + font-size: 12px; } + +.single_variation_wrap .quantity { + text-align: center; + width: 170px; + margin-bottom: 10px; } + .single_variation_wrap .quantity input { + display: inline-block; + background-color: white; + height: 40px; + width: 50px; + padding: 0; + margin: 0 5px; } + +.quantity .qty { + -moz-appearance: textfield; + max-width: 3.631em; + text-align: center; } + +#payment .payment_methods .form-row.place-order { + text-align: center; } +#payment .payment_methods ul.payment_methods { + list-style-type: none; } +#payment .payment_methods .payment_box > p { + margin: 0; } +#payment .payment_methods .payment_box fieldset { + margin: 0; + padding: 10px 10px 0; } +#payment .payment_methods .payment_box fieldset .form-row { + width: 100%; } +@media only screen and (min-width:64.063em) { + #payment .payment_methods .payment_box fieldset .form-row { + width: 31%; + float: left; } + #payment .payment_methods .payment_box fieldset .clear { + clear: none; } } +#payment .payment_methods .payment_box fieldset .form-row label { + padding: 0; } +#payment .payment_methods select[name="wc-intuit-qbms-test-condition"] { + margin: 0; } +#payment .payment_methods #wc-intuit-qbms-account-number { + max-width: 200px; } + +.shop_table { + width: 100%; } + .shop_table .coupon { + display: none; } + .shop_table .product-thumbnail { + display: none; } + @media only screen and (min-width:64.063em) { + .shop_table .product-thumbnail { + display: default; } } + .shop_table .quantity { + display: table; } + .shop_table .quantity .input-text { + margin: 0; } + .shop_table .quantity .minus, .shop_table .quantity .plus { + background-color: transparent; + box-shadow: none; + color: #a46497; + font-weight: 700; + width: 50px; + height: 40px; } + +.quantity .minus:hover, .quantity .plus:hover { + background-color: transparent; + color: inherit !important; } + +.woocommerce .woocommerce .checkout #customer_details { + display: inline-block; + width: 100%; + max-width: 600px; } +.woocommerce .woocommerce .checkout .woocommerce-billing-fields, .woocommerce .woocommerce .checkout .woocommerce-shipping-fields { + margin: 0 auto 40px; + max-width: 600px; + padding: 20px; + border: 1px solid #e7e7e7; } + .woocommerce .woocommerce .checkout .woocommerce-billing-fields p, .woocommerce .woocommerce .checkout .woocommerce-shipping-fields p { + margin-bottom: 15px; } + .woocommerce .woocommerce .checkout .woocommerce-billing-fields p input, .woocommerce .woocommerce .checkout .woocommerce-shipping-fields p input { + margin-bottom: 15px; } +.woocommerce .woocommerce .checkout #order_review { + float: left; } + +.content .woocommerce #respond input#submit.alt, .content .woocommerce a.button.alt, .content .woocommerce button.button.alt, .content .woocommerce input.button.alt { + background-color: #a61a1d; } + .content .woocommerce #respond input#submit.alt:hover, .content .woocommerce a.button.alt:hover, .content .woocommerce button.button.alt:hover, .content .woocommerce input.button.alt:hover { + background-color: #880d14; } + +#content-wrapper.woocommerce-wrapper .content { + padding: 20px 5px; } +@media only screen and (max-width: 40em) { + #content-wrapper.woocommerce-wrapper .main { + padding: 0; } } + +#content .woocommerce { + margin-top: 25px; } + +.woocommerce-ordering select.orderby { + max-width: 200px; } + +@media only screen and (max-width: 40em) { + #content .woocommerce ul.products li.product-category.product, #content .woocommerce-page ul.products li.product-category.product { + float: none; + margin: 0 auto 30px; } } + +.products .product.type-product { + border: medium none; + display: inline; + float: left; + height: auto; + padding: 10px; + text-align: center; + width: 24%; + height: 260px; + margin-bottom: 30px; } + @media only screen and (max-width: 40em) { + .products .product.type-product { + width: 49%; } } + @media only screen and (min-width:40.063em) and (max-width:64em) { + .products .product.type-product { + width: 33%; } } + .products .product.type-product h3 { + text-align: center; + min-height: 50px; + font-size: 16px; } + .products .product.type-product a.add_to_cart_button { + display: none; } + .products .product.type-product .wp-post-image { + height: 150px; + margin-bottom: 0; + border: 2px solid #a61a1d; } + .products .product.type-product .variations_form .variations { + float: none; + margin: 0 auto; + width: 50%; } + +.products { + display: table; + margin: 0 auto; + padding: 0 5%; + position: relative; + text-align: center; + width: 100%; } + .products .added_to_cart { + border: 1px solid lightgrey; + border-radius: 4px; } + @media only screen and (max-width: 40em) { + .products { + max-width: 470px; + padding: 0; } } + +#content-wrapper.woocommerce-wrapper .main.woo-single-product { + padding: 20px 3%; } + +.woo-single-product #content .type-product .images { + width: 33%; } +.woo-single-product #content .type-product .summary.entry-summary { + width: 66%; } + +#content .product.type-product .product_meta a { + display: initial; } +#content .product.type-product .variations_form .variations { + display: inline; + float: none; + margin: 0 auto; + width: 50%; } +#content .product.type-product .variations_form .variations .label label { + color: white; } +#content .product.type-product h1.product_title { + color: #b5121b; + font-size: 28px; + font-weight: bold; + line-height: 1; + margin: 0 auto; + width: 80%; } +#content .product.type-product .single_add_to_cart_button { + border-radius: 3px; + padding: 2px 8px; } +#content .product.type-product > div { + float: left; } +#content .product.type-product .quantity { + margin: 0 auto; + width: 50px; } +#content .product.type-product p.price { + font-size: 20px; + margin-top: 15px; } +@media only screen and (max-width: 40em) { + #content .product.type-product { + margin-top: 20px; } + #content .product.type-product .images { + width: auto; + max-width: 260px; + margin: 0 auto; + float: none; } + #content .product.type-product .summary.entry-summary { + width: 100%; } + #content .product.type-product .summary.entry-summary h1 { + font-size: 32px; } } +#content .product.type-product .related .products .product.type-product h3 { + font-size: 13px; + font-weight: normal; } +#content .product.type-product .summary.entry-summary > div[itemprop="description"] { + margin: 0 auto; + text-align: left; + width: 80%; } +#content .product.type-product .woocommerce-tabs { + display: none; } + +.shop-sidebar .woocommerce.columns-2 ul.products > li.product > a > img { + display: none; } + +.shop-sidebar .woocommerce.columns-2 ul.products > li.product { + width: 100%; + margin-bottom: 0px; + background-color: white; } + +.shop-sidebar .woocommerce.columns-2 ul.products { + margin-top: 0; } + +.shop-sidebar .woocommerce.columns-2 ul.products > li.product h3 { + text-align: left; + padding: 2px 0 2px 35px; + background-color: #d14548; + font-weight: normal; + color: #ede6d9; } + +.shop-sidebar { + list-style: outside none none; + margin-left: 0; } + +.shop-sidebar .woocommerce .products { + margin: 20px 0 0; } + +.shop-sidebar > li { + background: none repeat scroll 0 0 #a61a1d; + border-bottom: 1px solid #ffffff; + padding: 2px 0 2px 15px; } + .shop-sidebar > li a { + color: #ede6d9; + text-transform: uppercase; } + +nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .products { + position: inherit; + border: 0 !important; } +nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .product-category { + margin-bottom: 0; + height: 25px; } +nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .product-category h3 { + font-size: 12px; + font-weight: normal; + padding: 0.5em 20px; } +nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .product-category:hover h3 { + color: #25c2e6 !important; } +nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce img { + display: none; } + +.left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce .products { + position: inherit; + border: 0 !important; } +.left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce .product-category { + margin-bottom: 0; + height: 28px; } +.left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce .product-category h3 { + color: white; + font-size: 12px; + font-weight: normal; + padding: 0.5em 20px; } +.left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce img { + display: none; } +.left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce a { + margin-left: 40px; + padding: 0; } + +#payment .payment_methods label { + padding: 0 0 20px; + margin: 0; + width: 80%; } + +#shipping_method input[type="checkbox"] + label, input[type="radio"] + label { + margin-left: 25px; } + +.woocommerce .woocommerce-checkout { + margin: 0 -10px; } + +.woocommerce .cart_item .product-name { + min-width: 160px; + font-size: 15px; + font-weight: bold; } + +.woocommerce-checkout-review-order-table .product-quantity { + float: right; } + +.content .woocommerce .cart_item td.product-name dl.variation dd, dd p, dt { + font-size: 12px; + font-weight: normal; + margin-bottom: 0; + line-height: 1; } + +.content .woocommerce td.product-name dl.variation dd, .content .woocommerce td.product-name dl.variation dt { + margin-bottom: 0; } + +#content .product.type-product .variations_form .variations { + display: block; + margin: 0 auto; + float: none; + max-width: 220px; } + +.products mark { + background-color: transparent; } + +.variations tbody, .variations tbody tr { + display: block; } + +.page-numbers li { + float: left; } + +.related.products { + margin-top: 30px; } + +h3#ship-to-different-address { + font-weight: bold; } + +.woocommerce-breadcrumb { + display: none; } + +/* End WooCommerce */ #front { padding: 20px; } #front .row.collapse h1 { diff --git a/functions.php b/functions.php index 2e1d8b3..18a3df0 100644 --- a/functions.php +++ b/functions.php @@ -102,10 +102,9 @@ function glm_get_header() { if (has_post_thumbnail()) { $image_data = wp_get_attachment_image_src(get_post_thumbnail_id(), "full"); - echo ' id="feature-image" style="background-image: url('.$image_data[0].');height:100%;padding:0;background-position:top center;background-size:cover;background-repeat:no-repeat;min-height: 270px;max-height: 630px; "'; + echo ' id="feature-image" style="background-image: url('.$image_data[0].');height:100%;padding:0;background-position:top center;background-size:cover;background-repeat:no-repeat;min-height: 270px;max-height: 630px;"'; } else { -// echo ' style="background-image: url('.get_template_directory_uri().'/assets/assets/slide-6.jpg);height:0;padding:0;padding-bottom:30%;background-position:center center;background-size: 100%;background-repeat:no-repeat;max-height: 300px;"'; - echo ' class="no-featured"'; + echo ' id="feature-image" style="background-image: url('.get_template_directory_uri().'/assets/slide-6.jpg);height:100%;padding:0;background-position:top center;background-size:cover;background-repeat:no-repeat;min-height: 270px;max-height: 630px;"'; } echo '>'; echo ''; diff --git a/parts/shop-quick-display.php b/parts/shop-quick-display.php new file mode 100644 index 0000000..0ff1d33 --- /dev/null +++ b/parts/shop-quick-display.php @@ -0,0 +1,35 @@ +
+ +
+ + +
+ +

+ cart->total, + 'woothemes'), $woocommerce->cart->total);?> + for + cart->cart_contents_count, + 'woothemes'), $woocommerce->cart->cart_contents_count);?> +

+
+
+
+ log out'; + } + elseif (!is_user_logged_in()) { + echo ''; + } + ?> + checkout +
+ +
\ No newline at end of file diff --git a/parts/shop-sidebar.php b/parts/shop-sidebar.php new file mode 100644 index 0000000..c848702 --- /dev/null +++ b/parts/shop-sidebar.php @@ -0,0 +1,28 @@ + + \ No newline at end of file diff --git a/scss/_plugins.scss b/scss/_plugins.scss index 48bf76b..95d0961 100644 --- a/scss/_plugins.scss +++ b/scss/_plugins.scss @@ -1,2 +1,3 @@ @import "plugins/nextgen"; -@import "plugins/events"; \ No newline at end of file +@import "plugins/events"; +@import "plugins/woocommerce"; \ No newline at end of file diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss index 99c4c7f..dd2be74 100644 --- a/scss/_slideshow.scss +++ b/scss/_slideshow.scss @@ -84,9 +84,6 @@ top: -110px; height: 630px; width: 100%; - background: url(../assets/slide-6.jpg) no-repeat; - background-position: top center; - background-size: cover; position: relative; box-shadow: 0px -5px 8px -2px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px -5px 8px -2px rgba(0, 0, 0, 0.5); diff --git a/scss/plugins/_woocommerce.scss b/scss/plugins/_woocommerce.scss new file mode 100644 index 0000000..ea043f6 --- /dev/null +++ b/scss/plugins/_woocommerce.scss @@ -0,0 +1,778 @@ + +/* WooCommerce */ +#woo-quick-display { + background-color: white; + border-radius: 3px; + border: 1px solid lightgrey; + padding: 5px; + font-size: 16px; +/* position: absolute; + right: 20px; + top: 180px;*/ + > div { +/* display: table-cell;*/ + text-align: center; + } + .button { + border-radius: 3px; + display: inline; + margin-left: 15px; + margin-top: 12px; + padding: 2px 8px; + float: right; + margin: 12px 0 0 18px; + background-color: $red; + color: $cream; + &:hover { + background-color: $cream; + color: $red; + } + } + h3 { + padding-top: 0; + text-align: center; + } + p { + margin-bottom: 0; + } +} +#woo-quick-cart-icon { + img { +/* margin: 13px 0 0 13px;*/ + width: 24px; + } + > div { + float: left; + } +} +.woo-quick-cart-image { + float: left; + @media #{$small-only} { + margin-left:20px; + } +} +.woo-quick-cart-totals { + width:105px; + @media #{$medium-up} { + margin-left:30px; + margin-top: 10px; + } +} +#woo-quick-checkout { + button { + float: right; + } +} +ul.products, .products ol, .products dl { + list-style-type: none; +} +.woocommerce-error, +.woocommerce-info, +.woocommerce-message, +.woocommerce-noreviews, +p.no-comments { + border-left: 0.618em solid rgba(0, 0, 0, 0.15); + clear:both; + color: black; + margin-bottom: 20px; + margin-left: 0px; + font-family: arial, sans-serif; + font-weight: bold; + background-color: $cream; + min-height: 55px; + padding-top: 7px; + line-height: 1.2; + .button { + margin: 5px; + float: left; + padding: 5px; + border-radius: 3px; + } +} +.woocommerce-message { +} +.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { + float: right; + margin-bottom: 40px; + width: 100%; +} +h1.product_title { + color: $red; + line-height: 1; + font-size: 40px; +} +.onsale { + display: none; +} +.products { + a { + text-decoration: none; + &:hover { + text-shadow: none; + } + } + .product.type-product { + border: none; + .price { + color: white; + span { + color: black; + } + span:nth-child(2) { + display: none; + } + } + > div { + margin: 5px; + padding: 5px; + text-align:center; + border: 4px solid $black; + border-radius: 5px; + img { + border: 2px solid $black; + border-radius: 3px; + max-height: 100px; + width: auto; + } + } + h3 { + font-weight: normal; + } + .count { + background-color: transparent; + } + & > div { + background-color: white; + h3 { + color:#17c6c6; + text-shadow: 1px 1px 5px #f5e282; + font-size: 18px; + min-height: 50px; + } + .button { + background-color: $black; + color: $red; + padding: 5px; + margin: 0; + border-radius: 3px; + } + } + .button { + padding: 3px; + color: white; + background-color: $red; + border-radius: 3px; + border:1px solid $red; + &:hover, &:focus { + background-color: white; + color: $red; + } + } + } +} + +.page-numbers { + list-style-type: none; + display: flex; + li { + margin: 0 10px; + } +} +#text [class*="column"] + [class*="column"]:last-child { + float: left; +} +#text > .product { + margin-bottom: 20px; +} +.product.type-product { + color: black; + display: block; + a { + display: block; + color: $red; + font-weight: bold; + } + a.button { + padding: 5px; + border-radius: 3px; + } + a.button:hover { + color: $black; + } + > div { + padding: 5px; + text-align:center; + border-radius: 5px; + img { + border: 2px solid $black; + border-radius: 3px; + } + } + .tab-description { + display: inline-block; + } + .woocommerce-tabs { + width: 100%; + clear:both; +/* display: table;*/ + .tabs li { + display: inline-block; + display: none; + width: 32%; + background-color: $black; + border: 1px solid $red; + &:hover { + background-color: #17c6c6; + } + &.active { + background-color: #C5DCE2; + border-width: 2px; + border-bottom: 1px solid #C5DCE2; + } + a { + display: block; + } + @media #{$large-up} { +/* margin-left: -35px;*/ + } + @media #{$medium-only} { +/* margin-left: -23px;*/ + } + } + .tabs .reviews_tab, + .tabs .additional_information_tab { + display: none; + } + > div.panel { + background-color: white; + } + p.stars { + a { + font-size: 20px; + padding: 0 10px; + } + a.active { + background-color: $black; + border-radius: 2px; + } + } + + } + .sku_wrapper { + display: none; + } + .variations_form { + clear: both; + display: table; + width: 100%; + margin-bottom: 20px; + .variations { + margin-top: 30px; + float: left; + ul { + border: 1px solid darkgrey; + margin-left: 0; + text-align: left; + } + display: block; + @media #{$large-up} { + display: inline-block; + width: 50%; + } + .label { + display: block; + } + .value { + display: block; + fieldset { + border: none; + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + p { + margin-bottom: 5px; + } + } + } + input[type="file"], input[type="checkbox"], input[type="radio"], select { + margin-bottom: 10px; + margin-right: 10px; + } + } + .single_variation_wrap { + display: block !important; + width: 50%; + margin: 0 auto; + .single_variation { + padding: 10px; + .price { + font-family: arial; + font-size: 22px; + } + } + } + .variations_button button { + border-radius: 3px; + margin: 12px 0 0; + padding: 2px 8px; + } + @media #{$small-only} { + .variations, + .single_variation_wrap, + .single_variation_wrap .variations_button, + .single_variation_wrap .variations_button .quantity { + text-align:center; + float: none; + margin-left: auto; + margin-right: auto; + clear: both; + } + .single_variation_wrap { + width: 100%; + } + } + @media #{$medium-only} { + + .variations, + .single_variation_wrap, + .single_variation_wrap .variations_button, + .single_variation_wrap .variations_button .quantity { + text-align:center; + float: none; + margin-left: auto; + margin-right: auto; + clear: both; + } + .single_variation_wrap .variations_button .quantity { + width: 170px; + } + } + } + +} +.woocommerce { + font-family: Arial; + ul, ol, li { + list-style: none; + } +} +#address_form { + small { + display: inline-block; + font-size: 100%; + padding: 9px; + } +} +#tiptip_content { + font-family: Arial; + font-size: 12px; +} +.single_variation_wrap .quantity { + text-align:center; + width: 170px; + margin-bottom: 10px; + input { + display: inline-block; + background-color: white; + height:40px; + width: 50px; + padding: 0; + margin: 0 5px; + } +} +.quantity .qty { + -moz-appearance: textfield; + max-width: 3.631em; + text-align: center; +} +#payment .payment_methods { + .form-row.place-order { + text-align: center; + } + ul.payment_methods { + list-style-type: none; + } + .payment_box > p { + margin: 0; + } + .payment_box fieldset { + margin: 0; + padding: 10px 10px 0; + } + .payment_box fieldset .form-row { + width: 100%; + } + @media #{$large-up} { + .payment_box fieldset .form-row { + width: 31%; + float: left; + } + .payment_box fieldset .clear { + clear: none; + } + } + .payment_box fieldset .form-row label { + padding: 0; + } + select[name="wc-intuit-qbms-test-condition"] { + margin: 0; + } + #wc-intuit-qbms-account-number{ + max-width: 200px; + } +} +.shop_table { + width: 100%; + .coupon { + display: none; + } + .product-thumbnail { + display: none; + @media #{$large-up} { + display: default; + } + + } + .quantity { + display:table; + .input-text { + margin: 0; + } + .minus, + .plus { + background-color: transparent; + box-shadow: none; + color: #a46497; + font-weight: 700; + width: 50px; + height: 40px; + } + } +} +.quantity .minus:hover, .quantity .plus:hover { + background-color: transparent; + color: inherit !important; +} +.woocommerce +.woocommerce .checkout { + #customer_details { + display: inline-block; + width: 100%; + max-width: 600px; + } + .woocommerce-billing-fields, + .woocommerce-shipping-fields { + margin: 0 auto 40px; + max-width: 600px; + padding: 20px; + border: 1px solid $secondary-color; + p { + margin-bottom: 15px; + input { + margin-bottom: 15px; + } + } + } + #order_review { + float: left; + } +} +.content { + .woocommerce #respond input#submit.alt, + .woocommerce a.button.alt, + .woocommerce button.button.alt, + .woocommerce input.button.alt { + background-color: $red; + &:hover { + background-color: #880d14; + } + } +} +#content-wrapper.woocommerce-wrapper { + .content { + padding: 20px 5px; + } + @media #{$small-only} { + .main { + padding: 0; + } + } +} +#content .woocommerce { + margin-top: 25px; +} +.woocommerce-ordering select.orderby { + max-width: 200px; +} +#content .woocommerce ul.products li.product-category.product, +#content .woocommerce-page ul.products li.product-category.product { + @media #{$small-only} { + float: none; + margin: 0 auto 30px; + } +} +.products .product.type-product { + border: medium none; + display: inline; + float: left; + height: auto; + padding: 10px; + text-align: center; + width: 24%; + height: 260px; + margin-bottom: 30px; + @media #{$small-only} { + width: 49%; + } + @media #{$medium-only} { + width: 33%; + } + h3 { + text-align: center; + min-height: 50px; + font-size: 16px; + } + a.add_to_cart_button { + display: none; + } + .wp-post-image { + height: 150px; + margin-bottom: 0; + border: 2px solid $red; + } + .variations_form .variations { + float: none; + margin: 0 auto; + width: 50%; + } +} +.products { + .added_to_cart { + border: 1px solid lightgrey; + border-radius: 4px; + } + display: table; + margin: 0 auto; + padding: 0 5%; + position: relative; + text-align: center; + width: 100%; + @media #{$small-only} { + max-width: 470px; + padding: 0; + } +} +#content-wrapper.woocommerce-wrapper .main.woo-single-product { + padding: 20px 3%; +} +.woo-single-product #content .type-product { + .images { + width: 33%; + } + .summary.entry-summary { + width: 66%; + } +} +#content .product.type-product { + .product_meta a { + display: initial; + } + .variations_form .variations { + display: inline; + float: none; + margin: 0 auto; + width: 50%; + } + .variations_form .variations .label label { + color: white; + } + .button { + + } + h1.product_title { + color: #b5121b; + font-size: 28px; + font-weight: bold; + line-height: 1; + margin: 0 auto; + width: 80%; + } + .single_add_to_cart_button { + border-radius: 3px; + padding: 2px 8px; + } + > div { + float: left; + } + .quantity { + margin: 0 auto; + width: 50px; + } + p.price { + font-size: 20px; + margin-top: 15px; + } + @media #{$small-only} { + margin-top: 20px; + .images { + width: auto; + max-width: 260px; + margin: 0 auto; + float: none; + } + .summary.entry-summary { + width: 100%; + } + .summary.entry-summary h1 { + font-size: 32px; + } + } + .related .products .product.type-product h3 { + font-size: 13px; + font-weight: normal; + } + .summary.entry-summary > div[itemprop="description"] { + margin: 0 auto; + text-align: left; + width: 80%; + } + .woocommerce-tabs { + display: none; + } +} +.shop-sidebar .woocommerce.columns-2 ul.products > li.product > a > img { + display: none; +} +.shop-sidebar .woocommerce.columns-2 ul.products > li.product { + width: 100%; + margin-bottom: 0px; + background-color: white; +} +.shop-sidebar .woocommerce.columns-2 ul.products { + margin-top: 0; +} +.shop-sidebar .woocommerce.columns-2 ul.products > li.product h3 { + text-align: left; + padding: 2px 0 2px 35px; + background-color: #d14548; + font-weight: normal; + color: $cream; +} +.shop-sidebar { + list-style: outside none none; + margin-left: 0; +} +.shop-sidebar .woocommerce .products { + margin: 20px 0 0; +} +.shop-sidebar > li { + background: none repeat scroll 0 0 $red; + border-bottom: 1px solid #ffffff; + padding: 2px 0 2px 15px; + a { + color: $cream; + text-transform: uppercase; + } +} +nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce { + .products { + position: inherit; + border: 0 !important; + } + .product-category { + margin-bottom: 0; + height: 25px; + } + .product-category h3 { + font-size: 12px; + font-weight: normal; + padding: 0.5em 20px; + } + .product-category:hover h3 { + color: #25c2e6 !important; + } + img { + display: none; + } +} +.left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce { + .products { + position: inherit; + border: 0 !important; + } + .product-category { + margin-bottom: 0; + height: 28px; + } + .product-category h3 { + color: white; + font-size: 12px; + font-weight: normal; + padding: 0.5em 20px; + } + img { + display: none; + } + a { + margin-left: 40px; + padding: 0; + } +} +#payment .payment_methods label { + padding: 0 0 20px; + margin: 0; + width: 80%; +} +#shipping_method input[type="checkbox"]+label, input[type="radio"]+label { + margin-left: 25px; +} +.woocommerce .woocommerce-checkout { + margin: 0 -10px; +} +.woocommerce .cart_item .product-name { + min-width: 160px; + font-size: 15px; + font-weight: bold; +} +.woocommerce-checkout-review-order-table .product-quantity { + float: right; +} +.content .woocommerce .cart_item td.product-name dl.variation dd, dd p, dt { + font-size: 12px; + font-weight: normal; + margin-bottom: 0; + line-height: 1; +} +.content .woocommerce td.product-name dl.variation { + dd, dt { + margin-bottom: 0; + } + +} +#content .product.type-product .variations_form .variations { + display: block; + margin: 0 auto; + float: none; + max-width: 220px; +} +.products mark { + background-color: transparent; +} +.variations tbody, +.variations tbody tr { + display: block; +} +.page-numbers li { + float: left; +} +.related.products { + margin-top: 30px; +} +h3#ship-to-different-address { + font-weight: bold; +} +.woocommerce-breadcrumb { + display: none; +} +/* End WooCommerce */ \ No newline at end of file diff --git a/woocommerce.php b/woocommerce.php new file mode 100644 index 0000000..43042ac --- /dev/null +++ b/woocommerce.php @@ -0,0 +1,189 @@ + +
+ + + +
+
+
+
+ +
+
+
+
+
+

Great Lakes Shipwreck Museum

+
+
+
+ +
+
+ +
+
+ +
+
+ + +
+ +

cart->get_cart_total(); ?> + for + cart->cart_contents_count, + 'woothemes'), $woocommerce->cart->cart_contents_count);?> +

+
+ +
+
+ log out'; + } + elseif (!is_user_logged_in()) { + echo ''; + } + ?> + checkout +
+
+ +
+ + + + + + + + + + + + +
+ +
+ + + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + woocommerce_product_loop_start( false ), 'after' => woocommerce_product_loop_end( false ) ) ) ) : ?> + + + + + + +
+ +
+ + + + + + + + + +
+ +
+
+ +