Show Pricing only when customer is LOGGED IN

[EMGM]

I would like to see an template specifically designed for WHOLESALE WEBSITES that allow the pricing to be viewed only by customers who have LOGGED IN. If this pricing feature already exists would someone please point me in the correct direction. THANKS

[ShopSite Lauren]

This isn't something that is built in, but it is something that could be setup in a custom template. What's the URL to your website so I can see what template you are using?

[EMGM]

I'm using 3 column Blues

[ShopSite Lauren]

I have modified 2 of the 3Column template publish files. If you upload these files with the exact names of the originals, they will override the originals.

Go to Merchandising > Custom Templates > Includes > New Publish File, name the first file 3Column-Basics.css and place the code below in that file.

Code: Select all

 body {padding: 0px; margin: 0px; text-align: center;}
 td, div {text-align: left;}
 body, th, tr, td {font-family: [-- IF STORE.Font --][-- STORE.Font --][-- ELSE --]Verdana, Geneva, sans-serif[-- END_IF --]; font-size: [-- IF STORE.FontSize --][-- STORE.FontSize --][-- ELSE --]12px[-- END_IF --];}
 .setsize {padding: 0px; margin: 0px auto; clear: both;}
 .nobr {white-space: nowrap;} textarea {max-width: 95%;}
 a {outline: 0px;}
####################### BORDERS #########################################
 #footerlinks, .suckertreemenu ul li ul li ul, table.shipping, #applygiftcert, #se_table_top, #se_table_bottom, #confirm-tbl {border-top-width: 1px; border-top-style: solid;}
 #right, div.footcat, #confirm-mid {border-left-width: 1px; border-left-style: solid;}
 #left, div.footcat, #confirm-mid {border-right-width: 1px; border-right-style: solid;}
 #left a, #left a.left_pagelink, #right a, table#mini-detail td, table.shipping, table.innerleft td, .search_pa_links, .suckertreemenu ul li ul, #se_table_top, #se_table_bottom, #confirm-tbl {border-bottom-width: 1px; border-bottom-style: solid;}
 #applygiftcert, #confirm-mid, #confirm-tbl, table.shipping, #se_table_top, #se_table_bottom, .search_pa_links, .pxborder, p.delete_ship_addr table, table.innerleft td {border-color: #[-- STORE.SC_ShadeColor --];}
 #right a.mini-txt, #left div a, #left a#img1, #right a#img2, #right td a, table.innerleft table td {border-bottom: 0px;}
####################### DIV Layouts #####################################
 #search_field, #container, #content, #search table {position: relative;}
 #toplinks, #colorbar {position: absolute;}
 #logo {width: 500px; float: left; min-height: 50px;}
 a.logo {float: left;}
 #search {padding: 36px 0px 0px 0px; width: 350px; float: right; white-space: nowrap;}
 #search table {top: -20px;}
 #search_field {top: -6px; width: 180px; font-size: 14px;}
 #toplinks {top: 0px; height: 30px; line-height: 30px; z-index: 4;}
 #toplinks a {padding: 0px 8px; text-decoration: none;}
 #ss_mb {display: block; float: right; clear: none; padding: 0px; margin: 0px;}
 #pagination, #pagination2 {margin: 0px; padding: 3px; text-align: center;}
 #pagination_inner, #pagination_inner2 {padding: 0px;}
 #pagination_inner, #pagination_inner2, #pagination a, #pagination2 a, .search_button, .search_button_selected {text-decoration: none; border: 0px; background-color: #[-- STORE.Color2 --];}
 #table {height: 500px; width: 100%; border-collapse: collapse;}
 #table td.side-line, #table td.side-line img {height: 1px; max-height: 1px; padding: 0px; margin: 0px; line-height: 1px; font-size: 1px; border: 0px;}
 td#left, td#right {width: 180px; min-width: 180px; max-width: 180px; text-align: left; vertical-align: top; height: 100%;}
 #left div.left_pagelinks, #right div.right_pagelinks {padding-bottom: 14px;}
 #left h2, #right h2, #right a.mini-txt, #left a.left_pagetitle, #right a.right_pagetitle {margin: 0px; padding: 10px 10px 5px 10px;}
 #left a, #right a, #left a.left_pagelink {display: block; text-decoration: none; padding: 3px 15px; margin: 0px 10px;}
 #left a.pa_lk_img {padding: 3px 0px;}
 #left div a, #left a#img1, #right a#img2, #right td a {background-position: 0px -100px; text-align: center;}
 #right, #right .MiniCart {text-align: center;}
 #right p {margin: 0px; padding: 20px 14px 6px 14px; text-align: left;}
 #right .product, #right .pr_img {width: 180px; max-width: 180px; overflow: hidden;}
 #right .product a.pr_img, #right .product a.pr_img img {text-align: center; margin: 0px auto; padding: 0px;}
 .MiniCart {padding: 0px 5px;}
 table#mini-detail {border-collapse: collapse; border-spacing: 0px; width: 100%;}
 table#mini-detail td {padding: 5px; border-bottom-width: 1px; border-bottom-style: solid;}
 table#mini-detail a {padding: 0px; margin: 0px;}
 #right a.fb_follow, #right a.twtr_follow, #right a.pt_follow, #right a.gplus_follow {display: inline; width: 30px; border-bottom-width: 0px; margin: 0px; padding: 3px;}
 img.social_follow, #right a img {border: 0px;}
 table#email_signup {padding: 5px; margin: 10px auto; border: 1px solid #[-- STORE.SC_ShadeColor --]; text-align: center;}
 table#email_signup td {text-align: center; white-space: normal;}
 table#newsletter_tbl {border-collapse: collapse; border-spacing: 0px; border: 0px; margin: 0px; padding: 0px;}
 td#newsletter_field {padding-left: 5px;}
 td#newsletter_field input {width: 90px;}
 #newsletter_submit input {font-weight: bold; font-size: 90%; color: #[-- STORE.TextColor --]; background: transparent; border: 0px; padding: 0px; margin: 0px;}
 a.fb_share, a.twtr_share {padding: 0px 4px 0px 0px;}
 span.pin-it-button {display: inline-block; width: 45px; overflow: hidden;}
 div.fb_share {display: inline-block; width: 55px; overflow: hidden;}
 div.twtr_share {display: inline-block; width: 88px; overflow: hidden;}
 div#plusone {display: inline-block; width: 75px; overflow: hidden;}
 #mu-mi-info a.fb_share, #mu-mi-info a.twtr_share {float: left;}
 #content {margin: 0px auto; float: left; z-index: 2; width: 100%;}
 #content_inner {padding: 0px 8px 6px 8px; vertical-align: top; width: 100%;}
 #content h1 {padding: 10px 5px 5px 5px; margin: 0px; font-size: 130%;}
 div#breadcrumbs {padding-bottom: 8px; text-align: left; line-height: 10px;}
 div#breadcrumbs a {font-size: 90%; text-decoration: none;}
 span.bc-arrow {padding: 0px 8px;}
 #footercategories {margin-top: 15px; clear: both; min-height: 80px;}
 div.footcat, div.footer_pagelinks {width: 198px; max-width: 198px; float: left; text-align: left; padding: 8px 0px; border-right-width: 1px; border-right-style: solid;}
 div.footcat h3, div.footer_pagelinks .footer_pagetitle {margin: 0px; padding: 8px 18px; text-align: center; color: #[-- STORE.SC_TextColor --]; font-weight: bold; text-decoration: none; display: block;}
 div.footcat a, div.footer_pagelinks a.footer_pagelink {display: block; padding: 2px 24px; margin: 0px; text-decoration: none;}
 #footertext {padding: 0px 0px 10px 0px;}
 #footertext h2 {padding: 10px 0px 0px 0px; margin: 0px;}
 #footertext p {padding: 0px; margin: 0px;}
 #footerlinks_inner {width: [-- IF STORE.PageWidth --][-- STORE.PageWidth --][-- ELSE --]900px[-- END_IF --]; margin: 0px auto; padding: 10px 0px; text-align: center;}
 #footerlinks_inner a {padding: 0px 4px;}
 #lastline {padding: 5px 0px 30px 0px; text-align: center;}
###################### PRODUCTS On PAGES ###############################
 .pr, .gc_pr_hm, .pc_pr {vertical-align: top; margin: 7px; padding: 3px 3px 10px 3px; height: 100%;}
 div.product {max-width: 100%;}
 div.product p {padding: 0px 0px 10px 0px; margin: 0px;}
 a.pr_img {display: block; margin: 6px 0px;}
 .pr a.pr_img, .gc_pr_hm a.pr_img, .pc_pr a.pr_img {min-height: 150px;}
 a.pr_nme {text-decoration: none; display: block; margin: 0px 0px 5px 0px;}
 span.pr_prc {display: none; padding: 10px 0px; height: 100%;}
 .pr_price {display: none;}
 span.pr_prc strike {display: block; color: #444;}
 .pr_qty, .pr_opt {display: block; padding: 4px 0px;}
 .pr_add {margin: 15px 0px 0px 0px; padding: 0px;}
 #mu-mi-main, #security_logo {padding: 16px 10px 10px 10px;}
###################### BASIC STYLES ####################################
 #mu-mi-main {margin-bottom: 10px;}
 .center table, .ship_logos {margin: 10px auto;}
 .center, #right .center, td.mini-qt, #submit, #mu-mi-info-center, #mu-mi-img, table.qp_header td, #press-recal, .prod_img, .row_img, td.payment_hdr, #applygiftcert {text-align: center;}
 .left, .mini-pr, .mini-pr-txt, #logo h1, table.giftcert td.giftcert, .qp_quantitytxt, .qp_pricetxt, .qp_saletxt, ul, li, #mu-mi-info table.instruct, .cart_name, .cart_cp_name, table.cart td.cart_name, .cart_name, .cart_cp_name,
 .cart_sku, .cart_cp_sku, .cart_op, .cart_op table td, .cart_op1, .cart_op2, select.cart, .sql_addr td, .sql_addr_select td, .selectzipncountry td, table.addr td, #left a.left_pagelink  {text-align: left;}
 .right, table#mini-detail a, .mini-pc, .mini-pc-txt, .mini-sub-txt, #coupon {text-align: right;}
 div.footcat h3, span.currentpage {font-size: 120%;}
 .Big, #left h2, #right h2, a.mini-txt, #left a.left_pagetitle, #right a.right_pagetitle {font-size: 110%;}
 .Normal, span.pr_prc strike {font-size: 100%;}
 #toplinks, div.footcat a, #footertext, #footertext h2, #footerlinks_inner, #lastline {font-size: 94%;}
 .Small, #right, #left a span, .search_pa_links, th, #coupon {font-size: 90%;}
 table#mini-detail td, #press-recal, .ship_logos td.ship_text {font-size: 86%;}
 .Bold, a.mini-txt, a.pr_nme, .mini-pc-txt, #footertext h2, div.footcat h3, #content h1, #left h2, #right h2, #left a.left_pagetitle, #right a.right_pagetitle, .mini-qt-txt, .mini-pr-txt, td.totals_all, td.totals_all_txt, td.instruct_hdr, .comm_hdr, td.bill_addr_hdr, td.ship_addr_hdr,
 table#mini-detail a, .qp_quantitytxt, .qp_pricetxt, .qp_saletxt, span.opt_hdr {font-weight: bold;}
 .Plain, span.pr_prc strike {font-weight: normal;}
 .Typewriter {font-family: typewriter;}
 .Italic, .cart_price, .cart_cp_price, #press-recal {font-style: italic;}
 .clear, #coupon, .prod_img, .row_img, input#selPaytype {clear: both;}
 .nowrap, .suckertreemenu ul li a, #coupon {white-space: nowrap;}
 .hidden {height: 1px; width: 1px; overflow: hidden; padding: 0px; margin: 0px; visibility: hidden;}
 #mu-mi-img, #mu-mi-info, #mu-mi-info-center {vertical-align: top;}
 #mu-mi-main, #mu-mi-info, table.qp_header, table.cart, .cart_name, .cart_cp_name, table.cart td.cart_name, #press-recal, #view_order table.cart {width: 100%;}
 #mu-mi-info, #mu-mi-info-center {padding-left: 10px;}
######################### PRODUCT OPTIONS ##################################
 table.qp_header, #security_logo {margin: 10px auto;}
 table.qp_header td {padding: 3px;}
 span.opt_hdr {display: block; padding: 5px 0px; margin-top: 10px;}
 .row_img table {margin: 0px auto;}
 .row_img img {border: 0px;}
 span#ss_inv {display: block; font-weight: bold; line-height: 26px;}
 span.ss_in_stock {color: green;}
 span.ss_out_of_stock, span.ss_low_stock {color: red;}
 .reviews-brief {font-size: 90%; white-space: nowrap; display: block;}
 .reviews-brief div.reviews_stars {height: 20px; max-height: 20px; overflow: hidden; padding: 2px 0px;}
 .reviews-brief span.reviews_stars_text, .reviews-brief span.review_product_name, .reviews-brief span.review_microdata_count, span.review_microdata_wrapper span.review_product_name, span.review_microdata_wrapper span.review_microdata_count, div.review span.review_product_name {display: none;}
 .reviews-brief a, div#reviews-more a {text-decoration: underline;}
 div#reviews-more span.reviews_stars_text {padding: 0px 6px 0px 0px;}
 td.pcs_table_content span.reviews-brief, td.center span.reviews-brief {width: 80px; margin: 0px auto;}
 div#reviews-more {border-top: 1px solid #[-- STORE.Color1 --]; border-bottom: 1px solid #[-- STORE.Color1 --]; padding: 14px 0px; margin: 0px auto;}
 div#reviews-more div.reviews_stars, div#reviews-more span.reviews_stars_text, div#reviews-more div.reviews_stars_wrapper, div#reviews-more div.reviews_count {display: inline-block; line-height: 20px;}
 div#reviews-more div.reviews_stars_wrapper {height: 16px; max-height: 16px; overflow: hidden; padding: 0px; display: inline-block; width: 80px; position: relative; top: 3px;}
 div#reviews-more h4 {padding: 22px 0px 4px 0px; margin: 0px; font-weight: bold;}
 span.review_title {font-weight: bold; padding: 0px 8px;}
 div#reviews-more div.review {border-top: 1px solid #[-- STORE.Color1 --]; padding: 14px 0px;}
 div#reviews-more span.review_author_text, div#reviews-more span.review_author, div#reviews-more span.review_date {line-height: 150%;}
######################### CART STYLES #####################################
 #progressbar {background-image: url([-- IF SC_USE_SECURITY --][-- STORE.CSS_Secure_URL --][-- ELSE --][-- ShopSite_Images --][-- END_IF --]/backgrounds/3col/progressbar.gif); background-repeat: no-repeat; border: 1px solid #[-- STORE.SC_TextColor --]; margin: 16px auto; width: 550px; height: 12px; max-height: 12px;}
 .thirtythree {background-position: 181px 0px;}
 .fifty {background-position: 362px 0px;}
 .seventyfive {background-position: 455px 0px;}
 .onehundred {background-position: 590px 0px;}
 div#messages {vertical-align: middle;}
 table.cart {border-collapse: collapse; border-spacing: 0px; padding-top: 10px;}
 table.cart td {background-color: #[-- STORE.SC_ShadeColor --]; padding: 2px 8px;}
 table.cart td.cart_delete, table.cart td.cart_name, table.cart td.cart_sku, table.cart td.cart_delete, table.cart td.cart_image, table.cart td.cart_price, table.cart td.cart_total, table.cart td.cart_quantity {border-top: 1px solid #[-- STORE.SC_BackgroundColor --];}
 .button6, .button9 {margin: 8px 8px 8px 0px;}
 div#create_wishlist input.button164 {margin: 8px;}
 div#choose_wishlist .button6 {margin: 0px 8px 0px 0px;}
 #coupon input {width: 80px;}
 table.instruct {margin: 10px 0px 2px 0px;}
 table.shipping {margin: 20px 0px;}
 .button6, .button9, table.instruct, table.sql_addr, table.sql_addr_select, table.selectzipncountry {float: left;}
 #press-recal {background-image: url([-- IF SC_USE_SECURITY --][-- STORE.CSS_Secure_URL --][-- ELSE --][-- ShopSite_Images --][-- END_IF --]/backgrounds/3col/reverse-arrow.gif); background-repeat: no-repeat; background-position: 100% 50%;}
 #submit {padding: 30px 0px 20px 0px;}
 table.google_button td {vertical-align: middle; text-align: center; padding: 4px;}
 table.totals {float: right; line-height: 110%;}
 .totals_txt, .totals_saved_txt, .totals_blank, .totals_all_txt {text-align: left; padding-right: 15px; white-space: nowrap;}
 td.totals, .totals_saved, .totals_all, .cart_total, .cart_cp_total {text-align: right; white-space: nowrap;}
 #confirm-tbl {margin: 30px 0px 10px 0px;}
 #confirm-tbl td {width: 33%; vertical-align: top; padding: 4px 10px;}
 #confirm-tbl td table td {text-align: left; padding: 0px;}
 td.pay_holder_hdr, td.payment_hdr, td.reg_wel, td.sql_addr_hdr, td.taxnship_hdr {font-weight: bold;}
 td.paymentselection, td.buttons {text-align: center; padding-top: 1em;}
 td.payment, td.payment_value, td.new_payment_type, td.reg, td.reg_link, table.zipncountry, td.zipncountry, td.zipncountry_text, td.taxnship_hdr, td.taxnship {text-align: left;}
 table.sql_pay {margin-left: -4px; margin-right: auto;}
 td.sql_pay {padding-right: 15px; font-weight: bold;}
 table.reg {padding-bottom: 1em;}
 td.coupon {padding-top: 1em;}
 td.sql_addr {padding-right: 15px;}
 table.taxnship, table.surcharge {text-align: right; padding-top: 1em;}
 table.surcharge {text-align: right;}
 input.button152, input.button154 {cursor: pointer;}
################### Table of Error Messages ############################
 div.warning, table.checkout_err, inv_err, td.checkout_err, inv_err, table.ups_error, table.thankyou_err {width: 400px; margin: 0px auto; padding: 5px; border: 1px solid #[-- STORE.SC_TextColor --]; background-color: #[-- STORE.SC_ShadeColor --];}
 td.ups_error {background-color: transparent; border: 0px;}
 table.checkout {vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto;}
 td.checkout {padding: 5px; text-align: center;}
 table.google_button {vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto;}
 td.gcs_table, td.pcs_table {text-align: center; padding-top: 10px; padding-bottom: 10px;}
 table.gcs_table, table.pcs_table {width: 100%; text-align: center; margin-left: auto; margin-right: auto; border-collapse: collapse;}
 table.gcs_table caption, table.pcs_table caption {width: 100%; text-align: center; font-weight: bold;}
 td.gcs_table_content, td.pcs_table_content {width: 25%;}
 table.gcs_product_table, table.pcs_product_table {border-collapse: collapse; text-align: center; width: 100%;}
 td.sc_secure_image, table.google_button td, td.gcs_product_image, td.pcs_product_image, td.gcs_product_price, td.pcs_product_price, td.gcs_product_add_to_cart, td.pcs_product_add_to_cart, td.gcs_product_name, td.pcs_product_name {text-align: center;}
 td.gcs_product_add_to_cart a, td.pcs_product_add_to_cart a, td.gcs_product_name, td.pcs_product_name {font-weight: bold;}
 td.gcs_product_image img, td.pcs_product_image img, td.gcs_product_add_to_cart img, td.pcs_product_add_to_cart img {border: 0px none; text-align: center; margin-left: auto; margin-right: auto;}
 .ship_logos td {width: 220px; text-align: center; padding: 3px; vertical-align: top;}
 .ship_logos td.ship_img {vertical-align: middle;}
 span.field_warn {color: red; font-weight: bold;} input.field_warn, select.field_warn {border: 1px solid red; padding: 3px; background: #FFEFEF;}
######################### SEARCH RESULTS #####################################
 #search_form {padding: 20px 0px;}
 #se_table_top, #se_table_bottom {width: 100%; padding: 10px 0px;}
 .se_perpage, .se_sort {text-align: left; font-weight: bold;}
 .se_page, .se_prevnext {text-align: right;}
 .search_table {padding-bottom: 15px;}
 .search_button_selected {font-weight: bold; font-size: 120%;}
 .search_pr_img {vertical-align: top; text-align: center; padding-top: 25px;}
 .search_pr_info {vertical-align: top; text-align: left; padding-top: 25px;}
 .search_pr_info a, .search_pr_info span {display: block;}
 .search_pr_add {vertical-align: middle; text-align: center; padding-top: 25px;}
 .search_pa_links {border-top-width: 1px; border-top-style: dotted; text-align: left; padding: 8px 0px;}
######################### GIFT CERTIFICATE ################################
 table.innerleft table.giftcert_type td, table.innerleft table.cert_num_amount td, table.innerleft table.cert_to_from_msg td {padding: 3px; text-align: left;}
########################## CUSTOMER REGISTRATION ###########################
 #view_order {width: 80%;}
 #view_order table.cart td.cart_op2 {display: none; width: 0px; background-color: #[-- STORE.SC_BackgroundColor --];}
 .pxborder, p.delete_ship_addr table {border-width: 1px; border-style: solid; padding: 10px;}
 table.innerleft td {padding: 10px 5px 15px 5px;}
 table.innerleft table {margin: auto 0px;}
 table.innerleft table td {padding: 1px; text-align: center;}
 table.email_type td.email_type, table.email_type td.email_type_text, table.save_payment td.save_payment, table.save_payment td.save_payment_text {width: 95%;}
 td#edit_ship_addr td.addr {text-align: right;}
 table.innerleft td, table.email_type td.email_type, table.email_type td.email_type_text, table.save_payment td.save_payment, table.save_payment td.save_payment_text, td#edit_ship_addr td.addr_val, p.delete_ship_addr table td {text-align: left;}
########################## NAVIGATION MENU ###########################
 #toptabs {position: absolute; z-index: 4; top: 120px; height: 37px;}
/*Credits: Dynamic Drive CSS Library URL: http://www.dynamicdrive.com/style/ */
 .suckertreemenu ul {margin: 0px; padding: 0px; list-style-type: none;}
 .suckertreemenu ul li a, .suckertreemenu a:link, .suckertreemenu a:active, .suckertreemenu a:visited {color: #[-- STORE.Color2 --];}
 .suckertreemenu ul li {position: relative; display: inline; float: left;}
 .suckertreemenu ul li a {display: block; min-width: 110px; line-height: 35px; padding-bottom: 0px; text-decoration: none; text-align: center; color: #[-- STORE.Color2 --];}
 .suckertreemenu ul li ul {left: 0px; position: absolute; top: 1em; display: block; visibility: hidden;}
 .suckertreemenu ul li ul li {display: list-item; float: none;}
 .suckertreemenu ul li ul li ul {left: 159px; top: 0px;}
 .suckertreemenu ul li ul li a {display: block; min-width: 160px; text-decoration: none; text-align: left; padding: 0px; text-indent: 10px; line-height: 22px;}
* html p#iepara{padding-top: 1em;}
* html .suckertreemenu ul li {float: left; height: 1%;}
* html .suckertreemenu ul li a {height: 1%;}
######################## Wish List Styles
[-- IF WishList --]
 #create_wishlist {display: inline-block; font-size: 90%; text-align: left; line-height: 150%; margin: 20px auto;}
 div#wishlist-page {padding: 10px 20px; margin: 0px auto; text-align: center;}
 div.ss_wl_sort {display: inline-block; float: left; clear: none; padding: 30px 10px 30px 0px; margin: 0px; line-height: 150%;} div.ss_wl_sort input {position: relative; top: -5px;}
 div.wishlist-product {padding: 10px 0px 30px 0px; margin: 0px; clear: both;}
 div.wishlist-product-image {width: 20%; float: left; clear: none; padding: 0px; margin: 0px; text-align: center;}
 div.wishlist-product-info {width: 46%; float: left; clear: none; padding: 0px; margin: 0px 1.9%; text-align: left;}
 div.wishlist-product-options {width: 30%; float: left; clear: none; padding: 0px; margin: 0px; text-align: left;}
 div.wishlist-product-options span.basic-text-link {display: block; padding: 10px 5px; font-size: 90%; text-align: left;}
 div.wishlist-lists {display: inline-block; clear: both; padding: 10px; margin: 0px auto;}
 span.wl-privacy {display: block; position: relative; top: -5px; font-size: 90%; opacity: 0.7; filter:alpha(opacity=70); font-style: italic;}
 span.wl-comment {display: block; position: relative; top: -5px;}
 span.loop-wishlist {white-space: nowrap; display: block; font-size: 90%; color: gray; text-align: left; padding: 10px 0px; margin: 0px;}
 span.loop-wishlist a {display: block; clear: both;}
 form.wl_prod_info input[type="submit"] {margin-right: 10px;} div.ss_wl_comment a {font-size: 90%;}
 div.wl-form-box {display: inline-block; margin: 0px auto; padding: 10px 0px; text-align: left;}
 div.wishlist_search {padding: 30px 0px 0px 0px;}
 span.date-added {display: block; opacity:0.8; filter:alpha(opacity=80); font-size: 96%;}
 div.ss_wl_edit_info {display: none;}
 div#wishlist-share {display: inline-block; float: right; clear: none;}
 div.ss_wl_fbshare, div.ss_wl_twshare, div.ss_wl_gpshare {display: inline-block;}
 div.ss_wl_Box {text-align:left; white-space: nowrap; padding: 0px; margin: 5px 0px; width: 200px; max-width: 250px; position: relative; outline: none; cursor: pointer; clear: both; display: none; z-index: 200;}
 .center div.ss_wl_Box {position: relative; left: 30px; margin: 5px auto;}
 div.ss_wl_Lists {overflow: hidden; clear: both; cursor: default; position: absolute; display: none;}
 span.ss_wl_List {display: block;}
 span.ss_wl_Label {display: inline-block; clear: none; padding: 6px 0px; text-align: left; color: #[-- STORE.LinkColor --]; background: transparent; overflow: hidden; font-size: 90%;}
 span.ss_wl_Button img, span.ss_wl_Button {z-index: 2;}
 div.ss_wl_Box div.ss_wl_Lists {top: 28px; left: 0px; width: 100%; overflow: visible;}
 span.ss_wl_List {padding: 4px 8px; margin: 0px; font-size: 90%; text-align: left; background: #FEFEFE; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC;}
 span.wl_priv {margin-left: 4px; padding-right: 8px; font-size: 70%; opacity:0.8; filter:alpha(opacity=80);}
 span.ss_wl_List:hover {background: #EFEFEF;}
 div.ss_wl_ChooseLists {border-bottom: 1px solid #CCCCCC; margin-bottom: 10px;}
 div.ss_wl_Lists span.ss_wl_List:last-child {border-bottom: 1px solid #CCC; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -moz-border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px;}
 div.ss_wl_Lists span.ss_wl_List:first-child {border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px;}
 .unused-text-button {display: block; padding-top: 40px; font-size: 90%;}
 .wishlist_search, .basic-text-link {text-align: center;}
[-- END_IF --]
######## Error Messages ##################
 table.ups_error, table.inv_err {margin: 0px auto; padding: 0px; border-collapse: collapse; border-spacing: 0px; border: 1px solid #CCC; background: #[-- STORE.FieldWarnShadeColor --]; color: #[-- STORE.FieldWarnHighlightColor --];}
 table.ups_error td, table.inv_err td {vertical-align: middle; text-align: left; padding: 10px; background: #[-- STORE.FieldWarnShadeColor --];}
 table.ups_error td:first-child, table.inv_err td:first-child {border-right: 1px solid #CCC;}
 .notice {display: block; width: 80%; text-align: center; padding: 20px 0px; margin: 0px auto; border: 1px solid #CCC; background: #[-- STORE.FieldWarnShadeColor --]; color: #[-- STORE.FieldWarnHighlightColor --];}

Go to Merchandising > Custom Templates > Includes > New Publish File, name the second file MiniCart.js and place the code below in that file.

Code: Select all

function DisplayMiniCart(name,style,icon) {
var cookies=document.cookie;  //read in all cookies
var start = cookies.indexOf("ss_cart_[-- STORE_Serial_Number --]=");
var cartvalues = "";
var linecount = 0;
var start1;
var end1;
var tmp;

document.write("<div class=\"MiniCart\">");
if ((start == -1) && (style == "Summary"))  //No cart cookie
{
  document.write("<a class=\"mini-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>[-- STORE.SC_YourShoppingCart --]<\/a>");
  document.write("<span class=\"clear mini_contains\">[-- STORE.Contains --] <b>0<\/b> [-- STORE.Items --]</span>");
}
else if ((start == -1) && (style == "Detail"))  //No cart cookie
{
  document.write("<a class=\"mini-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>[-- STORE.SC_YourShoppingCart --]<\/a>");
  document.write("<span class=\"clear mini_contains\">[-- STORE.Contains --] <b>0<\/b> [-- STORE.Items --]</span>");
}
else if (start == -1) {
  if (icon == "white")
  {
    document.write("<a class=\"mini-icon\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]><img src=\"[-- IF SC_USE_SECURITY --][-- STORE.SC_Secure_Image_URL --][-- ELSE --][-- OUTPUT_DIRECTORY_URL --][-- END_IF --]/media/themesmedia/cart-white.gif\" border=\"0\" alt=\"cart\" align=\"top\"><\/a> ");
  }
  else
  {
    document.write("<a class=\"mini-icon\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]><img src=\"[-- IF SC_USE_SECURITY --][-- STORE.SC_Secure_Image_URL --][-- ELSE --][-- OUTPUT_DIRECTORY_URL --][-- END_IF --]/media/themesmedia/cart-black.gif\" border=\"0\" alt=\"cart\" align=\"top\"><\/a> ");
  }
  document.write("<a class=\"mini-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>");
  document.write("0 [-- STORE.Items --]");
  document.write("<\/a> ");
}
else   //cart cookie is present
{
  start = cookies.indexOf("=", start) +1; 
  var end = cookies.indexOf(";", start); 
  if (end == -1)
  {
    end = cookies.length;
  }
  cartvalues = unescape(cookies.substring(start,end)); //read in just the cookie data
  start = 0;
  while ((start = cartvalues.indexOf("|", start)) != -1)
  {
    start++;
    end = cartvalues.indexOf("|", start);
    if ((end != -1) && (style == "Detail"))
    {
      linecount++;
      if (linecount == 3)  // Product Subtotal
      {
        start1 = start;
        end1 = end;
        document.write("<a class=\"mini-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>[-- STORE.SC_YourShoppingCart --]<\/a>");
        document.write("<table id=\"mini-detail\">");
        document.write("<tr><td class=\"mini-pr-txt\">[-- STORE.Product --]<\/td>");
        document.write("<td class=\"mini-qt-txt\">[-- STORE.Qty --]<\/td>");
        document.write("<td class=\"mini-pc-txt\">[-- STORE.Price --]</td><\/tr>");
      }
      if (linecount > 3)  // individual products
      {
        tmp = cartvalues.substring(start,end);
        colon = tmp.indexOf(":", 0);
        document.write("<tr><td class=\"mini-pr\">");
        colon2 = tmp.indexOf(":", colon+1);
        document.write(tmp.substring(colon2+1,end - start));
        document.write("<\/td><td class=\"mini-qt\">");
        document.write(tmp.substring(0,colon));
        document.write("<\/td><td class=\"mini-pc\">");
        document.write(tmp.substring(colon+1,colon2));
        document.write("<\/td><\/tr>");
      }
    }
    else if (end != -1)
    {
      linecount++;
      if ((linecount == 2) && (style == "Summary")) // Total Quantity of Items
      {
        tmp = cartvalues.substring(start,end);
        colon = tmp.indexOf(":", 0);
        document.write("<a class=\"mini-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>[-- STORE.SC_YourShoppingCart --]<\/a>");
        document.write("<br>[-- STORE.Contains --] <b>");
        document.write(tmp.substring(colon+1,end - start));
        document.write("<\/b>");
        if ((tmp.substring(colon+1,end - start)) == 1 )
        {
          document.write(" [-- STORE.Item --]");
        }
        else
        {
          document.write(" [-- STORE.Items --]");
        }
      }
      else if (linecount == 2) // Total Quantity of Items
      {
        tmp = cartvalues.substring(start,end);
        colon = tmp.indexOf(":", 0);
          if (icon == "white")
          {
            document.write("<a class=\"mini-icon\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]><img src=\"[-- IF SC_USE_SECURITY --][-- STORE.SC_Secure_Image_URL --][-- ELSE --][-- OUTPUT_DIRECTORY_URL --][-- END_IF --]/media/themesmedia/cart-white.gif\" border=\"0\" alt=\"cart\" align=\"top\"><\/a> ");
          }
          else
          {
            document.write("<a class=\"mini-icon\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]><img src=\"[-- IF SC_USE_SECURITY --][-- STORE.SC_Secure_Image_URL --][-- ELSE --][-- OUTPUT_DIRECTORY_URL --][-- END_IF --]/media/themesmedia/cart-black.gif\" border=\"0\" alt=\"cart\" align=\"top\"><\/a> ");
          }
        document.write("<a href=\"[-- SHOPPING_CART_URL --]\">");
        document.write(tmp.substring(colon+1,end - start));
        if ((tmp.substring(colon+1,end - start)) == 1 )
        {
          document.write(" [-- STORE.Item --]");
        }
        else
        {
          document.write(" [-- STORE.Items --]");
        }

        if (style == "ItemCount")
        {
          document.write("<\/a>");
        }
        else
        {
          document.write(": ");
        }
      }

      if ((linecount == 3) && (style == "Subtotal"))  // Product Subtotal
      {
        tmp = cartvalues.substring(start,end);
        colon = tmp.indexOf(":", 0);
        document.write(tmp.substring(colon+1,end - start));
        document.write("<\/a>");
      }
      else if ((linecount == 3) && (style == "Summary")) // Product Subtotal
      {
        tmp = cartvalues.substring(start,end);
        colon = tmp.indexOf(":", 0);
        document.write("<br>[-- STORE.Subtotal --]: <b>");
        document.write(tmp.substring(colon+1,end - start));
        document.write("<\/b>");
      }
      start = end;
    }
    else
      break;
    }
if (style == "Detail")
{
  document.write("<tr><td colspan=\"2\" class=\"mini-sub-txt\"><a class=\"mini-sub-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>[-- STORE.Subtotal --]<\/a><\/td>");
  document.write("<td class=\"mini-sub\"><a [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>");
  tmp = cartvalues.substring(start1,end1);
  colon = tmp.indexOf(":", 0);
  document.write(tmp.substring(colon+1,end1 - start1));
  document.write("<\/a><\/td><\/tr><\/table>");
}
  }
document.write("<\/div>");
}

window.onload=function () {
var cookies=document.cookie;
var start = cookies.indexOf("[-- RegCookieName --]" + "=");
var name = "";
var start1;
var end1;
var tmp;
var signed_in = -1;

  if (start != -1) {
      start = cookies.indexOf("=", start) +1;
      var end = cookies.indexOf("|", start);
      if (end != -1) {
          signed_in = cookies.indexOf("|yes", start);
          name = unescape(cookies.substring(start,end));
          if (signed_in != -1) {
var prices = document.getElementsByClassName('pr_prc');
 for (var i=0;i<prices.length;i++) {prices[i].style.display = "block";}
var pricesTwo = document.getElementsByClassName('pr_price');
 for (var i=0;i<pricesTwo.length;i++) {pricesTwo[i].style.display = "block";}
         }
      }
  }
}


[EMGM]

I'll try this, THANKS, I appreciate your help

[EMGM]

I did exactly as you suggested and IT WORKS BEAUTIFULLY!
THANKS for the code and your help. I really appreciate it!