- Aufräumen / Funktionen in Produktansicht ohne Theme überarbeitet

- Basket ohne Tabellen angefangen

git-svn-id: https://[internal]/wordpress/plugins/wpsg4@6314 0d5edaf7-2b12-4e95-93f4-047927463d4b

1 files changed, 49 insertions, 104 deletions

diff --git a/views/css/frontend.css b/views/css/frontend.css
index 9d43c77..af7cda9 100644
--- a/views/css/frontend.css
+++ b/views/css/frontend.css
@@ -3,9 +3,13 @@
 /* Allgemein */

 .wpsg_clear { clear:both; }

 #wpsg_error, #wpsg_message { margin-bottom:1rem; }

-#wpsg_message p, #wpsg_error p, #wpsg_notice p { background-color:#FAFAFA; margin-bottom:4px; padding:3px 0px 3px 8px; } 

+#wpsg_message li, #wpsg_error li, #wpsg_notice li,

+#wpsg_message p, #wpsg_error p, #wpsg_notice p { margin-bottom:4px; padding:3px 0px 3px 8px; } 

+#wpsg_message li,

 #wpsg_message p { border-left:4px solid #7AD03A; }

+#wpsg_notice li,

 #wpsg_notice p { border-left:4px solid #FDF60A; }

+#wpsg_error li,

 #wpsg_error p { border-left:4px solid #DD3D36; }

 .wpsg_error { border-color:#DD3D36; }

 .wpsg { }

@@ -15,43 +19,20 @@ label.wpsg_error { position:absolute; right:2px; top:-2px; color:#DD3D36; }
 input.wpsg_error { border-color:red !important; }

 .wpsg_spacer { width:100%; height:1px; background-color:#EAEAEA; margin-bottom:1rem; }

 .wpsg_noscroll { overflow:hidden; }

-#TB_ajaxContent { width:100% !important; }

 .wpsg_upper { vertical-align:top; font-size:60%; }

 

-

 /* Basket Widget */

 .wpsg_basket_widget .wpshopgermany_linktokasse { float:right; margin-top:1rem; } 

 

 /* Basket */

-.wpsg_basket { margin-bottom:1rem; }

-.wpsg_basket h2 { }

-.wpsg_basket table { margin-top:1rem; width:100%; }

-.wpsg_basket table th { } 

-.wpsg_basket .wpsg_basket_removelink { text-decoration:none; border:0px !important; }

-.wpsg_basket .wpsg_cell_number { padding-left:0.3rem; padding-right:0.3rem; text-align:center; min-width:20px; }

-.wpsg_basket .wpsg_cell_number img { max-width:auto !important; display:inline-block; }

-.wpsg_basket .wpsg_cell_menge { text-align:center; }

-.wpsg_basket .wpsg_cell_menge input {  text-align:center; }

-.wpsg_basket .wpsg_cell_preis { text-align:right; }

-.wpsg_basket .wpsg_cell_gesamtpreis { text-align:right; }

-.wpsg_basket .wpsg_cell_summe_value { text-align:right; }

-.wpsg_basket .wpsg_cell_shipping_value { text-align:right; }

-.wpsg_basket .wpsg_cell_shipping_label select,

-.wpsg_basket .wpsg_cell_shipping_label span { float:right; width:150px;clear:right; }

-.wpsg_basket .wpsg_cell_shipping_label select.set_shipping { margin-bottom:5px; }

-.wpsg_basket .wpsg_cell_payment_label select,

-.wpsg_basket .wpsg_cell_payment_label span  { float:right; width:150px; }

-.wpsg_basket .wpsg_cell_payment_value { text-align:right; }

-.wpsg_basket .wpsg_cell_gesamtsumme_value { text-align:right; }

-.wpsg_basket .wpsg_cell_deliverytime_value { text-align:right; }

-.wpsg_basket .wpsg_cell_name { vertical-align:middle; }

-.wpsg_basket .wpsg_cell_name .wpsg_basket_productimage { display:inline; padding-right:0.2rem; vertical-align:baseline; }

-.wpsg_basket .wpsg_cell_mwst { text-align:center; min-width:60px; }

-.wpsg_basket .wpsg_cell_mwst_value { text-align:right; }

-.wpsg_basket .wpsg_cell_weight_value { text-align:right; }

-.wpsg_basket .wpsg_checkoutbutton { float:right; }

-.wpsg_basket .wpsg_cell_gesamtsumme_value { font-weight:bold; }

-.wpsg_basket .wpsg_refreshbutton, .wpsg_basketbutton { float:left; }

+.basket_product_wrap {}

+.basket_product_wrap .basket_product_row { display:flex; align-items:top; border-bottom:1px solid #EAEAEA; padding-bottom:1em; margin-bottom:1em; }

+.basket_product_wrap .basket_product_row .product_shortdesc { margin-top:0.5em; }

+.basket_product_wrap .basket_product_row .productimage { max-width:150px; padding-right:0.75em; }

+.basket_product_wrap .basket_product_row .product_content { width:100%; display:flex; flex-direction:column; justify-content:space-between; }

+.basket_product_wrap .basket_product_row .product_action { display:flex; width:100%; justify-content:space-between; align-items:center; }

+.basket_product_wrap .basket_product_row .product_action .amount { margin-top:0.5em; margin-bottom:0.5em; }

+.basket_product_wrap .basket_product_row .product_action .price_total { font-weight:bold; }

 

 /* Checkout + Request*/

 .wpsg_checkout .wpsg_checkoutblock { width:100%; clear:both; margin-bottom:2px; position:relative; width:100%; }

@@ -116,9 +97,6 @@ input.wpsg_error { border-color:red !important; }
 /* Bestellvariablen */

 .wpsg_checkout .wpsg_mod_ordervars_field { display:inline; }

 

-/* Produktvariablen */

-.wpsg_basket .wpsg_basket_productvars input[type="text"], .wpsg_basket .wpsg_basket_productvars select { width:100%; }

-

 /* Profilseite */

 .wpsg_profil .wpsg_pwdvergessen_link { line-height:30px; }

 .wpsg_profil .wpsg_mod_kundenverwaltung_login, .wpsg_checkout .wpsg_mod_kundenverwaltung_login { float:right; }

@@ -142,33 +120,37 @@ input.wpsg_error { border-color:red !important; }
 .wpsg_checkout .wpsg_mod_shippingadress { margin-bottom:1rem; }

 

 /* Produkttemplate */

-.wpsg_produkt_wrapper { margin:5px -10px 5px -10px; padding:10px; width:100%; line-height:1.5em; box-sizing:content-box; }

-.wpsg_produkt_wrapper .wpsg_produkt_produktbilder { float:left; margin-right:1rem; margin-bottom:1rem; }

-.wpsg_produkt_wrapper .wpsg_product_afterimage { }

-.wpsg_produkt_wrapper .wpsg_product_afterimage .wpsg_producttitle { clear:none; }

-.wpsg_produkt_wrapper .wpsg_add_basket { margin:1rem 0; float:right; }

-.wpsg_produkt_wrapper .wpsg_produkt_add_basket_wrapper { clear:both; float:left; margin:1rem 0 0 0; }

-.wpsg_produkt_wrapper .wpsg_label { display:inline; }

-.wpsg_produkt_wrapper .wpsg_value { display:inline; }

-.wpsg_produkt_wrapper .wpsg_preis_prediscount { text-decoration: line-through; }

-.wpsg_produkt_wrapper .wpsg_menge { width:auto; }

 .wpsg_productform { position:relative; }

-.wpsg_productform .wpsg_product_layer { z-index:1000; background-color:rgba(125, 125, 125, 0.5); position:absolute; left:-10px; top:-10px; width:100%; height:100%; padding:20px; }

-.wpsg_productform .wpsg_product_layer img { position:absolute; left:50%; top:50%;  margin-left:-8px; margin-top:-5.5px; }

-

-/* Ajax Meldung über das Produkttemplate */

-#wpsg_basket_ajax_message { z-index:2000; position:absolute; top:55px; width:100%; position:fixed; }

-#wpsg_basket_ajax_message .wpsg_basket_ajax_message_content { 

-	width:800px; margin:auto; background-color:white; padding:25px; text-align:center; 

-	-webkit-border-radius:15px; 

-	-moz-border-radius:15px;

-	border-radius:15px;  

+.wpsg_productform .wpsg_produkt_wrapper .wpsg_productimages { float:left; margin-right:0.75em; }

+.wpsg_productform .wpsg_produkt_wrapper .wpsg_produkt_preishinweis { font-size:0.75em; }

+.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productview_oldprice { text-decoration:line-through; }

+.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productview_price { font-weight:bold; }

+.wpsg_productform .wpsg_produkt_wrapper .wpsg_produkt_shortdescription { margin-top:0.75em; margin-bottom:0.75em; }

+.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_only_store {  margin-top:0.75em; margin-bottom:0.75em; }

+.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productvariants_product_wrap { margin-top:0.75em; margin-bottom:0.75em; }

+.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productvariants_product_wrap select,

+.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productvariants_product_wrap input { width:100%; box-sizing:border-box; }

+.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_informationarea { margin-top:1.5em; margin-bottom:1.5em; }

+.wpsg_productform .wpsg_produkt_wrapper label { font-weight:bold; } 

+.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea input[type="text"] { width:48%; float:left; box-sizing:border-box; padding:0.7em; line-height:1.5em; font-size:1rem; }

+.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea input[type="submit"] { width:48%; float:right; box-sizing: border-box; padding:0.7em; line-height:1.5em; font-size:1rem; border:1px solid transparent; border-radius:3px; }

+.wpsg_productform .wpsg_product_layer { position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.25); padding:0.75em; margin:-0.75em; box-sizing:content-box; }

+.wpsg_productform .wpsg_product_layer img { position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-5px; }

+.wpsg_productform .wpsg_produkt_produktbilder { max-width:200px; }

+

+@media (max-width:400px) {

+	

+	.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea input[type="text"] { width:28%; }

+	.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea input[type="submit"] { width:68%; }

+	

+}

+

+@media (max-width:600px) {

+

+	.wpsg_productform .wpsg_productimages { width:100%; }

+	.wpsg_productform .wpsg_produkt_produktbilder { max-width:100%; }

+	

 }

-#wpsg_basket_ajax_layer { z-index:199; position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.75); position:fixed; }

-#wpsg_basket_ajax_message .wpsg_basket_ajax_message_content_success { color:green; }

-#wpsg_basket_ajax_message .wpsg_button_continue_shopping { float:left; }

-#wpsg_basket_ajax_message .wpsg_button_basket { float:right; }

-#wpsg_basket_ajax_message .wpsg_button_wrap { margin-top:4rem; }

 

 /* Varianten */

 .wpsg_produkt_wrapper .wpsg_vp_field { clear:both; margin-bottom:1rem; }

@@ -188,12 +170,6 @@ input.wpsg_error { border-color:red !important; }
 .wpsg_basket_widget table .wpsg_cell_amount { text-align:right; padding-right:0.2rem; }

 .wpsg_basket_widget table .wpsg_row_summary .wpsg_cell_amount { font-weight:bold; }

 

-/* Modul Gutscheine */

-.wpsg_basket .wpsg_cell_gutschein  { vertical-align:middle; }

-.wpsg_basket .wpsg_cell_gutschein input[type="submit"] { float:right; }

-.wpsg_basket .wpsg_cell_gutschein input[type="text"] { float:right; margin-top:2px; margin-right:10px; vertical-align:baseline; }

-.wpsg_basket .wpsg_cell_gutschein label { line-height:35px; }

-

 /* Modul Kundenverwaltung */

 .wpsg_mod_kundenverwaltung_widget input[type="text"], .wpsg_mod_kundenverwaltung_widget input[type="password"] { width:100%; margin-bottom:0.5rem; }

 .wpsg_mod_kundenverwaltung_widget input[type="submit"] { float:right; }

@@ -261,7 +237,6 @@ input.wpsg_error { border-color:red !important; }
 .wpsg_mod_request_requestpage .wpsg_cell_action { width:30px; text-align:center; }

 .wpsg_mod_request_requestpage .wpsg_cell_amount { width:125px; }

 .wpsg_mod_request_requestpage .wpsg_cell_sumprice { text-align:right; width:200px; }

-.wpsg_mod_request_requestpage .wpsg_basket_productimage { float:left; margin-right:5px; }

 .wpsg_mod_request_requestpage .wpsg_cell_total_brutto,

 .wpsg_mod_request_requestpage .wpsg_cell_total_netto { text-align:right; }

 .wpsg_mod_request_requestpage .wpsg_checkout_typ_3 input { margin-right: 5px; width: auto; }

@@ -270,30 +245,6 @@ input.wpsg_error { border-color:red !important; }
 .wpsg_mod_request_requestpage h2 { margin-top:2rem; margin-bottom:1rem; }

 .requestlist_ajax_wrap { padding-bottom:2rem; }

 

-/* Modul Zubehörprodukte */

-.wpsg_mod_relatedproducts_basket { margin-top:2rem; }

-

-/* Progress bar 

-.steps { list-style:none; margin:0; padding:10px 0; overflow:hidden; font-family:'inherit',sans-serif; font-size:1.5rem; width:100%; height:auto; line-height:20px; font-weight:bold; counter-reset:li; }

-.steps > a, .steps > p { float:left; margin:5px 0;}

-.steps a, .steps p { list-style-image:none; list-style-type:none; margin-left:0; text-align:center; color:#bbb; background:#f2f2f2; position:relative; margin-left:43px; border-bottom:medium none !important; }

-

-.steps a:after, .steps p:after { position:absolute; top:50%; left:100%; content:" "; height:0; width:0; border:solid transparent; border-left-color:#f2f2f2; border-width:19px; margin-top:-19px; }

-.steps a span:after, .steps p span:after { position:absolute; top:50%; right:100%; content:" "; height:0; width:0; border:solid #f2f2f2; border-left-color:transparent; border-width:19px; margin-top:-19px; }

-

-.steps a span, .steps p span { display:block; padding:9px 28px 9px 9px; }

-.steps a span:before, .steps p span:before { counter-increment:li; }

-

-.steps a.current, .steps p.current { color:#3a3a3a; background:#c9c9c9; }

-.steps a.current:after, .steps p.current:after { border-left-color:#c9c9c9; }

-.steps a.current span:after, .steps p.current span:after { border-color:#c9c9c9; border-left-color:transparent; }

-

-.steps a.step1, .steps p.step1 { z-index:9; }

-.steps a.step2, .steps p.step2 { z-index:8; }

-.steps a.step3, .steps p.step3 { z-index:7; }

-.steps a.step4, .steps p.step4 { z-index:6; }

-*/

- 

 .wpsg_progress { padding:0px; margin:0px; width:100%; margin-bottom:100px; margin-top:30px; }

 .wpsg_progress:after { border:1px solid #C5C5C5; height:10px; background-color:#F2F2F2; box-sizing:border-box; display:block; width:100%; content:" "; }

 .wpsg_progress span.step { width:25%; display:block; float:left; list-style:none; position:relative; }

@@ -365,21 +316,15 @@ input.wpsg_error { border-color:red !important; }
 .wpsg_mod_productview-order-layer a.selected,

 .wpsg_mod_productview-order-layer a:hover { text-decoration:none; color:#FFFFFF; background-color:#29556E; }

 

-@media screen and (max-width: 600px) {

-	

-	#wpsg_basket_ajax_message .wpsg_basket_ajax_message_content { width:80%; }

-	#wpsg_basket_ajax_message .wpsg_button_basket,

-	#wpsg_basket_ajax_message .wpsg_button_continue_shopping { width:100%; margin-top:2rem; }

-	.wpsg_progress span.step > .text { visibility:hidden; } 

-	

-}

-

-@media screen and (max-width: 400px) {

+/* Dialog für Meldungen wenn nicht auf einer Shop Seite / Warenkorbmeldung BEGIN */

+#wpsg_ajax_layer { position:fixed; z-index:1000; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.75); display:flex; justify-content:center; align-items:center; }

+#wpsg_ajax_layer .wpsg_ajax_message_content { background-color:#FFFFFF; padding:1.5rem; text-align:center; }

+#wpsg_ajax_layer .wpsg_ajax_message_content li { list-style:none; }

 

-	.wpsg .wpsg_button { padding-left:10px; padding-right:10px; }

+@media screen and (max-width: 320px) {

 	

-	.wpsg_basket .wpsg_cell_gutschein label { width:100%; display:block; }

-	.wpsg_basket #wpsg_gutschein_input { float:left; }

+	#wpsg_ajax_layer .wpsg_ajax_message_content { width:300px; }

 	

 }

+/* Dialog für Meldungen wenn nicht auf einer Shop Seite / Warenkorbmeldung  ENDE */