From 1a04d43017de56303887a25779b18e23a021f5a7 Mon Sep 17 00:00:00 2001 From: Laury GvR Date: Tue, 29 Mar 2016 18:44:09 -0400 Subject: [PATCH] Sharethis, related items --- assets/share-icon.png | Bin 0 -> 1533 bytes css/app.css | 80 ++++++++++++++++++++++++--------- footer.php | 3 ++ functions.php | 2 +- header.php | 66 +++++++++++++-------------- scss/_plugins.scss | 3 +- scss/plugins/_sharethis.scss | 14 ++++++ scss/plugins/_woocommerce.scss | 33 ++++++++++++++ woocommerce.php | 12 +++-- 9 files changed, 153 insertions(+), 60 deletions(-) create mode 100644 assets/share-icon.png create mode 100644 scss/plugins/_sharethis.scss diff --git a/assets/share-icon.png b/assets/share-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..6df905dd430346758ab0985e0191e46d1d61ac42 GIT binary patch literal 1533 zcmeAS@N?(olHy`uVBq!ia0vp^CO|C4!3HGzW%geKQj#UE5hcO-X(i=}MX3yqDfvmM z3ZA)%>8U}fi7AzZCsS=07?_nZLn2Bde0{8v^Ko2Tt~skz|cV7z)0WFNY~KZ%Gk)tz(4^Clz_GsrKDK}xwt{?0`hE?GD=Dctn~HE z%ggo3jrH=2()A53EiFN27#ZmTRp=I1=9MH?=;jqG!%T2VElw`VEGWs$&r<-In3$Ab zT4JjNbScCOxdm`z^NOLt1Pn0!io^naLp=kKmtYEgeeo;J&4sHjE(uCSxEHIz#UYgi zsro^w#rdU0$-sz9QwCX8VC7ttnpl!w6q28x0}I7~jQo=P;*9(P1?ON>1>eNv%sdbu ztlrnx$}_LHBrz{J)zigR321^|W@d_&laZU5siUERvyrofp`oj(qnWX*qqC!%qq(!O zsiBcMOs`9Ra%paAUI|QZ3PP_TPQ9R{kXrz>*(J3ovn(~mttdZN0qkX~Oq^~paK&jJ zRBsASw-~tL)TknMZjeJr!s3I0|Qf`r;B4q z#jT{2hNioM)0iAiH6&&r3YkHz-D(CWDqD>sN_1GFc^>`$`HfZQyNtx54H3+$?jA-pe0)E@2mDp24B$DC z^ipz?+}0gTZQgrD3vBs{%Madl+0^dvlj&JSjVIreAJy5p-XjGs6(G!NSFev&yC!t{kf zr#@(Fz=7u;0c#Ezfj#WrX$oI=T$%Jl zF<`}`vIprEhWxAA6TS+cNVcEgBzBCw^_%Yk=ESepw!YNm(YZ5W$@f1O!bCPZ_OY`v zoT*8gB%{2c@D;<7?~9igIx$R1XOm{wwoNj!tt;7Gdih~i1E<~h-nVzwi_C10e964x xw-t{K^Q$KN1Q#ilK#4{#aDb@f0 literal 0 HcmV?d00001 diff --git a/css/app.css b/css/app.css index bc9128f..a353a5b 100644 --- a/css/app.css +++ b/css/app.css @@ -6527,6 +6527,10 @@ main { /* End NextGen Gallery */ /* WooCommerce */ +.woocommerce-wrapper #container { + max-width: 700px; + margin: 0 auto; } + .woocommerce { font-family: Arial; /* Sidebar */ @@ -7052,23 +7056,29 @@ main { margin: 0 auto; text-align: left; width: 80%; } - .woocommerce .main.woo-single-product #content .type-product .images { - width: 40%; } - .woocommerce .main.woo-single-product #content .type-product .images img { - border: 1px solid lightgrey; - border-radius: 2px; } - .woocommerce .main.woo-single-product #content .type-product .images #wpb_wiz_img_id { - height: 180px; } - .woocommerce .main.woo-single-product #content .type-product .images .wp-post-image { - height: 180px; } - .woocommerce .main.woo-single-product #content .type-product .summary.entry-summary { - width: 60%; } - .woocommerce .main.woo-single-product #content .thumbnails > a { - /* width: 21%; + .woocommerce .main.woo-single-product #content { + /* Related products */ + /* End Related products */ } + .woocommerce .main.woo-single-product #content .type-product .images { + width: 40%; } + @media only screen and (max-width: 40em) { + .woocommerce .main.woo-single-product #content .type-product .images { + width: 100%; } } + .woocommerce .main.woo-single-product #content .type-product .images img { + border: 1px solid lightgrey; + border-radius: 2px; } + .woocommerce .main.woo-single-product #content .type-product .images #wpb_wiz_img_id { + height: 180px; } + .woocommerce .main.woo-single-product #content .type-product .images .wp-post-image { + height: 180px; } + .woocommerce .main.woo-single-product #content .type-product .summary.entry-summary { + width: 60%; } + .woocommerce .main.woo-single-product #content .thumbnails > a { + /* width: 21%; float: left; margin: 0 0.5%;*/ - padding: 4px; - /* :first-child { + padding: 4px; + /* :first-child { margin-left: 0; padding-left: 0; } @@ -7076,12 +7086,30 @@ main { margin-right: 0; padding-left: 0; }*/ } - .woocommerce .main.woo-single-product #content .thumbnails > a img { - height: 35px; } - .woocommerce .main.woo-single-product #content .product.has-default-attributes.has-children > .images { - opacity: 1; } - .woocommerce .main.woo-single-product #content .entry-summary .product_title { - margin-bottom: 10px; } + .woocommerce .main.woo-single-product #content .thumbnails > a img { + height: 35px; } + .woocommerce .main.woo-single-product #content .product.has-default-attributes.has-children > .images { + opacity: 1; } + .woocommerce .main.woo-single-product #content .entry-summary .product_title { + margin-bottom: 10px; } + .woocommerce .main.woo-single-product #content .related ul.products li.product:last-child, .woocommerce .main.woo-single-product #content .related ul.products li.product { + width: 33.33%; + float: left; + clear: none; + padding: 10px; + margin: 0; + height: 400px; } + @media only screen and (max-width: 40em) { + .woocommerce .main.woo-single-product #content .related ul.products li.product:last-child, .woocommerce .main.woo-single-product #content .related ul.products li.product { + width: 50%; } } + .woocommerce .main.woo-single-product #content .related ul.products li.product:last-child img, .woocommerce .main.woo-single-product #content .related ul.products li.product img { + height: 150px; } + .woocommerce .main.woo-single-product #content .related ul.products li.product:last-child [itemprop="description"], .woocommerce .main.woo-single-product #content .related ul.products li.product [itemprop="description"] { + display: none; } + .woocommerce .main.woo-single-product #content .related ul.products li.product:last-child .price span.amount, .woocommerce .main.woo-single-product #content .related ul.products li.product .price span.amount { + font-size: 22px; } + .woocommerce .main.woo-single-product #content .related ul.products li.product:last-child .price > *, .woocommerce .main.woo-single-product #content .related ul.products li.product .price > * { + height: 20px; } .woocommerce #content ul.products li.product-category.product { width: 33.33%; float: left; @@ -7210,6 +7238,16 @@ main { #cart-login a:hover { color: #0f789f; } +.woocommerce .st_sharethis { + float: right; + width: 58px; } +.woocommerce .stButton .sharethis { + background-image: url("../assets/share-icon.png") !important; + width: 52px; + height: 22px; } +.woocommerce .stButton .chicklets { + height: 22px; } + .home-feed-post { padding-bottom: 25px; } @media only screen and (max-width: 40em) { diff --git a/footer.php b/footer.php index b8795ad..d39f127 100644 --- a/footer.php +++ b/footer.php @@ -20,4 +20,7 @@ + + + diff --git a/functions.php b/functions.php index c9397b5..832678f 100644 --- a/functions.php +++ b/functions.php @@ -148,7 +148,7 @@ add_action('woocommerce_after_shop_loop_item_title','woocommerce_template_single // Declare WooCommerce support add_action( 'after_setup_theme', 'woocommerce_support' ); function woocommerce_support() { -add_theme_support( 'woocommerce' ); + add_theme_support( 'woocommerce' ); } // WooCommerce number of products shown add_filter( 'loop_shop_per_page', create_function( '$cols', 'return 24;' ), 20 ); diff --git a/header.php b/header.php index 4a40fcd..fbe9286 100644 --- a/header.php +++ b/header.php @@ -12,42 +12,42 @@
-
-
-
-
-
- - - +
+
+
+
+
+ + + -
-
- View Cart | -
-
- - - | Log Out - - - -
-
-
888-676-Lama
+
+ View Cart | +
+
+ + + | Log Out + + +
-
- -
-
- -
-
- +
+
888-676-Lama
-
- +
+ +
+
+ +
+
+ +
+
+
+ diff --git a/scss/_plugins.scss b/scss/_plugins.scss index 69b253a..7312ea8 100644 --- a/scss/_plugins.scss +++ b/scss/_plugins.scss @@ -1,2 +1,3 @@ @import "plugins/nextgen"; - @import "plugins/woocommerce"; \ No newline at end of file + @import "plugins/woocommerce"; + @import "plugins/sharethis"; \ No newline at end of file diff --git a/scss/plugins/_sharethis.scss b/scss/plugins/_sharethis.scss new file mode 100644 index 0000000..ca74b36 --- /dev/null +++ b/scss/plugins/_sharethis.scss @@ -0,0 +1,14 @@ +.woocommerce { + .st_sharethis { + float: right; + width: 58px; + } + .stButton .sharethis { + background-image: url("../assets/share-icon.png") !important; + width: 52px; + height: 22px; + } + .stButton .chicklets { + height: 22px; + } +} \ No newline at end of file diff --git a/scss/plugins/_woocommerce.scss b/scss/plugins/_woocommerce.scss index d65768c..b182894 100644 --- a/scss/plugins/_woocommerce.scss +++ b/scss/plugins/_woocommerce.scss @@ -1,5 +1,9 @@ /* WooCommerce */ +.woocommerce-wrapper #container { + max-width: 700px; + margin: 0 auto; +} .woocommerce { font-family: Arial; ul, ol, li { @@ -750,6 +754,9 @@ .type-product { .images { width: 40%; + @media #{$small-only} { + width: 100%; + } img { border: 1px solid lightgrey; border-radius: 2px; @@ -791,6 +798,32 @@ .entry-summary .product_title { margin-bottom: 10px; } + /* Related products */ + .related ul.products li.product:last-child, + .related ul.products li.product { + width: 33.33%; + @media #{$small-only} { + width: 50%; + } + float: left; + clear: none; + padding: 10px; + margin: 0; + height: 400px; + img { + height: 150px; + } + [itemprop="description"] { + display: none; + } + .price span.amount { + font-size: 22px; + } + .price > * { + height: 20px; + } + } + /* End Related products */ } /* End product detail page */ diff --git a/woocommerce.php b/woocommerce.php index 61467bc..aeeace9 100644 --- a/woocommerce.php +++ b/woocommerce.php @@ -1,13 +1,13 @@
+
-
-
+
-
+
-
+
+ '; + if(function_exists('pf_show_link')){echo pf_show_link();} + ?>