From: Steve Sutton Date: Fri, 8 Jan 2016 20:47:57 +0000 (-0500) Subject: setup shop X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=7ab5f12c4a3782d8a49340d928b3c0b515450b75;p=WP-Themes%2Fglmthemes%2Fmountpleasant-theme.git setup shop --- 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/scss/plugins/_woocommerce.scss b/scss/plugins/_woocommerce.scss new file mode 100644 index 0000000..8ca8324 --- /dev/null +++ b/scss/plugins/_woocommerce.scss @@ -0,0 +1,784 @@ + +/* 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: #476e70; + color: white; + &:hover { + background-color: #B5121B; + } + } + 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: white; + margin-bottom: 20px; + margin-left: 0px; + font-family: arial, sans-serif; + font-weight: bold; + .button { + border-radius: 3px; + padding: 5px; + } +} +.woocommerce-message { + background-color: $green; + min-height: 55px; + padding-top: 7px; + line-height: 1.2; + .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: $green; + 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: $green; + padding: 5px; + margin: 0; + border-radius: 3px; + } + } + .button { + padding: 3px; + color: white; + background-color: $green; + border-radius: 3px; + border:1px solid $green; + &:hover, &:focus { + background-color: white; + color: $green; + } + } + } +} + +.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: $green; + 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 $green; + &: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: $green; + &: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 $green; + } + .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: 0 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 { +/* background-color: $green; + color: #ffffff; + margin-bottom: 8px; + padding: 11px 0; + text-align: center;*/ + text-align: left; + padding: 2px 0 2px 35px; + background-color: #4f6d6f; + font-weight: normal; + color: white; +} +.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 #2F4D4F; + border-bottom: 1px solid #ffffff; + padding: 2px 0 2px 15px; + a { + color: white; + 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; +} + +/* End WooCommerce */ \ No newline at end of file diff --git a/woocommerce.php b/woocommerce.php new file mode 100644 index 0000000..ffb35e8 --- /dev/null +++ b/woocommerce.php @@ -0,0 +1,185 @@ + +
+
+
+ +
+
+
+
+
+

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 ) ) ) ) : ?> + + + + + + +
+ +
+ + + + + + + + + +
+ +
+
+ + diff --git a/woocommerce/content-product_cat.php b/woocommerce/content-product_cat.php new file mode 100644 index 0000000..3618534 --- /dev/null +++ b/woocommerce/content-product_cat.php @@ -0,0 +1,84 @@ +slug, $excludeCats ) ) { + return; +} + + +// Store loop count we're currently on +if ( empty( $woocommerce_loop['loop'] ) ) + $woocommerce_loop['loop'] = 0; + +// Store column count for displaying the grid +if ( empty( $woocommerce_loop['columns'] ) ) + $woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 4 ); + +// Increase loop count +$woocommerce_loop['loop']++; +?> + + +count > 0 ) { ?> +
  • + + + + + + + +

    + name; + ?> +

    + + + +
    + + + +
  • +