Shopping Cart / View Cart missing in some browsers

Has anyone else had complaints that the view cart button doesn't show on some browsers / computers?
We've had 2 customers ring up to complain they couldn't see it lately - and when I was at the airport last night I went to our site and it wasn't their either. (Qantas Melbourne lounge - safari - mac). The button was completely missing.
What's strange is I've tested it on 3 other safari mac's before and it was there.
Does anyone have any ideas?

This will not be a system issue and isn't - All good here on all sites.
Try this though.... Press Command + or Command - and see if it drops off. If so then the person has zoomed in or out on their browsers.
IF not it will be a CSS issue in certain safari (and thus webkit) versions.

Similar Messages

Error in the Shopping Cart view

In the shopping cart view, the list is showing shopping carts that are completed even though the queries are set to not show completed shopping carts. There is no way to make the completed ones go away and only show active ones.
Under the "Status" column these are shown as "approved". Are they not going from approved to "completed" or some other such category even though goods receipts have been done.
Any help will be appreciated.
Thanks
Karina

Hi,
In standard, the "last" status at shopping cart header is the approved one (I1129). Shopping cart does not behaves like purchase order or RFX, where you can complete the document and the header status will assume it.
You can check the current shopping cart status at header level in BBP_PD transaction.
After shopping cart is ordered, it will go to approval and afterwards it will assume the approved status, which is the last one at heder level.
I hope it helps.
Kind regards,
Ricardo

View Cart Link Missing

I have no clue what I have done but my view cart link that shows up after adding something to the shopping cart is missing from the page. How do I get it back? How did I remove it? I am still relatively new to this and keep stumblin gover silly things like this.

Didn't help.
Here's my CSS and link
http://bffnew.businesscatalyst.com/home
html,body {
          height: 100%;
          margin: 0;
h2{
    color: #f7f7f7;
    font-size:30px;
h3{
color: #f7f7f7;
body{
          margin:0;
          font:13px/15px Arial, Helvetica, sans-serif;
          color:#000000;
          background:url(../images/BffNewBG.png) no-repeat;
          min-width:990px;
img {border:0;}
form, fieldset{
          margin:0;
          padding:0;
          border:0;
input,textarea,
select{
          font:100% Arial, Helvetica, sans-serif;
          vertical-align: middle;
input[type=text], input[type=password], input[type=file], textarea{-webkit-appearance:none;}
a{
          color:#0087e1;
          text-decoration:none;
          outline:none;
a:hover{text-decoration:underline;}
#wrapper{
          width:990px;
          margin:0 auto;
          min-height:100%;
#header{
          height:1%;
          padding:12px 0 0;
          position:relative;
          z-index:1;
#header:after{
          display:block;
          clear:both;
          content:'';
.header-block{
          overflow:hidden;
          margin:0 0 31px;
.logo{
          background:url(../images/logo.jpg) no-repeat;
          margin:0;
          float:left;
          overflow:hidden;
          width:82px;
          height:30px;
          text-indent:-9999px;
.logo a{
          height:100%;
          display:block;
.slogan{
          float:left;
          background:url(../images/sp.jpg) no-repeat 0 9px;
          padding:6px 0 3px 35px;
          margin:0 0 0 34px;
.header-block ul{
          margin:0;
          padding:1px 0 0;
          list-style:none;
          overflow:hidden;
          float:right;
          font:21px/23px Arial, Helvetica, sans-serif;
          width:228px;
.header-block li{
          float:left;
          background:url(../images/sp.jpg) no-repeat 0 6px;
          margin:0 1px 0 -1px;
          padding:0 14px 0 23px;
.header-block li a{
          float:left;
          margin:3px 0 0;
* +html .header-block li a{margin:1px 0 0;}
.header-block li span{
          float:left;
          margin:3px 0 0;
.cartSummaryLink,
.cart-link{
          float:right;
          text-indent:-9999px;
          overflow:hidden;
          background:url(../images/myitems.jpg) no-repeat;
          width:22px;
          height:18px;
          margin:11px 0 0 14px;
.cartSummaryLink{display:none;}
.header-panel{
          background:url(../images/navigation.jpg) no-repeat;
          height:57px;
.header-panel:after,
.header-panel ul:after{
          display:block;
          clear:both;
          content:'';
.header-panel ul{
          float:left;
          margin:0;
          padding:0;
          list-style:none;
          font:18px/20px Arial, Helvetica, sans-serif;
          text-transform:uppercase;
.header-panel ul li{
          float:left;
          border-right:1px solid #dfdfdf;
          padding:2px 1px;
          position:relative;
          margin:0 1px 0 -1px;
.header-panel ul li a {
          float:left;
          padding:21px 30px 0;
          height:32px;
          color:#333333;
* +html .header-panel ul li a{
          padding:16px 30px 0;
          height:37px;
.header-panel ul li:hover a,
.header-panel ul li a:hover {
          background:#ececec;
          text-decoration:none;
.header-panel ul li.home a {
          margin:-2px 0 0;
          height:32px;
          padding:23px 30px 0;
* +html .header-panel ul li.home a{
          padding:18px 30px 0;
          height:35px;
.header-panel ul li.home:hover a,
.header-panel ul li.home a:hover {
          background:url(../images/homeHover.jpg) no-repeat;
.header-panel ul li:hover{position:relative;}
.header-panel ul li:hover ul{display:block;}
.header-panel ul li ul{
          padding:0 15px 12px;
          position:absolute;
          top: 47px;
          background:#eaeaea;
          z-index:3;
          left:-1px;
          width:208px;
          display:none;
          margin:10px 0 0;
          border-top:1px solid #fff;
.header-panel ul li ul li{
          float:none;
          border-right:0;
          padding:0;
          border-bottom:1px solid #e3e3e3;
          vertical-align:top;
          height:1%;
.header-panel ul li ul li a{
          padding:10px 10px 9px;
          display:block;
          color:#666666;
          text-decoration:none;
          height:auto;
          font-size:12px;
          margin:0;
          background:none !important;
          float:none;
.header-panel ul li ul li a:hover{
          background:#2489CC !important;
          color:#fff;
.search-form{
          float:right;
          width:252px;
          height:25px;
          background:url(../images/search.png) no-repeat;
          margin:11px 33px 0 0;
          position:relative;
          padding:9px 0 0;
.search-box{
          overflow:hidden;
          padding:0;
.search-form .submit {
          float:left;
          width:16px;
          height:14px;
          background:url(../images/bSearch.png) no-repeat;
          border:none;
          text-indent:-9999px;
          line-height:0;
          padding:0;
          margin:2px 0 0 15px;
          cursor:pointer;
.search-form .text {
          float:right;
          background:none;
          border:0;
          width: 195px;
          font-size:12px;
          color:#666;
          outline:none;
          padding:0;
          margin:0 15px 0 0;
#main{
          overflow:hidden;
          padding:0 0 100px;
.main-frame{
          background:#fff;
          border:1px solid #dfdfdf;
          border-top:0px;
          padding:32px 32px 43px;
          overflow:hidden;
.gallery{
          position:relative;
          overflow:hidden;
          width:922px;
          border:1px solid #DEDEDE;
          margin:0 0 24px;
.gallery-holder{
          position:relative;
          overflow:hidden;
          width:922px;
          height:287px;
.gallery-holder ul{
          width:99999px;
          margin:0;
          padding:0;
          list-style:none;
.gallery-holder ul li{
          float:left;
          width:922px;
          height:287px;
.gallery-holder ul li img{display:block;}
.switcher{
          position:absolute;
          right:26px;
          bottom:26px;
          background:url(../images/slideshow_violator.png) no-repeat;
          width:82px;
          height:24px;
          margin:0;
          padding:14px 0 0 16px;
          list-style:none;
.switcher ul{
          margin:0;
          padding:0;
          list-style:none;
.switcher li{
          float:left;
          margin:0 7px 0 0;
.switcher li a{
          float:left;
          text-indent:-9999px;
          overflow:hidden;
          width:11px;
          height:11px;
          background:url(../images/slide_navigation_noactive.png) no-repeat;
.switcher li a:hover,
.switcher ul li a.active{
          background:url(../images/slide_navigation_hover.png) no-repeat;
.main-holder{
          overflow:hidden;
          height:1%;
#sidebar{
          float:left;
          width:230px;
          padding:8px 0 0;
.sidebar-box{
          border:1px solid #e3e3e3;
          overflow:hidden;
          padding:0 0 5px;
          margin:0 0 32px;
.sidebar-box h2{
          background:#f9f9f9 url(../images/tBox.jpg) 10px 13px no-repeat;
          padding:8px 0 6px 27px;
          font:19px/21px Arial, Helvetica, sans-serif;
          color:#333;
          margin:0 0 4px;
          border-bottom:1px solid #dfdfdf;
          text-transform:uppercase;
.sidebar-box h2 a{color:#333;}
.sidebar-box ul{
          margin:0;
          padding:0 12px 0 10px;
          list-style:none;
          overflow:hidden;
.sidebar-box ul li{
          padding:1px 0;
          border-top:1px solid #e3e3e3;
          margin:-1px 0 1px;
.sidebar-box ul li a{
          padding:11px 8px;
          display:block;
          color:#666666;
          text-decoration:none;
          font-size:12px;
.sidebar-box ul li a:hover,
.sidebar-box ul li.active a{
          color:#3F9FFF;
          background:#fbfafa;
.sidebar-box ol{
          margin:0;
          padding:0 0 20px 29px;
          color:#666;
          counter-reset:section;
          list-style:none;
.announcement-list{
          font:13px/18px Arial, Helvetica, sans-serif;
          padding:10px 13px;
.announcement-list h3{
          margin:0 0 10px;
          font:bold 13px/15px Arial, Helvetica, sans-serif;
.announcement-list h3 .date{
          display:block;
          margin:0;
.announcement-list p{margin:0;}
.sidebar-box ol li:before,
.sidebar-box ol li .list-item-before {
          content:''counter(section)'.';
          counter-increment:section;
          margin:0 0 -16px -20px;
          position:relative;
          display:block;
          width:27px;
.sidebar-box ol li{
           list-style-type:expression(
           function(t){
           t.runtimeStyle.listStyleType = 'none';
           t.insertAdjacentHTML('afterBegin','<span class="list-item-before">' + (++t.parentNode.IEcounter || (t.parentNode.IEcounter = 1)) + '. </span>');
           }(this)
.sidebar-box ol li{margin:17px 0 0;}
.sidebar-box ol li a{color:#1aade4;}
#icons{
          overflow:hidden;
          padding:0 0 0 32px;
#icons img{
          float:left;
          margin:0 3px 0 0;
#content{
          float:right;
          width:664px;
          overflow:hidden;
#content h2{
          font:24px/27px Arial, Helvetica, sans-serif;
          background:url(../images/tContent.jpg) no-repeat 0 6px;
          padding:3px 0 0 28px;
          margin:0 0 26px;
          text-transform:uppercase;
.system-message h1,
.system-error-message h1,
.user-info h2,
.shop-checkout h1,
.announcement-details h1{
          font:24px/27px Arial, Helvetica, sans-serif;
          margin:0 0 26px;
          text-transform:uppercase;
          color:#2489CC;
.products,
.productfeaturelist,
.productSmall{
          overflow:hidden;
          margin:0;
          padding:6px 0 0;
          list-style:none;
          width:990px;
.shop-main ul.productSmall{margin:0 0 30px;}
#content .products,
#content .productfeaturelist{
          width:710px;
          padding:0 0 1px 3px;
          border-bottom:1px solid #e3e3e3;
.products li,
.productfeaturelist li,
.productSmall li{
          float:left;
          width:270px;
          padding:0 58px 30px 0
#content .products li,
#content .productfeaturelist li{
          width:308px;
          padding:0 43px 30px 0;
.shop-product-large .image .productPopletsItem img{margin:0 10px;}
.products li img,
.productfeaturelist li img,
.shop-product-large .image img,
.productSmall td img,
.productSmall li img{
          display:block;
          border:1px solid #e3e3e3 !important;
          margin:0 auto 10px;
.products h3,
.productfeaturelist h3,
.productSmall h3{
          margin:0;
          font:24px/27px Arial, Helvetica, sans-serif;
          overflow:hidden;
.products h3 .cufon{float:left;}
.cufon-active .products h3{line-height:29px;}
.products h3 a,
.productfeaturelist h3 a,
.productSmall h3 a{color:#666;}
.products h3 a:hover,
.productfeaturelist h3 a:hover,
.productSmall h3 a:hover{text-decoration:none;}
.products span.price,
.productfeaturelist span.price,
.productSmall .price{
          color:#3F9FFF;
          font:12px/15px Arial, Helvetica, sans-serif;
.shop-product-large li.price{
          color:#3F9FFF;
          font:24px/27px Arial, Helvetica, sans-serif;
          display:block;
          text-align:right;
          margin:0 0 29px;
.shop-product-large .description{
          border-bottom:1px solid #e3e3e3;
          margin:0 0 27px;
          padding:0 0 8px          ;
.paging{
          overflow:hidden;
          font-size:12px;
          border-top:1px solid #E3E3E3;
          padding:32px 0 0;
.shop-main .footer{
          float:right;
.previous-holder{float:left;}
.next-holder{float:right;}
.pagination-holder{
          float:left;
          padding:8px 10px 0 0;
.pagination-holder a{
          padding:0 8px;
          color:#333;
          text-decoration:underline;
.pagination-holder a:hover{text-decoration:none;}
.paging ul li.prev a,
.paging ul li.next a{
          float:left;
          text-indent:-9999px;
          overflow:hidden;
          width:29px;
          height:27px;
          background:url(../images/gpPrev.jpg) no-repeat;
          margin:-7px -7px 0 0;
.paging ul li.next a{
          background:url(../images/gpNext.jpg) no-repeat;
          margin:-7px -16px 0 11px;
.paging ul li span{
          letter-spacing:2px;
          float:left;
          margin:0 0 0 -4px;
.paging ul li a:hover,
.paging ul li.active a{text-decoration:underline;}
#footer{
          width:990px;
          margin:-80px auto 0;
          height:80px;
.footer-box{
          float:left;
          width:500px;
          font:14px/17px Arial, Helvetica, sans-serif;
.footer-box p{margin:0 0 4px;}
.footer-box span{
          display:block;
          font:12px/15px Arial, Helvetica, sans-serif;
.add-nav{
          overflow:hidden;
#footer ul,
.add-nav ul{
          float:right;
          overflow:hidden;
          margin:0 -11px 0 0;
          padding:0;
          list-style:none;
          font:12px/15px Arial, Helvetica, sans-serif;
.add-nav ul{margin:0;}
#footer li,
.add-nav li,
.add-nav span{
          float:left;
          background:url(../images/sp2.jpg) no-repeat 0 4px;
          margin:0 1px 0 -1px;
          padding:0 10px 0 15px;
.add-nav span{
          float:right;
          font:12px/15px Arial,Helvetica,sans-serif;
#footer li a,
.add-nav li a,
.add-nav span a{color:#666;}
.main-panel{
          background:#ffffff url(../images/titleExt.jpg) repeat-x;
          border:1px solid #e6e6e6;
          padding:20px 15px 16px;
          overflow:hidden;
          margin:0 0 26px;
.main-panel .breadcrumbs{
          background:url(../images/play.png) no-repeat 0 50%;
          padding:0 0 0 29px;
          float:left;
          margin:0;
          list-style:none;
          color:#666;
          text-transform:uppercase;
          font:15px/17px Arial, Helvetica, sans-serif;
.main-panel .breadcrumbs span{
          float:left;
          margin:0 11px 0 0;
.main-panel .breadcrumbs a{
          color:#666;
          margin:0 8px 0 0;
          float:left;
.header-panel ul li a .cufon{float:left;}
.cufon-active .header-panel ul li a{line-height:24px;}
.main-panel .breadcrumbs a:hover{text-decoration:none;}
.container{
          overflow:hidden;
.email-form{
          float:left;
          width:422px;
          margin:2px 0 0;
.email-form td{padding:0 !important;}
.email-form .text,
.login-form .cat_textbox,
.secure-login .cat_textbox_small,
.system-error-message .textbox,
.registration .cat_textbox,
.edit .cat_textbox,
.comment-list .cat_textbox_small,
.comment-form .cat_textbox_small,
.shop-checkout .cat_textbox{
          display:block;
          background:#fff;
          border:1px solid #e3e3e3;
          padding:11px 10px;
          margin:0 0 16px;
          outline:none;
          width:400px;
          color:#666;
          font:12px/15px Arial, Helvetica, sans-serif;
.edit .cat_textbox,
.shop-checkout .cat_textbox{display:inline;}
.registration .cat_textbox,
.edit .cat_textbox{margin:0;}
.email-form textarea,
.comment-list textarea,
.comment-form textarea,
.shop-checkout textarea{
          display:block;
          background:#fff;
          border:1px solid #e3e3e3;
          padding:12px 10px;
          margin:0 0 16px;
          outline:none;
          height:174px;
          max-height:174px;
          max-width:400px;
          width:400px;
          color:#666;
          font:12px/15px Arial, Helvetica, sans-serif;
          overflow:auto;
.email-form .submit,
.login-form .cat_button,
.secure-login .cat_button,
.system-error-message .button,
.registration .cat_button,
.edit .cat_button,
.comment-list .submit,
.comment-form .cat_button,
.shop-checkout .cat_button,
.user-info .edit-details{
          display:block;
          background:#2489CC;
          border:none;
          color:#fff;
          font:11px/15px Arial, Helvetica, sans-serif;
          padding:0;
          margin:0;
          cursor:pointer;
          width:194px;
          height:41px;
          text-transform:uppercase;
.user-info .edit-details{
          text-align:center;
          padding:14px 0 0;
          height:27px;
          margin:10px 0 0;
.user-info .edit-details:hover{text-decoration:none;}
.login-form label,
.secure-login label,
.system-error-message label,
.registration label,
.edit label,
.comment-list label,
.comment-form label,
.shop-checkout label{
          font:13px/15px Arial, Helvetica, sans-serif;
          margin:0 0 7px 10px;
          display:block;
.shop-checkout select{margin:0 0 16px;}
.comment-list .has-captcha label{margin:0 0 7px;}
.comment-list .has-captcha .cat_textbox{
          display:block;
          background:#fff;
          border:1px solid #e3e3e3;
          padding:11px 10px;
          margin:0;
          outline:none;
          width:138px !important;
          color:#666;
          font:12px/15px Arial, Helvetica, sans-serif;
.system-error-message{
          width:670px;
          margin:0 auto;
          padding:0;
          background:none;
          border:none;
.container-info{
          float:right;
          width:471px;
          line-height:22px;
.container-info h2{
          margin:0 0 17px;
          font:30px/33px Arial, Helvetica, sans-serif;
          color:#2489cc;
.container-info p{margin:0 0 20px;}
.cartSummaryTable{margin:13px 0 0;}
.edit table{margin:0 0 40px;}
.hidden{display:none;}
.user-info dl{
          margin:0;
          overflow:hidden;
.user-info dt{
          float:left;
          margin:0 5px 5px 0;
          width:85px;
.user-info dd{margin:0 0 5px;}
.user-info h2{margin:15px 0 10px 15px;}
.order-list{margin:10px 0;}
.order-list td{padding:6px;}
.registration h2,
.edit h2,
.comment-form h5{
          color: #2489CC;
          font: 23px/27px Arial,Helvetica,sans-serif;
          margin: 0 0 16px;
.edit h2{margin:0 0 6px 10px;}
.registration table{margin:0 0 10px;}
.captcha-holder strong,
.registration .captchaimg img,
.edit strong{display:block;}
.registration .captchaimg,
.comment-list .captchaimg,
.comment-form .captchaimg{margin:0 0 10px;}
.captcha-holder .cat_textbox{
          width:140px !important;
          padding:5px 10px;
.blog-list{
          background:none;
          border:none;
          font:13px/15px Arial, Helvetica, sans-serif;
.blog-post h2,
.post-list h2{
          color: #2489CC;
          font: 29px/31px Arial,Helvetica,sans-serif !important;
          margin: 0 !important;
          border:none !important;
          padding:0 !important;
          text-transform:uppercase;
.post-list #catforumoutput h2{
          font: 20px/23px Arial,Helvetica,sans-serif !important;
          text-indent:15px;
.breadcrumb{display:none;}
.blog-post h2 a:hover,
.post-list h2 a:hover{text-decoration:none;}
.blog-container .description{display:none;}
.post-details,
.post-body p{margin:0 0 5px !important;}
.comment-list{
          background:none;
          border:none;
          padding:0;
.comment-list h5{
          color: #2489CC;
          font: 25px/27px Arial,Helvetica,sans-serif !important;
          margin: 0 !important;
.comments-form{margin:25px 0 0;}
.comments-form .item,
.comment-form .item,
.shop-checkout .item,
.secure-login .item{padding:0 0 10px !important;}
.secure-login div.form{padding:0;}
.secure-login .checkbox{
          float:left;
          margin:0;
          padding:0;
          width:16px;
          height:15px;
.BlogRecentPost li, .BlogTagList li, .BlogPostArchive li{
          font:13px/15px Arial, Helvetica, sans-serif;
.side-panel h4{
          margin:0 0 10px;
          font:bold 14px/17px Arial, Helvetica, sans-serif;
.account-container{
          overflow:hidden;
.account-container h2{
          color: #2489CC;
          font: 27px/29px Arial,Helvetica,sans-serif !important;
          margin: 0 0 20px;
.account-container .holder{
          overflow:hidden;
.account-container h3{
          margin:0 0 16px;
          font:bold 16px/19px Arial, Helvetica, sans-serif;
          background:none;
          border:none;
          padding:0;
          text-transform:uppercase;
.account-container p{margin:0 0 16px 10px;}
.account-container .column{
          float:left;
          width:450px
.create-account{
          display:block;
          background:#2489CC;
          border:1px solid #e3e3e3;
          color:#fff;
          font:11px/15px Arial, Helvetica, sans-serif;
          width:194px;
          height:28px;
          text-transform:uppercase;
          text-align:center;
          padding:13px 0 0;
.create-account:hover{text-decoration:none;}
.login-form,
.secure-login{
          width:428px;
          float:right;
          border:none;
          background:none;
          margin:0;
.view-display{
          float:right;
          font:11px/13px Arial, Helvetica, sans-serif;
          padding:3px 4px 0 0;
.view-display a{
          text-decoration:underline;
.view-display a:hover{text-decoration:none;}
.catalogueTable,
.shop-main .header,
.shop-cart .breadcrumbs,
.shop-cart h1{display:none;}
.shop-product-large{
          overflow:hidden;
          border:none;
.shop-product-large .image{
          margin:0;
          float:left;
          padding:0;
          width:420px;
.shop-product-large .details{
          float:right;
          padding:0;
          background:none;
          width:472px;
          margin:-6px 0 0;
          line-height:22px;
.shop-product-large h1,
.forum-container h1,
.forum-posts-container h1,
.blog-container h1{
          color:#2489CC;
          font:29px/31px Arial, Helvetica, sans-serif;
          margin:0 0 16px;
.blog-container h1 img{margin:0 0 0 10px;}
.shop-product-large .details p{margin:0 0 19px;}
.shop-product-large li.instock{display:none;}
.shop-product-large .details .quantity .productTextInput{
          display:none;
.shop-product-large .details .quantity img{
          top:0;
          float:right;
          margin:-2px 0 0 10px;
          cursor:pointer;
.shop-product-large ul{
          margin:0 0 66px;
          padding:0;
.radio-holder{
          overflow:hidden;
          padding:0 0 10px 10px;
.poplets {
    border-top:none;
    margin: 0;
    padding: 13px 0 0;
.sitemap ul{
          margin:0;
          padding:0 0 0 20px;
          list-style:none;
          font:14px/17px Arial, Helvetica, sans-serif;
.sitemap li{
          padding:4px 0 7px 20px;
          background:url(../images/tBox.jpg) no-repeat 0 8px;
.sitemap li ul{padding:7px 0 0 20px;}
table.topic-list th{
          font:14px/17px Arial, Helvetica, sans-serif !important;
.shop-cart .cart{
          border:none;
          font:15px/17px Arial, Helvetica, sans-serif;
.remove-link a{
          display:block;
          text-indent:-9999px;
          overflow:hidden;
          width:8px;
          height:8px;
          background:url(../images/ico-remove.gif) no-repeat;
          margin:25px auto 0;
.shop-cart table.cart th{
          background:none;
          color:#666;
          font:18px/23px Arial, Helvetica, sans-serif;
          text-transform:uppercase;
          text-align:left;
          padding:25px 24px;
          border:none;
.shop-cart table.cart .val td{
          padding:0;
          background:#f8f8f8;
          border:none;
.shop-cart table.cart td.productname a{color:#666;}
.shop-cart table.cart .val td.quantity input{
          display:block;
          background:#eaeaea;
          color:#999;
          padding:3px 0;
          margin:0;
          border:none;
          width:124px;
          text-align:center;
.buttons-holder{
          overflow:hidden;
.buttons-holder a{
          float:left;
          text-indent:-9999px;
          overflow:hidden;
          width:62px;
          height:20px;
          background:url(../images/ico-minus.gif) no-repeat;
.buttons-holder a.plus{background:url(../images/ico-plus.gif) no-repeat;}
table.cart strong{
          font:19px/21px Arial, Helvetica, sans-serif;
.envelope{
          margin:0 0 20px;
table.cart .invoice-total{
          vertical-align:middle;
          text-align:center;
table.cart .invoice-total .envelope{
          border:1px solid #ebebeb;
          height: 55px;
    padding: 26px 10px 0;
    width: 268px;
table.cart .invoice-total strong{
          color:#1a8bd7;
          font:34px/37px Arial, Helvetica, sans-serif;
tr.shipping td{border:none;}
tr.total td{border-bottom:1px solid #DDD;}
table.cart td.total-section{
          vertical-align:middle;
table.cart td.actions{
          vertical-align:top;
table.cart .actions a{
          color:#666;
          font:14px/17px Arial, Helvetica, sans-serif;
          float:right;
table.cart .actions a.continue-shopping{
          margin:15px 18px 0 0;
table.cart .actions a.continue-shopping:hover{color:#999;}
table.forum td,
table.topic{
          font:13px/15px Arial, Helvetica, sans-serif;
table.forum h3{
          margin:0;
          font:bold 13px/15px Arial, Helvetica, sans-serif;
.productitemcell{
          height:70px;
          padding:27px 23px;
          border-bottom:1px solid #fff;
.cart-image .productitemcell{
          width:121px;
          height:67px;
          padding:28px 23px 29px;
.productitemcell img{
          display:block;
          border:1px solid #ebebeb;
          width:100%;
.productname .productitemcell{
          width:180px;
          padding:47px 0 7px;
.shop-cart table.cart th.productname{padding:25px 0;}
.price-section .productitemcell{
          padding:47px 0 7px 23px;
          color:#1a8bd7;
          width:60px;
.product-image{
          width:268px;
          height:201px;
.product-image img{width:100%;}
#content .product-image{
          width:auto;
          height:auto;
.hidden{display:none;}

Is there a good way to replace the "view cart" text with another text?

I have this big issue i'm still stuck with, i hope someone can help me.
I need to change the text "view cart" in the cart-summary module. I have learned that i can do this with javascript: http://forums.adobe.com/message/4409239#4409239
But there are problems:
When i use this javascript:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script>
$(function () {
$(".cartSummaryLink").text("Afrekenen");
$(function () {
$(".cartLink").text("Winkelwagen is geleegd");
</script>
The "view cart" is replaced with "afrekenen".
BUT:
When i add another product in the large product layout the text "view cart" is back...
When i delete a product in the cart the "view cart" text is also back
When i refres the page the "view cart" text is replaced again with "afrekenen"
So i thought, to use some javascript to refresh the page when a product is added:
<script type="text/javascript">
function AddProductExtras(){
document.location.reload(true);
</script>
This works but you can see that the text changes from "afrekenen" to "view cart" and back to "afrekenen" Also the page is rebuild again which is not a very good solution. So here are my questions:
Is there a better work around?
If not, is there a way that when a product is deleted in the cart the page can also be refreshed?
Thanks,
Frank

Hello Mario,
Here's my site where i'm working on:
http://grootaartseuronics.businesscatalyst.com/index.html
The cartsummary module is located at the right sitebar.
The code is:
<div id="plh_winkelwagen">
<div class="cart-summary">{module_shoppingcartsummary,vertical,}</div>
</div>
The CSS is:
#plh_winkelwagen {
float: right;
width: 160px;
height: 100px;
margin: 20px;
background-color: #FFC;
background-image:url(../Images/Winkelmandje_nieuw_25.png);
-webkit-border-radius: 15px; /* Safari */
-webkit-border-radius: 15px; /* Safari */
-moz-border-radius: 15px; /* Firefox */
-moz-border-radius: 15px; /* Firefox */
border-radius: 15px; /* CSS */
border-radius: 15px; /* CSS3 */
.shop-main .cart-summary {
float: right;
width: 40%;
So with your solution I should remove the background plh_winkelwagen en create or put it in the a.cartsummarylink? Or should i keep the plh-winkelwagen and just add your solution. I can create a png the same size as the: winkelmandje_nieuw_25.png with the "afrekenen" text in it?
Thanks,
Frank

Change color "view cart" link

Hi i'm looking for a way to change the color for the "view cart" link in this module: {module_shoppingcartsummary,vertical,}
Any suggestions?
Thanx,
Frank

Ahh, so was visited link. Hard to tell when your not looking at it to offer help
An anchor you should always look to do the following...
There are your 3 main states - link, visited, hover.
You do not need to reference :link because browsers know the html element is a link but you can be specific if you wish.
So in terms of your css you have
a,
a:visited
a:hover
Often you will want the visited link to be the same as your main so a css would normally form..
a, a:visited { color:#333; }
a:hover { color:#cc0000; }
For example

View cart adds another order?

Hi, We have a website that has the add to cart button. Today, I am trying to add the view cart button to the pages (I think I have to add them to all), but when I tested on the first and second pages I added them to, it adds another order. Here are the pages I have added the view cart buttons to: http://snowblowerskids.com/asc0310-a/ http://snowblowerskids.com/asc1545-a/ So if you order a set of skids on one page, then another set on the next, then hit the view cart button, whatever page you are on, it adds another set to the order form. Thanks in advance for any help. LS

Hi
This is SAP standard functionality. Internally SAP sorts the order based on first column say (Line number / Catalog Product Number, etc..). Nothing much can done here.. I guess so..
Anyways, we can change the sort oder of the Shopping cart line items programmatically using BADI - BBP_DOC_CHANGE_BADI or using BBP_CATALOG_TRANSFER BADI. )
<b>P.S.: Read the standard documentation of the BADIs using SE18 Transaction.</b>
<u>Please go through the link below -></u>
Re: changing sort order of SC items?
<u>Other related link -></u>
Re: The Purpose of "Renumber Items" button at PO Item data
Regards
- Atul

View Cart actionscript

I am creating a shopping cart using paypal. It works fine but
it wants me to have a html view cart button. I already had a fla
button for it. I am new to actionscript. Do you know how the
actionscript should read?

<form target="paypal"
action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business"
value="[email protected]">
<input type="image"
src="https://www.paypal.com/en_US/i/btn/view_cart_02.gif"
border="0" name="submit" alt="Make payments with PayPal - it's
fast, free and secure!">
<input type="hidden" name="display" value="1">
</form>

One View Cart Button for Header

Hello,I created a view cart button and copied the text link. However, it an additional item to the cart everytime the view cart button is clicked. I need one generic view cart button for my header that will only open the shopping cart page, without having to create a separate view cart button for every item. Thank you!

The entire form code goes wherever you want it on your page.
Object --> Insert HTML
And then put the object where you want it on your page.

Viewing iWeb pages in other browsers/platforms

Any known issues with viewing iWeb pages in other browsers like IE (older versions especially) or on a PC platform? I'm ready to build a big but simple family site, but my first test page (jnmobecker.home.comcast.net) is not playing nice. I see it fine on Safari on my Mac, other Macs (at work for instance) see it fine, one friend on a PC sees it fine, others on PCs do not. Specifically, all they can see is the top banner image of the three kids. I did try it on a PC at work today on IE, and I watched as the progress bar loaded 20+ images (the thumbnails and slideshow components I presume) but then nothing but that top bar. Thoughts and any sugggestions are much appreciated, thanks.
Mac Mini Mac OS X (10.4.8)

There are still problems with Firefox and IE: in particular, the font changes. In Safari it looks as it should, but others it reverts to some courier or verdana font.

Background nav image not displaying in some browsers...

Hi,
   I'm in the process of building a website template - still ironing out some bugs, but just discovered that the bacground image in my navigation bar isn't displaying on some browsers (including some versions of IE). It works in IE8 where my primary testing takes place (on both my local drive and from the temporary "live" server, but in most other browsers, doesn't show up...
below is a link to my test page:
http://home.roadrunner.com/~jgigandet/trinity/
and here is the css with the applicable code in red:
/*Menu Outer Wrapper*/
.p7PMMh04 {
width: auto;
height: 20px;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
background-image: url(img/new_bk.gif);
background-repeat: repeat-x;
background-color: #000;
text-align: left;
line-height: normal;
/*Hide Sub-Menu in Design View
Compensate for LI padding on Sliding Doors themes*/
.p7PMMh04 ul div {
display: none;
TOP LEVEL MENU
.p7PMMh04 ul {
margin: 0;
padding: 0;
.p7PMMh04 li {
list-style-type: none;
float: left;
width: 120px;
/* Hide from IE5 Mac \*/
.p7PMMh04 li {
width: auto;
/*Top Level Links*/
.p7PMMh04 a {
display: block;
text-decoration: none;
padding: 2px 14px 3px 14px !important;
color: #ffc42a !important;
/*border-right: 1px solid #8184e6; */
text-align: left;
/*Link hover when no drop down is present */
.p7PMMh04 a:hover {
color: #df8f04 !important;
/*background-color: #DFDFDF;*/
Syntax for special classes programatically assigned to first and last links and also LIs
See user guide for more information
.p7PMMh04 ul a.pmmfirst {
border-left: 1px solid #df8f04;
.p7PMMh04 ul ul a.pmmfirst {
border-left: 0;
.p7PMMh04 ul a.pmmlast {
.p7PMMh04 ul li.pmmfirst {
.p7PMMh04 ul li.pmmlast {
/*First Sub Level*/
.p7PMMh04 ul ul {
z-index: 10000;
background-color: #333;
width: 150px;
background-image: url(img/pmm_carbon_subs.jpg);
background-repeat: repeat-x;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
.p7PMMh04 ul ul li {
float: none;
background-color: #000;
background-image: none;
.p7PMMh04 ul ul a {
padding: 4px 12px !important;
color: #ffc42a !important;
border-right: 0;
text-align: left;
overflow: hidden;
/* rollover on 1st level rollovers */
.p7PMMh04 ul ul a:hover {
background-color: #333; !important;
color: #df8f04 !important;
/*Third Level (Flyouts in horizontal menu)*/
.p7PMMh04 ul ul ul {
border-top: 1px solid #df8f04;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #df8f04;
SPECIAL IMAGE-BASED RULES
.p7PMMh04 img {
border: 0;
.p7PMMh04 .p7PMM_img {
padding: 0px;
border: 0;
background-image: none;
background-color: transparent;
TRIGGERS and CUURENT MARK RULES
The Closed state relates to trigger items when their child menus are not showing
The Open state relates to trigger items when their child menus are showing
Selectors appended with _left Automatically change arrow position and orientation
if sub levels are set to fly out to the left
/*Sub Level*/
.p7PMMh04 ul a.trig_closed, .p7PMMh04 ul a.trig_closed_left {
background-image: url(img/pmm_south_medium.png);
background-repeat: no-repeat;
background-position: right center;
.p7PMMh04 ul a.trig_closed_up {
background-image: url(img/pmm_north_medium.gif);
background-repeat: no-repeat;
background-position: right center;
.p7PMMh04 ul a.trig_open, .p7PMMh04 ul a.trig_open_up {
color: #000 !important;
background-color: #DFDFDF !important;   /* This is background color of main dropdown rollover */
.p7PMMh04 ul ul a.trig_closed {
background-image: url(img/pmm_east_dark.png);
background-repeat: no-repeat;
background-position: right center;
.p7PMMh04 ul ul a.trig_closed_left {
background-image: url(img/pmm_west_dark.gif);
background-repeat: no-repeat;
background-position: left center;
.p7PMMh04 ul ul a.trig_open {
color: #FFF !important;
background-color: #424242 !important;
/*The Current Marker (You are here) links*/
.p7PMMh04 .current_mark {
font-weight: bold;
color: #60c3d1 !important;
.p7PMMh04 ul ul .current_mark {
color: #FFF !important;
Utility Rule used for Clearing floats in Horizontal Menus
.p7pmmclearfloat {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
Thanks in advance for any advice,
Jesse

You have applied a height of "auto"to your menubar container, which gives it no height at all in some browsers. If you have a clue what height you would like to display for your menubar, give it, instead of:
    <div style="height: auto;" id="p7PMM_1" class="p7PMMh04">
Better yet, leave it in the CSS file, where you will find it when you go looking for it. You already assign a height there:
.p7PMMh04 {
    width: auto;
    height: 20px;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-image: url(http://home.roadrunner.com/~jgigandet/trinity/img/new_bk.gif);
    background-repeat: repeat-x;
    background-color: #000;
    text-align: left;
    line-height: normal;
Because your inline style of height:auto; has more proximity (is closer) to the element being styled, it overrides the style in the stylesheet and applies the height: auto; instead of allowing the height: 20px;
Beth

Navbar font appears miniscule in some browsers

Why does the Navbar font size appear miniscule in some browsers, but fine in others?
My Website is paranormalstateillustrated.com
I'm using iWeb '08 version 2.0.4, "Darkroom" theme.
Navbar items appear miniscule in Safari version 3.1.2, but are "normal" when working in iWeb.
Navbar items (font size) appear fine in Firefox version 3.0.3- BUT I've had someone else say the Navbar links are too small when they use Firefox. What could cause this difference?
Should I just deselect the "Display navigation menu" in the Inspector, and build my own Navbar to help ensure all browsers display the same font/size?
Thank you for your input!

Roddy,
Thank you for your quick reply. I found why the Navbar appears miniscule in my Safari browser, and why it looked small in someone else's Firefox browser. It has to do with the "Preferences" of each browser.
SAFARI browser:
Select "Preferences" from the Safari pull-down menu.
Click on the "Appearance" tab.
Select a "Standard font" size large enough so it doesn't appear too small. Times 14 works okay.
FIREFOX browser:
Select "Preferences" from Firefox pull-down menu.
Select the "Content" tab.
Pick a larger font size under the "Fonts & Colors" section of the "Content".
That fixes the font size problem. It wasn't something "wrong" with iWeb.
I do, however, like your explanation that viewer's are seeing paranormal!
Thank you!

Flash video reports unavailable in some browsers

Hi,
I was trying out some browsers like uzbl, surf, dwb etc. but found some sites with flash where the video reported "Sorry, this episode is temporarily unavailable". When viewed with Firefox or Chromium it works fine. Here's an example:
http://thepunkeffect.com/?p=4830
Any idea what the issue would be?
Thanks

I think sometimes this is a result of the website not supporting your browser - at least in some cases. If it occurs on every website that uses flash, then your browser is looking for the plugin in the wrong directory or else you need to install nspluginwrapper (and perhaps configure it to look in your flashplayer directory for libflashplayer.so).

DW designed site, some browsers are dropping images and doing other wonky things, suggestions?

Hello, we have a small website and on the contact page there are hyperlinked images for facebook and linkedin. On some browsers or computers the images and links are being dropped entirely, including my own when I run Firefox but shows up fine in IE. On one computer instead of left aligning it was center aligned. Here is the page in question:
Vote Russ Tierney for State Representative
(Aside from the CSS doing away with tables which is a subject I still need to read up on) is there anything bad about that particular segment of html:
<tr>
<td colspan="2">Find me on:<br /><a href="https://www.facebook.com/voterusstierney"><img src="images/Facebook.png" alt="Facebook" width="47"/></a> <a href="https://www.linkedin.com/pub/russ-tierney/34/49/920"><img src="images/LinkedIN.png" alt="Linkedin"/></a></td>
</tr>
Suggestions?

Aaron Hartley wrote:
(Aside from the CSS doing away with tables which is a subject I still need to read up on) is there anything bad about that particular segment of html:
Possibly.
Servers are case sensitive, so a link to images/LinkedIN.png will not be directed to a file called linkedin.png on the server. Your local OS won't have an issue with it, but the server generally will view that as a separate file from the mixed case version.
You may want to go through and normalize your file names from within DW's Files window and keep them all as lower case alpha-numeric names. Don't use special characters or spaces in the names either. Instead of spaces, use underscores or hyphens. When you change the names from within the Files window, DW will update all of your links for you.
Since you're seeing issues in some but not all browsers, I'm guessing the above probably isn't the problem (still worth mentioning though). It almost sounds to me like you are caching older versions in some of those browsers. Try clearing the browser cache to see if that clears up the issue.
Also, run your pages through the validator at http://validator.w3.org to get a list of html errors in your page. HTML errors can cause all kinds of funky behavior between browsers/versions. If it's still happening once you have your code cleaned up, post back and we can take a closer look.

Complete chaos in some browsers

does anyone have any idea what this could be caused by? www.jumpandbumppartyrental.com/home.html in some browsers is bizarre. Totally out of place boxes and graphics overlapping. Thought it might be MSIE7 at work. Can anyone look at it and see if there's a coding issue? Looks fine on my Macs and in all browser testing sites shots I've seen so I'm confused as to what the issue might be. Looking forward to hearing from someone (quietlyhidingmydesperation...) Thanks for all ideas.

As I suspected by reading your head line, you have tried to design your entire page around apdivs, of div tags that are absolutly positioned. They are not the proper tool for layout, they dont play nice among the differrent browsers and just when you think you have it laid out perfect, you look at it in a new browser or machine, and its all perklempt....
You need to get an understanding of CSS and HTML and leave the apdivs alone. Find below a liquid layout that you should be able to adapt, or at the very least play with to get a better understanding of a layout. As far as I can see, you need to scrap your current layout and work with <div> tags that are not absolutely positioned.
gary
***** Copy and paste the code below into a blank code view page*****
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#header {
width:80%;
margin:auto;
border:#999999 1px solid;
#wrap {
width:80%;
margin:auto;
clear:both;
border:#999999 1px solid;
#tagline {
width:80%;
margin:auto;
clear:both;
border:#999999 1px solid;
#menu {
width:80%;
margin:auto;
clear:both;
border:#999999 1px solid;
#leftCol {
width:30.2%;
float:left;
#rightCol {
width:70%;
float:left;
#footer {
width:80%;
margin:auto;
clear:both;
border:#999999 1px solid;
</style>
</head>
<body>
<div id="header">This is your header div</div>
<div id="tagline">This is your tagline div</div>
<div id="menu">This is your menu div</div>
<div id="wrap">
<div id="leftCol">This is your left col div></div>
<div id="rightCol">
</div>
</div>
<div id="footer">This is your footer div</div>
</body>
</html>

Error Team Calendar : No Views found : Missing customization

Hi ,
User encounter the following error when he try to click on the team calender. "No Views found : Missing customization "
Any idea why and how to solve this Issue? this is happening for 1 employee only?
Table :
V_TWPC_V
In table V_TWPC_V, the view ESSDIR as follows
Eval. Path for Root Objects SAP_MANG
Evaluation Path Objects PTESSDIR
Initial Evaluation Depth 0
- the other fields and check boxes left blank.
V_TWPC_VG
PTESS     ESSDIR     ESS: Direct Employees     0
ATTEND     A_ALL     All Employees     1
ATTEND     A_DIR     Directly Reporting Employees     2
V_TWPC_VG_C
No entry and no data
Thank you
Siri
Edited by: Siri Sampada on Dec 28, 2010 10:52 AM

Hi ,
I checked that thread below is back-end info :
why only one employee encounter this issue - No Views found : Missing customization:
Table:
V_TWPC_V
In table V_TWPC_V, the view ESSDIR as follows
Eval. Path for Root Objects SAP_MANG
Evaluation Path Objects PTESSDIR
Initial Evaluation Depth 0
- the other fields and check boxes left blank.
V_TWPC_VG
PTESS ESSDIR ESS: Direct Employees 0
ATTEND A_ALL All Employees 1
ATTEND A_DIR Directly Reporting Employees 2
V_TWPC_VG_C
No entry and no data
Thanks,
Siri

Shopping Cart / View Cart missing in some browsers

Similar Messages

Maybe you are looking for