New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Shopping Bag Problems with the german-market plugin

Viewing 15 posts - 1 through 15 (of 16 total)
1 2
  • Back to forum
    Posted in: Neighborhood
  • September 1, 2014 at 10:25 pm #105986
    nicenicenice
    Member
    Post count: 14

    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.
    September 2, 2014 at 2:54 am #106052
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please explain issues as attached screenshots.
    Thanks

    September 2, 2014 at 9:24 am #106174
    nicenicenice
    Member
    Post count: 14

    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.
    September 3, 2014 at 8:45 am #106555
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    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

    September 3, 2014 at 11:28 am #106645
    nicenicenice
    Member
    Post count: 14

    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.
    September 3, 2014 at 11:31 am #106649
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

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

    September 3, 2014 at 11:44 am #106657
    nicenicenice
    Member
    Post count: 14

    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.

    September 3, 2014 at 12:33 pm #106684
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    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

    September 3, 2014 at 1:07 pm #106701
    nicenicenice
    Member
    Post count: 14

    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?!

    September 3, 2014 at 1:58 pm #106721
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    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

    September 3, 2014 at 6:44 pm #106814
    nicenicenice
    Member
    Post count: 14

    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.
    September 4, 2014 at 7:27 am #106960
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    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

    September 4, 2014 at 10:59 am #107019
    nicenicenice
    Member
    Post count: 14

    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 😉

    September 4, 2014 at 11:33 am #107046
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

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

    September 4, 2014 at 1:08 pm #107085
    nicenicenice
    Member
    Post count: 14

    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!

  • Back to forum
    Posted in: Neighborhood
Viewing 15 posts - 1 through 15 (of 16 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register