Shopping Bag Problems with the german-market plugin

[nicenicenice]

Hi there,

I have some problems that are very similar to other users using the same plugin.
Like that Thread for example.
http://support.swiftideas.net/forums/topic/problems-with-shopping-bag-buttons/
I have tried the code provided in that thread, but it won’t work 100 percent for me.

Please help me with the last steps…

I have made many modifications so please be careful.

Best Regards,
Jean-Marie

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please explain issues as attached screenshots.
Thanks

[nicenicenice]

That I want to look it like your demo and like it’s supposed to look and not how it is looking right now.

I have explained it in new screenshots…

Thank you very much in advance!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

table > tbody > tr.order-total > td > strong{display:block;width:180px;}
.woocommerce .coupon input.input-text {margin-right: 5px;padding: 10px;width:63% !important}
#order_review table.shop_table td.product-name {padding-top: 25px !important;text-align: left;}
table.shop_table tbody tr.cart_item td.product-total span.amount{display:block !important}
 table.shop_table tfoot tr.order-total td strong span.amount{display:block !important}
.woocommerce form .form-row .input-checkbox, .woocommerce-page form .form-row .input-checkbox {
 float: left important;margin: -19px 8px 0 0 important;
}
.woocommerce #payment .terms {padding: 20px 0 0 !important;text-align: left !important;}

Thanks 🙂
With Best Regards
Mohammad

[nicenicenice]

Thank you very much Mohammad!

That corrected quiet a few flaws, but some are still present.

The proceed to checkout button and the update cart button are not looking like they should.
The strange thing is while the site is loading I sometimes see the button like it should look for the split of a second, but then it disappears and the strange violet one appears…
Like I said. Another User from germany had the same problems. Could you just give me that code`?
http://support.swiftideas.net/forums/topic/problems-with-shopping-bag-buttons/

Best regards,
Jean-Marie

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
a.checkout-button{height:16px !important;width:77% !important;background:none !important;}
Thanks 🙂
With Best Regards
Mohammad

[nicenicenice]

wow, that was quick.

But now I have no button at all. Or more precisely it’s there but not visible.
And the order of the buttons is still wrong.

[Mohammad – SUPPORT]

Hi,
Please remove that one

a.checkout-button {
    background: none repeat scroll 0 0 #000 !important;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    color: #000 !important;
    height: 16px !important;
    width: 95% !important;
   color:#fff !important;
}
.woocommerce .button.update-cart-button{margin-top:-240px !important}
div.second-checkout-button-container{margin-top:75px !important;}
a.checkout-button.wc-forward a:after, .wc-forward:after{display:none}

Thanks 🙂
With Best Regards
Mohammad

[nicenicenice]

remove?
I don’t have that in my custom css?! Or am I missing something?

table > tbody > tr.order-total > td > strong{display:block;width:180px;}
.woocommerce .coupon input.input-text {margin-right: 5px;padding: 10px;width:63% !important}
#order_review table.shop_table td.product-name {padding-top: 25px !important;text-align: left;}
table.shop_table tbody tr.cart_item td.product-total span.amount{display:block !important}
 table.shop_table tfoot tr.order-total td strong span.amount{display:block !important}
.woocommerce form .form-row .input-checkbox, .woocommerce-page form .form-row .input-checkbox {
 float: left !important;margin: -19px 8px 0 0 !important;
}
.woocommerce #payment .terms {padding: 20px 0 0 !important;text-align: left !important;}

a.checkout-button{height:16px !important;width:77% !important;background:none !important;}

/* Jetpack: Carousel
****************************************** /

/* Hide Comment Form & Link */
#jp-carousel-comment-form-container, /* Form */
div.jp-carousel-buttons a.jp-carousel-commentlink, /* Link */
#jp-carousel-comments-loading /* Loading Comments text */ {
	display: none !important;
}

/* Remove Padding from Link Area */
.jp-carousel-buttons {
	padding: 0 !important;
}
.jp-carousel-image-meta {
	display: none !important;
}

/*menu*/

nav .menu ul.sub-menu li {
font-size: 15px !important;
}

nav .menu ul.sub-menu {
font-size: 15px !important;
}

/*posted by and in*/

.standard-post-author .standard-post-author-name {
display: none;
}

.posted_in {display:none!important;}

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{clear:both;float:left;font-size:13px;}

.product-details {
height: 37px;
width: 100%;
}

td.product-name dl.variation p{padding-top:4px !important;}

.tb-welcome{display:none !important}

button.single_add_to_cart_button{text-shadow:none !important; box-shadow:none !important;}
button.single_add_to_cart_button.button.alt{text-shadow:none !important; box-shadow:none !important;}

ul.product_list_widget li a img{box-shadow:none !important;}

#header-section > #main-nav {
  border-bottom: 1px solid #c9c9c9;
}

.alt-bg {
border-bottom: 0px !important;
}

.social-icons{margin:0 auto !important;width:133px !important;}

.woocommerce-page .page-heading {
  display: none;
}

.woocommerce div.product .entry-title {
  display: block;
  margin-bottom: 40px;
}

/*picture shadows*/
.bag-product figure, .woocommerce ul.products li.product figure, #product-img-slider, #product-img-nav li, .woocommerce table.shop_table img, .woocommerce-page table.shop_table img, .mini-list li figure {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

li.cat-item.current-cat {
font-weight: bold;
}

div.product-share{display:none;} 
div.product_meta{display:none;}
#product-accordion .accordion-group:nth-child(2){display:none}
#product-accordion .accordion-group:nth-child(3){display:none}

.product-carousel .price
{display:none !important}

/*versandkosten*/
.woocommerce ul.products li.product .woocommerce_de_versandkosten {
display: none!important;
}

That is my total custom css. I know it is pretty messed up, but it works for me.
When the site is finished I will sort it, but right now I just add or delete and try and error.

So could you please tell me what to remove and what to add instead?!

[Mohammad – SUPPORT]

Hi,
Please just remove this:-

a.checkout-button{height:16px !important;width:77% !important;background:none !important;}

And insert this code also:-

a.checkout-button {
    background: none repeat scroll 0 0 #000 !important;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    color: #000 !important;
    height: 16px !important;
    width: 95% !important;
   color:#fff !important;
}
.woocommerce .button.update-cart-button{margin-top:-240px !important}
div.second-checkout-button-container{margin-top:75px !important;}
a.checkout-button.wc-forward a:after, .wc-forward:after{display:none}

Thanks 🙂
With Best Regards
Mohammad

[nicenicenice]

Thank you very much! We are getting close!
The Button is back. The order of the buttons is accordingly. The arrows are gone (great!).

But the size of the button is still a little off. And the button on the shopping bag icon on the top right is cut off (see screenshot). Btw. is there a quick way to get the text on the buttons be uppercase?

I made a mockup what the perfect goal would look like. The buttons on the “popout” shopping bag should look the same of course…
Thank you very much in advance!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
`ul.sub-menu li div.shopping-bag div.bag-buttons a.sf-roll-button.checkout-button{
height: 42px !important;
text-align: center !important;
text-transform: uppercase !important;
width: 100% !important;
}

ul.sub-menu li div.shopping-bag div.bag-buttons a.sf-roll-button.bag-button{
text-align: center !important;
text-transform: uppercase !important;
}`

Why are your cart page button messed up? Have you made ay changes?

Thanks

[nicenicenice]

of sorry. I just wanted to modify the contact 7 submit button and gave it the class “button” which now seemed to be a bad choise. I changed it and gave it the class button7 so it doesn’t mess up the other buttons anymore…

The Sub Menu Cart is perfect now!
Now the other shopping bag buttons and we are done 😉

[Mohammad – SUPPORT]

Hi,
I have resolved the issue so please check and let me know your feedback.
Thanks

[nicenicenice]

wow! Awesome! I will do some fine-tuning myself.

Thanks again! Thank you and your team for the great service. By far the best theme support I experienced!