Flex-Build Editing help

General ShopSite user discussion

Flex-Build Editing help

Postby RRG » Wed May 30, 2012 2:47 pm

Can someone help me with flex-build. This code is getting the best of me. I have the standard theme using flex-build-000002.css and flex-build-style.css. I am trying to get the sc_registration inline in the header but I am having a difficult time deciding where to place the the sc_registration which is My Account | Sign In | Register

Code: Select all
 #############################################
# Flex-Build Global Header Include
# Copyright ShopSite Inc. Design By Lauren
#############################################
 
[-- IF SS_MOBILE --][-- SS_MOBILE_REDIRECT --][-- END_IF --]
[-- IF VAR.DisplayPageHeader --]
   <div id="header[-- IF VAR.DisplayTop "yes" --]-shadow[-- END_IF --]" class="full noimg-ie[-- IF PageMenu --][-- ELSE --] hdr-bdr[-- END_IF --]">
      <table id="header_tbl" class="clear">
        <tr><td id="logo">[-- IF STORE.UseCompanyLogo --][-- STORE.CompanyLink --][-- END_IF --]
                                  [-- IF HEADER --][-- HEADER --][-- ELSE_IF STORE.UseCompanyLogo --][-- ELSE --]<h1>[-- STORE.Name --]</h1>[-- END_IF --]</td>
        [-- IF STORE.HeaderImage --]
          <td id="header_img">[-- STORE.HeaderLink --]</td>
        [-- END_IF --]

        [-- IF PageLinks.Footer --]
        [-- ELSE_IF STORE.PaymentLogos --]
          <td id="payment_icos">[-- STORE.PaymentLogos --]</td>
        [-- END_IF --]

          <td id="search_area">     
        [-- IF VAR.SearchProductField "checked" --]
            <form action="[-- SHOPPING_CART_URL BASE --]/productsearch.cgi" method="get"[-- IF ANALYTICS_MULTI_DOMAIN --] onSubmit="javascript:__utmLinkPost(this)"[-- END_IF --]><input type="hidden" name="storeid" value="[-- STORE.ID --]">
            <table id="search_tbl"><tr><td id="search_tbl_input"><input type="text" name="search_field" id="search_field" size="24"></td>
            <td id="search_tbl_button"><input type="submit" value="[-- STORE.Go --]" class="search_submit"></td></tr></table></form>
         

[-- IF VAR.MiniCartHeader "yes" --]<script type="text/javascript" language="JavaScript">DisplayMiniCart("ss_cart_[-- STORE_Serial_Number --]","Subtotal","[-- VAR.HeaderCartIcon --]");</script>
              [-- END_IF --]
             
              <nobr>[-- IF GiftCert --][-- GiftCertLink --][-- END_IF --][-- IF WishList --][-- IF GiftCert --]&nbsp|&nbsp;[-- END_IF --][-- WishListLink --][-- END_IF --][-- IF SS_MOBILE_PC --]&nbsp;&nbsp;[-- SS_MOBILE_PC --][-- END_IF --]</nobr>
                  [-- ELSE_IF VAR.Secure "yes" --]
                  [-- ELSE_IF VAR.MiniCartHeader "yes" --]
            <script type="text/javascript" language="JavaScript">DisplayMiniCart("ss_cart_[-- STORE_Serial_Number --]","Subtotal","[-- VAR.HeaderCartIcon --]");</script>
              <nobr>[-- IF GiftCert --][-- GiftCertLink --][-- END_IF --][-- IF WishList --][-- IF GiftCert --]&nbsp|&nbsp;[-- END_IF --][-- WishListLink --][-- END_IF --][-- IF SS_MOBILE_PC --]&nbsp;&nbsp;[-- SS_MOBILE_PC --][-- END_IF --]</nobr>
        [-- END_IF --]
       [-- IF SC_Registration --]
      <script type="text/javascript" language="JavaScript">DisplayLogName("ss_reg_[-- STORE_Serial_Number --]");</script>
    [-- END_IF --]
                    </td>
                     
        </tr>
                </table>
                  </div>
   
[-- END_IF --]


This is in flex-build-header.sst. The sc_registration links were the left sidebar but I snipped it out into the header. This is how it looks now
Image

Below is how I'd like it to look
Image

Then, if you click on either one of the account links (register, log in, etc) the header looks like this which is no good.
Image

Below is the css code for flex-build.css
Code: Select all
#############################################
# Flex-Build Global CSS Publish File
# Copyright ShopSite Inc. Design By Lauren
#############################################

 html {}
 body {
   padding: 0px;
   margin: 0px;
   text-align: center;
 }
 body, td, th {
        font-family: [-- IF STORE.FontSize --][-- STORE.Font --][-- ELSE --]Calibri,Candara,Corbel,Arial,Verdana,sans-serif[-- END_IF --];
   font-size: [-- IF STORE.FontSize --][-- STORE.FontSize --][-- ELSE --]11pt[-- END_IF --];
 }
 .full {
   padding: 0px;
   margin: 0px;
 }
 .clear {
   clear: both;
 }
 .full, .unfloat {
   clear: both;
   display: block;
 }
 hr {
   clear: both;
 }
 .nobr {
   white-space: nowrap;
 }
 .hidden {
   margin: 0px;
   padding: 0px;
   visibility: hidden;
   height: 0px;
   max-height: 0px;
 }
 tbody {
   padding: 0px;
   margin: 0px;
 }
 hr {
   border: 0px;
   height: 1px;
   color: #[-- STORE.Color4 --];
   background-color: #[-- STORE.Color4 --];
   width: 100%;
 }
 p {
   margin: 0px;
   padding: 5px 0px;
 }
 h1, h2, h3, h4, h5, h6 {
   margin: 0px;
   padding: 5px 0px;
 }
 h1 {
   font-size: 130%;
 }
 h2 {
   font-size: 120%;
 }
 h3 {
   font-size: 100%;
   padding: 10px 10px 3px 10px;
   color: #[-- STORE.TextColor --];
 }
 h4 {
   font-size: 100%;
 }
 h5 {
   font-size: 100%;
 }
 #texta {
   width: 100%;
   text-align: center;
   margin: 0px;
   padding: 0px;
   clear: both;
   height: 28px;
 }
 #texta div {
   padding: 0px;
   margin: 0px auto;
   clear: both;
   text-align: left;
   line-height: 200%;
   font-size: 90%;
   color: #[-- STORE.Color2 --];
 }
 #texta div a {
   padding: 0px 8px;
   text-decoration: none;
   color: #[-- STORE.Color2 --];
 }
 #texta div a.twtr_follow, #texta div a.fb_follow {
   float: right;
   padding: 0px;
 }
 #plusone {
   display: block;
   float: right;
   clear: none;
   padding: 0px 5px;
   margin: 0px;
 }
 #breadcrumbs #plusone {
        position: relative;
        top: 8px;
 }
 #texta div.MiniCart {
   white-space: nowrap;
   clear: none;
   padding: 0px;
   margin: 0px auto;
   text-align: center;
   width: 100px;
   float: right;
 }
 #texta a.mini-icon img {
   position: relative;
   top: 4px;
 }
 #image1, #image2 {
   text-align: center;
   display: block;
 }
 #left_side #image1 a, #left_side #image2 a, #right_side #image2 a {
   padding: 0px;
   margin: 3px auto;
   text-align: center;
 }
 img.twtr_follow, img.fb_follow {
   padding: 2px 5px;
   margin: 0px;
   border: 0px;
 }
 #container {
   margin: 0px auto;
   padding: 0px;
 }
 #logo {
   text-align: left;
[-- IF STORE.HeaderImage --]
[-- ELSE --]
   width: 100%;
[-- END_IF --]
 }
 #logo img {
   border: 0px;
 }
 #header {
   min-height: 70px;
   clear: both;
 }
 #header_img {
   text-align: left;
   width: 100%;
 }
 #header_img img {
   border: 0px;
 }
 #header h1, #header-shadow h1 {
    font-size: 300%;
 }
 #header h1 span, #header-shadow h1 span {
   display: block;
   font-size: 40%;
   font-weight: normal;
   position: relative;
   top: -16px;
 }
 #payment_icos {
   text-align: center;
   padding: 0px 20px;
 }
 td#search_area {
   text-align: center;
   vertical-align: middle;
 }
 table#search_tbl {
   border-collapse: separate;
   border-spacing: 4px;
   background-color: #[-- STORE.SC_ShadeColor --];
 }
 input#search_field {
   font-size: 110%;
   width: 180px;
        background: #FFFFFF url([-- IF SC_USE_SECURITY --][-- STORE.CSS_Secure_URL --][-- ELSE --][-- ShopSite_Images --][-- END_IF --]/backgrounds/shared/search_field_bg.jpg) no-repeat 2px 1px;
        padding-left: 24px;
   border: 0px;
 }
 td#search_tbl_button {
   background-color: #[-- STORE.LinkColor --];
 }
 td#search_tbl_button input {
   display: block;
   padding: 3px;
   text-decoration: none;
   color: #[-- STORE.Color2 --];
   margin: 0px;
   background-color: #[-- STORE.LinkColor --];
   border: 0px;
 }
 #search_area .MiniCart {
   white-space: nowrap;
   clear: none;
   padding: 0px;
   margin: 0px auto;
   text-align: center;
 }
 #search_area .MiniCart a, #texta .MiniCart a {
   padding: 0px 3px;
 }
 #content_tbl, #content_tbl_full {
   min-height: 300px;
   border-collapse: collapse;
   border-spacing: 0px;
 }
 #left_side {
   vertical-align: top;
 }
 table#content_tbl #center_area {
   vertical-align: top;
   width: 100%;
   padding: 0px 10px 10px 10px;
        text-align: left;
        height: 300px;
 }
 table#content_tbl_full #center_area {
   vertical-align: top;
   width: 100%;
   padding: 0px;
        text-align: center;
        height: 300px;
 }
 #content_tbl_full #content_area div.billing, #content_tbl_full #content_area div.confirmation, #content_tbl_full #center_area div.thankyou {
        text-align: center;
        margin: 0px auto;
 }
 div.billing_inner, div.confirmation_inner, div.thankyou_inner {
        padding: 0px 20px;
        margin: 0px auto;
        text-align: left;
 }
 a.twtr_share, a.fb_share {
   display: block;
   float: right;
   clear: none;
   text-align: center;
   width: 70px;
 }
 a.twtr_share img, a.fb_share img {
   border: 0px;
 }
 span.share {
   float: right;
   width: 140px;
   text-align: right;
   padding-right: 5px;
 }
 img.pg_img {
   padding: 0px 5px 5px 5px;
 }
 #right_side {
   vertical-align: top;
 }
 #left_side div, #right_side div {
   min-width: 160px;
   width: 160px;
   max-width: 160px;
   padding: 0px;
   overflow: hidden;
 }
 #left_side div a, #right_side div a, #left_side div input.side_signin, #right_side div input.side_signin, #left_side div.left_pagelinks span, #right_side div.right_pagelinks span, #left_side div.left_pagelinks strong, #right_side div.right_pagelinks strong {
   display: block;
   padding: 2px 10px;
   text-align: left;
   text-decoration: none;
   font-size: 94%;
 }
 #left_side div input.side_signin, #right_side div input.side_signin {
   border: 0px;
   margin: 0px;
   background-color: #[-- STORE.Color1 --];
 }
 #left_side input.email_pw, #right_side input.email_pw {
   font-size: 90%;
   margin: 4px 0px;
   width: 146px;
 }
 #right_side a.mini-txt {
   visibility: hidden;
   height: 0px;
   max-height: 0px;
   width: 0px;
   overflow: hidden;
   padding: 0px;
   margin: 0px;
 }
 span.cr_title {
   display: block;
   font-size: 80%;
   font-weight: bold;
   text-align: left;
   padding: 2px 8px;
 }
 #right_side table#mini-detail {
   border-collapse: collapse;
   border-spacing: 0px;
   border: 0px;
   margin: 0px;
   width: 100%;
 }
 body #right_side table#mini-detail td {
   padding: 3px;
 }
 body #right_side div.MiniCart table#mini-detail td, body #right_side div.MiniCart table#mini-detail a, body #right_side div.MiniCart table#mini-detail tr {
   font-size: 86%;
 }
 table#mini-detail td.mini-pr-txt, table#mini-detail td.mini-qt-txt, table#mini-detail td.mini-pc-txt {
   font-weight: bold;
 }
 table#mini-detail td.mini-pr-txt, table#mini-detail td.mini-pr {
   text-align: left;
 }
 table#mini-detail td.mini-qt-txt, table#mini-detail td.mini-qt {
   text-align: center;
 }
 table#mini-detail td.mini-pc-txt, table#mini-detail td.mini-pc, table#mini-detail td.mini-sub-txt, table#mini-detail td.mini-sub {
   text-align: right;
 }
 table#mini-detail td.mini-sub-txt a, table#mini-detail td.mini-sub a {
   text-decoration: none;
   font-weight: bold;
 }
 #viewyourcart {
   display: block;
   text-align: right;
   padding: 5px 0px 20px 0px;
 }
 #viewyourcart img {
   border: 0px;
 }
 #social_tbl #newsletter {
   width: 100%;
   white-space: nowrap;
 }
 #social_tbl #newsletter td {
   font-weight: bold;
   color: #[-- STORE.TextColor --];
 }
 #social_tbl td#newsletter_field {
   padding-left: 10px;
 }
 #social_tbl #newsletter_submit input {
   font-weight: bold;
   font-size: 90%;
   color: #[-- STORE.TextColor --];
   background: transparent;
   border: 0px;
 }
 #social_tbl #networks {
   white-space: nowrap;
 }
 #footer_tbl {
   padding: 8px;
 }
 #footer_tbl div, #footer_tbl div.footer_pagelinks {
   width: 170px;
   float: left;
   clear: none;
   padding: 0px;
   margin: 0px;
        text-align: left;
 }
 #footer_tbl div a {
   display: block;
   padding: 1px 8px;
   font-size: 90%;
   text-decoration: none;
 }
 #footer_tbl div h3 {
   font-size: 90%;
   padding: 1px;
 }
 #footer #payment_icos_foot {
   text-align: right;
 }
 #seo_footer {
   font-size: 90%;
   padding: 10px 0px;
 }
 #seo_footer p, #seo_footer a, #seo_footer a:link, #seo_footer a:visited, #seo_footer a:active {
   padding-top: 0px;
   color: #[-- STORE.Color2 --];
   text-decoration: none;
 }
 #seo_footer h1 {
   font-size: 90%;
   padding-bottom: 0px;
 }
 #base_store_info {
   padding: 6px 0px 30px 0px;
 }
 #base_store_info .left {
   text-align: left;
   float: left;
   clear: none;
   font-size: 90%;
   text-indent: 10px;
 }
 #base_store_info .right {
   text-align: right;
   float: right;
   clear: none;
   font-size: 90%;
   text-indent: 10px;
 }
 div.ss_secure_image {
   clear: both;
   width: 100%;
   text-align: right;
   padding: 0px;
   margin: 10px auto;
 }
######################################################### LOOPING ITEMS ########
 table#loop_prod, table#loop_links, table#gbl_crs_sell_home, table#mi_crs_sell {
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0px;
   margin: 10px 0px;
   padding: 0px;
 }
 table#gbl_crs_sell_right {
   width: 160px;
   border-collapse: collapse;
   border-spacing: 0px;
   padding: 0px;
 }
 #right_side table#gbl_crs_sell_right td a {
   text-align: center;
 }
 table#search_results, table#search_results_border {
   margin: 10px 0px;
   padding: 0px;
 }
 table#search_results_border {
   border-top: 1px solid #[-- STORE.Color4 --];
 }
 table#search_results_border td {
   border-right: 1px solid #[-- STORE.Color4 --];
   border-bottom: 1px solid #[-- STORE.Color4 --];
 }
 table#search_results_border td.noborder {
   border-right: 0px;
 }
 table#search_results_border td.loop1, table#search_results_border td.loop4, table#search_results_border td.loop8, table#search_results_border td.loop13, table#search_results_border td.loop19 {
   border-right: 0px;
 }
 td.loop_product, table#loop_links td, table#search_results td, table#search_results_border td {
   vertical-align: top;
   padding: 8px;
 }
 table#loop_links .linkwrapOn {
   text-align: left;
 }
 table#loop_links .linkwrapOn img {
   float: left;
   padding: 0px 8px 0px 0px;
 }
 .pr_img {
   display: block;
   min-height: 158px;
   padding: 0px;
   margin: 0px auto;
   text-align: center;
   clear: both;
 }
 .pr_img_left {
   display: block;
   min-height: 158px;
   width: 158px;
        float: left;
        text-align: left;
   padding: 0px;
   margin: 0px;
   clear: none;
 }
 .pr_img_right {
   display: block;
   min-height: 158px;
   width: 158px;
        float: right;
        text-align: right;
   padding: 0px;
   margin: 0px;
   clear: none;
 }
 .pr_img_clear {
        clear: both;
        width: 100%;
 }
 .pr_img img {
   border: 0px;
   margin: 0px;
   padding: 4px 0px;
 }
 a.pr_nme, span.pr_nme {
   display: block;
   min-height: 30px;
 }
 a.lk_nme, a.lk_img {
   display: block;
   font-weight: bold;
   padding: 3px;
 }
 .lk_txt {
   font-size: 80%;
 }
 .pr_sku {
   color: #[-- STORE.Color3 --];
 }
 .pr_desc {
   display: block;
   min-height: 50px;
   color: #[-- STORE.Color3 --];
 }
 .pr_prc {
   display: block;
   min-height: 30px;
   line-height: 28px;
 }
 .pr_prc_alt {
   display: block;
   position: relative;
   top: -25px;
 }
 .pr_prc strike, .pr_prc_alt strike {
   font-weight: normal;
   padding: 0px 6px 0px 0px;
   font-size: 80%;
 }
 .pr_prc span, .pr_prc_alt span, table.qp_header td.qp_saletxt, table.qp_header td.qp_sale {
   color: #[-- STORE.VisitedLinkColor --];
 }
 table.qp_header {
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0px;
   border-top: 1px solid #[-- STORE.Color4 --];
   border-left: 1px solid #[-- STORE.Color4 --];
   border-bottom: 1px solid #[-- STORE.Color4 --];
   margin: 8px auto;
 }
 table.qp_header td {
   padding: 3px;
   font-size: 90%;
   white-space: nowrap;
   border-right: 1px solid #[-- STORE.Color4 --];
 }
 table.qp_header td.qp_quantitytxt, table.qp_header td.qp_pricetxt, table.qp_header td.qp_saletxt, table.qp_header td.qp_quantity {
   font-weight: bold;
 }
 table.qp_header td.qp_quantity, table.qp_header td.qp_price, table.qu_header td.qp_sale {
   text-align: center;
 }
 .Big {font-size: 110%;}
 .Small {font-size: 86%;}
 .Bold {font-weight: bold;}
 .Italic {font-style: italic;}
 .Typewriter {font-family: Courier New, Courier, monospace;}
 .left {text-align: left;}
 .right {text-align: right;}
 .center {text-align: center;}

 table.prod_border {
   border-top: 1px dotted #[-- STORE.Color4 --];
 }
 table.prod_border td.loop_product {
   border-bottom: 1px dotted #[-- STORE.Color4 --];
 }
 table.prod_border td.loop2, table.prod_border td.loop4, table.prod_border td.loop5, table.prod_border td.loop7, table.prod_border td.loop8, table.prod_border td.loop9, table.prod_border td.loop11, table.prod_border td.loop12, table.prod_border td.loop13, table.prod_border td.loop14 {
   border-right: 1px dotted #[-- STORE.Color4 --];
 }
 .pagination {
   text-align: center;
   line-height: 30px;
 }
 .pagination b, input.search_button_selected {
   font-weight: bold;
   font-size: 180%;
   position: relative;
   bottom: -4px;
 }
 .pagination b, input.search_button_selected, .pagination a, #se_table_top input.search_button {
   padding: 0px 5px;
 }
 #se_table_top input.search_button_selected, #se_table_top input.search_button {
   border: 0px;
   background-color: #[-- STORE.Color4 --];
 }
 .resultpages {
   margin-top: 20px;
   font-weight: bold;
 }
 .searchcolumns2 a.linkonly {
   padding: 0px 5px;
   text-decoration: none;
 }
 .searchcolumns1 a.linkonly, .searchcolumns3 a.linkonly, .searchcolumns4 a.linkonly, .searchcolumns5 a.linkonly {
   display: block;
   text-decoration: none;
   padding: 2px 0px;
 }
 .searchcolumns1 a.linkonly {
   white-space: nowrap;
 }
 a.se_pr_img {
   display: block;
   text-align: center;
 }
 td.se_perpage, td.se_sort {
   text-align: right;
 }
 div.se_result_count {
   float: right;
   clear: none;
   width: 100px;
   overflow: visible;
   text-align: right;
 }
##################################################### MORE INFO PAGE ###########
 #breadcrumbs {
   line-height: 46px;
   text-align: left;
   font-size: 90%;
 }
 #breadcrumbs a.twtr_share, #breadcrumbs a.fb_share, #breadcrumbs span.share {
   float: right;
 }
 #breadcrumbs img {
   border: 0px;
   margin: 0px;
   padding: 10px 0px;
 }
 #breadcrumbs span.share {
   padding-right: 5px;
 }
 #breadcrumbs a {
   padding: 0px 5px;
 }
 #mi_info {
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0px;
   padding: 0px;
   margin: 0px;
 }
 #mi_info td#mi_img {
   vertical-align: top;
   text-align: center;
   padding-right: 16px;
 }
 #mi_info td#mi_add {
   vertical-align: top;
   text-align: left;
   width: 100%;
 }
 #mi_add .pr_prc {
   font-size: 160%;
 }
 .prod_img {
   border: 1px solid #[-- STORE.Color4 --];
   text-align: center;
   clear: both;
 }
 .row_img {
   clear: both;
 }
 .row_img img {
   border: 0px;
 }
 #pr_mi_add {
   border-collapse: collapse;
   border-spacing: 0px;
   border: 0px;
   width: 100%;
   padding: 0px;
   margin: 5px 0px;
 }
 #pr_mi_add td {
   padding: 0px;
   margin: 0px;
        border: 0px;
   background-color: #[-- STORE.Color4 --];
 }
 #pr_mi_add td img {
   padding: 0px;
   margin: 0px;
        border: 0px;
 }
 #pr_mi_add td#pr_mi_add_info {
   padding: 4px 10px;
   text-align: left;
 }
 input.add {
   float: right;
   clear: none;
 }
 input.add_pr {
   margin-top: 4px;
   margin-bottom: 4px;
 }
 #mi_lower {
   margin: 10px 0px;
 }
 td.corner-1a {
   border-top: 1px solid #[-- STORE.Color1 --];
   border-left: 1px solid #[-- STORE.Color1 --];
   background-color: #[-- STORE.Color4 --];
 }
 td.corner-1b {
   border-top: 1px solid #[-- STORE.Color4 --];
 }
 td.corner-1c {
   border-top: 1px solid #[-- STORE.Color1 --];
   background-color: #[-- STORE.Color4 --];
 }
 td.corner-1d {
   width: 100%;
 }
 td.corner-2a {
   border-left: 1px solid #[-- STORE.Color4 --];
 }
 td.corner-2b {
   white-space: nowrap;
   font-weight: bold;
   padding: 4px 8px;
 }
 td.corner-2d {
   border-left: 1px solid #[-- STORE.Color4 --];
   border-bottom: 1px solid #[-- STORE.Color4 --];
 }
 td.corner-3 {
   border-left: 1px solid #[-- STORE.Color4 --];
   border-right: 1px solid #[-- STORE.Color4 --];
   border-bottom: 1px solid #[-- STORE.Color4 --];
   padding: 8px;
 }
######################################################### NAVIGATION ###########
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
 .suckertreemenu {
   padding: 0px;
   margin: 0px;
   height: 32px;
 }
 .suckertreemenu ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
 }
 .suckertreemenu ul li {
        position: relative;
        display: inline;
        float: left;
        width: 130px;
        min-width: 130px;
   max-width: 130px;
 }
 .suckertreemenu ul li a {
        display: block;
        padding: 0px 8px;
        text-decoration: none;
   line-height: 32px;
   font-weight: bold;
   text-align: center;
 }
 .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: 109px;
        top: 0px;
 }
 .suckertreemenu ul li ul li a {
        display: block;
        text-decoration: none;
        padding: 0px 8px;
   line-height: 24px;
   text-align: left;
   font-weight: normal;
 }
* html p#iepara {
        padding-top: 1em;
}
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
######################################################### Shopping Cart ########
 table.pay_holder, table.checkout_err, .inv_err, table.ups_error, table.checkout, table.google_button, table.gcs_table, table.pcs_table {
   margin: 0px auto;
 }
 table.cart {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0px;
   margin: 10px 0px 0px 0px;
   border-left: 1px solid #[-- STORE.Color4 --];
   border-right: 1px solid #[-- STORE.Color4 --];
   border-bottom: 1px solid #[-- STORE.Color4 --];
 }
 th {
   text-align: center;
   background-color: #[-- STORE.SC_ShadeColor --];
   color: #[-- STORE.Color2 --];
   padding: 3px;
 }
 th.cart_name {
   text-align: left;
 }
 th.cart_total {
   text-align: right;
 }
 table.cart td {
   padding: 4px;
   text-align: center;
   border-top: 1px solid #[-- STORE.Color4 --];
 }
 table.cart td.cart_op, table.cart td.cart_op1, table.cart td.cart_op2, table.cart td.opt_cart, table.cart .giftcert {
   border-top: 0px;
 }
 td.cart_delete, td.cart_cp_delete, td.cart_quantity, td.cart_cp_quantity {
   width: 60px;
 }
 table.cart td.cart_name, table.cart td.cart_cp_name {
   text-align: left;
 }
 td.cart_price, td.cart_cp_price {
   font-style: italic;
 }
 table.cart td.cart_total, table.cart td.cart_cp_total {
   text-align: right;
   white-space: nowrap;
 }
 table.cart td.cart_op, table.cart select.cart {
   text-align: left;
 }
 table.fullcart {
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0px;
   margin: 10px 0px;
 }
 table.fullcart td {
   vertical-align: top;
 }
 table.fullcart td.totalscoup {
   text-align: right;
 }
 table.totals {
   vertical-align: middle;
 }
 table.totals td {
   margin-right: 0px;
   text-align: right;
   padding-left: 10px;
   white-space: nowrap;
 }
 td.totals_all, td.totals_all_txt, td.coupcap, td.instruct_hdr, td.comm_hdr, td.pay_holder_hdr, td.bill_addr_hdr, td.ship_addr_hdr, td.payment_hdr {
   font-weight: bold;
 }
 #sc_checkout td#gc_info {
   padding: 0px 20px;
 }
 #sc_checkout {
   border-collapse: collapse;
   border-spacing: 0px;
   border: 0px;
   padding: 0px;
   margin: 5px 0px 5px auto;
 }
 #sc_checkout td {
   padding: 0px;
   margin: 0px;
   background-color: #[-- STORE.Color4 --];
 }
 #sc_checkout td#sc_checkout_info {
   padding: 10px 20px;
   text-align: center;
   font-weight: bold;
 }
 #sc_checkout p {
   padding: 0px 0px 10px 0px;
 }
 table.addr {
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0px;
   margin: 8px auto;
 }
 table.addr td {
   width: 50%;
   padding: 0px 20px;
   vertical-align: top;
   text-align: center;
 }
 td.conf_addr table.addr td {
   padding: 0px;
 }
 table.addr td table td {
   text-align: left;
   white-space: nowrap;
   padding: 2px 3px;
 }
 table.payment {
   margin: 8px auto;
   border-collapse: collapse;
   border-spacing: 0px;
 }
 table.payment td {
   white-space: nowrap;
   padding: 2px 3px;
   text-align: left;
 }
 td.conf_addr, td.conf_pay {
   text-align: left;
   vertical-align: top;
   width: 50%;
   padding-left: 30px;
 }
 td.conf_addr {
   border-right: 1px solid #[-- STORE.Color4 --];
 }
 td.conf_addr table.addr, td.conf_pay table.payment {
   margin: 8px 0px;
 }
 table.addr_name {
   margin: 0px;
   padding: 0px;
   border-collapse: collapse;
   border-spacing: 0px;
 }
 table.addr_name td {
   padding: 2px 4px 2px 0px;
 }
 p.button {
   text-align: center;
   white-space: nowrap;
 }
 #email_content {
   width: 700px;
   margin: 10px auto;
   padding: 16px;
   border: 1px solid #[-- STORE.Color4 --];
   clear: both;
   background-color: #FFFFFF;
 }
 table.sec_image {
   margin: 5px auto;
   padding: 0px;
   text-align: center;
   border: 0px;
 }
/***  Table of Registration  ***/


table.reg {
  vertical-align: middle;
  border-spacing: 0;
  padding-bottom: 1em;
}
td.reg_wel {
  font-weight: bold;
}
td.reg, td.reg_link {
  text-align: left;
  text-decoration: none;
}
td.coupon {
  padding-top: 1em;
}
td.buttons {
  text-align: center;
  padding-top: 1em;
}
/*** Enter postal code, select country ***/
table.zipncountry, td.zipncountry, td.zipncountry_text {
  text-align: left;
}
td.sql_addr_hdr {
  font-weight: bold;
}
td.sql_addr {
  padding-right: 15px;
}
/*** select shipping method, tax rate ***/
table.taxnship, table.surcharge {
  text-align: right;
  padding-top: 1em;
}
td.taxnship_hdr {
  font-weight: bold;
  text-align: left;
}
td.taxnship {
  text-align: left;
}
 table.surcharge {
   text-align: right;
 }
 input.button152, input.button154 {
   cursor: pointer;
 }
 div.warning_img {
   float: left;
   width: 32px;
   height: 32px;
   clear: none;
 }
 div.warning {
   width: 500px;
   margin: 0px auto 20px auto;
   padding: 8px;
   border: 1px solid #[-- STORE.TextColor --];
   background-color: #[-- STORE.Color4 --];
 }
 div.warning_text {
   float: right;
   clear: none;
   margin: 0px 0px -30px 44px;
   padding: 0px;
   position: relative;
   top: -30px;
 }
 div.warning_text p, div.unfloat {
   padding: 0px;
   margin: 0px;
   height: 0px;
 }
 td.checkout_err, .inv_err {
   background-color: #[-- STORE.Color4 --];
 }
 td.ups_error {
   background-color: #[-- STORE.Color4 --];
 }
/* Checkout Button Table */
table.checkout {
  vertical-align: middle;
  text-align: center;
}
td.checkout {
  padding: 5px;
  text-align: center;
}
table.google_button {
  vertical-align: middle;
  text-align: center;
}
table.google_button td {
  vertical-align: middle;
  text-align: center;
  padding: 4px;
}
/* Cross-sell Stuff */
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;
  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%;
}
/* Cross-sell Contents */
table.gcs_product_table, table.pcs_product_table {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
}
td.gcs_product_name, td.pcs_product_name {
  text-align: center;
  font-weight: bold;
}
td.gcs_product_image, td.pcs_product_image {
  text-align: center;
}
td.gcs_product_image img, td.pcs_product_image img {
  border: 0px none;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
td.gcs_product_price, td.pcs_product_price, td.gcs_product_add_to_cart, td.pcs_product_add_to_cart, td.sc_secure_image {
  text-align: center;
}
td.gcs_product_add_to_cart a, td.pcs_product_add_to_cart a {
  font-weight: bold;
}
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 {
  margin: 10px auto;
}
.ship_logos td {
  width: 220px;
  text-align: center;
  padding: 3px;
  vertical-align: top;
}
.ship_logos td.ship_img {
  vertical-align: middle;
}
.ship_logos td.ship_text {
  font-size: 8pt;
}
######################### GIFT CERTIFICATE ################################
 #gc_tbl {
   margin: 0px auto 20px auto;
   padding: 0px;
   border-collapse: collapse;
   border-spacing: 0px;
 }
 table.giftcert_type td, table.cert_num_amount td, table.cert_to_from_msg td {
   padding: 3px;
   text-align: left;
 }
 td#gc_email, td#gc_number, td#gc_message {
   border-bottom: 1px solid #[-- STORE.Color4 --];
   padding: 16px 40px;
 }
 table.cart td.giftcert {
   text-align: left;
 }
########################## CUSTOMER REGISTRATION ###########################
 .program_reward_hdr, .program_reward {
        color: #[-- STORE.TextColor --];
 }
 input.button168, input.button170, input.button172 {
        float: right;
 }
 #view_order {
   width: 80%;
 }
 #view_order table.cart td.cart_op2 {
   display: none;
   width: 0px;
   background-color: #[-- STORE.SC_BackgroundColor --];
 }
 #view_order table.addr td {
   text-align: left;
        text-decoration: none;
 }
 .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;
 }
 table.email_pw td {
   white-space: nowrap;
 }
RRG
 
Posts: 14
Joined: Tue May 29, 2012 3:44 pm

Re: Flex-Build Editing help

Postby Jim » Wed May 30, 2012 3:35 pm

It's kind of hard to modify some things. Have you tried something simple like putting a <br> just before the tag to push it down a line?
Jim
Site Admin
 
Posts: 4682
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Re: Flex-Build Editing help

Postby RRG » Wed May 30, 2012 4:41 pm

Jim wrote:It's kind of hard to modify some things. Have you tried something simple like putting a <br> just before the tag to push it down a line?


Actually, flex-build-header.sst only affects the registration, log in, my account, cart, etc. which looks like this

Image

I may have to dig into templates/pages/Flex-Build-11.sst which should affect all other pages. The flex-build-header.sst is one huge table. I may have to give the sc_registration its own td id or class with its own values in css. If not, it's going to adopt whatever other class or id its under which as of now, scrunches it up into a thin column.
RRG
 
Posts: 14
Joined: Tue May 29, 2012 3:44 pm

Re: Flex-Build Editing help

Postby RRG » Wed May 30, 2012 7:52 pm

I figured out a way to make it work, so far. The customer registration file did not display the search form but it was displaying the sign in/registration links all bunched up as shown in my previous replies. So I decided to get the registration page to at least look like the home page header which had the search bar and the registration links underneath. The only problem is, there is no way to check mark the search field to be included in customer registration page. I looked everywhere. So, I noticed the registration form had [--INCLUDE Flex-Build-Header.sst --] but the search bar was not showing up. So, I just went into Flex-Build-Header.sst and deleted this snippet

Code: Select all
[-- IF VAR.SearchProductField "checked" --]


So now, the search field will show in the header for every single page which I am okay with. So, to get the registration links lined up (My Account|Register|Sign In) underneath the search bar, I used .nobr which is used for the white space: nowrap. Nowrap will prevent the text from jumping to the next line. I also inserted the code into a table. Although I have not defined a position for it yet, it's real close to looking how I want. Below is the code and image of how it looks.

Image
Code: Select all
<nobr>  <table><tr><td> 
              [-- IF SC_Registration --]
      <script type="text/javascript" language="JavaScript">DisplayLogName("ss_reg_[-- STORE_Serial_Number --]");</script>
    [-- END_IF --]
    </td></tr></table></nobr>


Now, I just have to assign the table some properties to push the links down to be flush with the menu nav. Now, If I could just get Flex-Buold-Left.sst to be included on the registration page. Still working on it.
RRG
 
Posts: 14
Joined: Tue May 29, 2012 3:44 pm

Re: Flex-Build Editing help

Postby RRG » Wed May 30, 2012 8:08 pm

UPDATE**

Instead of inserting that code directly into the header, I created a new include file called Top-Reg-Link and included it into the header. Now the changes show across the site. Nice...
RRG
 
Posts: 14
Joined: Tue May 29, 2012 3:44 pm

Re: Flex-Build Editing help

Postby Jim » Wed May 30, 2012 8:21 pm

Glad you got it working the way you wanted.
Jim
Site Admin
 
Posts: 4682
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Re: Flex-Build Editing help

Postby RRG » Wed May 30, 2012 9:38 pm

I ran into an issue. I copied the header into custom templates and I added a new include file. The only problem is, when I publish it, the header cannot find my custom include file. I have some custom files and most of the rest are part of the theme. How do I get it to read from the custom files? Should I just copy the custom file over to the main template directory?
RRG
 
Posts: 14
Joined: Tue May 29, 2012 3:44 pm

Re: Flex-Build Editing help

Postby RRG » Wed May 30, 2012 11:35 pm

Ok...so I copied my custom file into the main /sc directory along with the main theme files and it's working now. So... make a new custom file and want to add it to a theme, you need to copy it from your /data/templates to your sc/templates so the rest of your theme can pull from it.
RRG
 
Posts: 14
Joined: Tue May 29, 2012 3:44 pm

Re: Flex-Build Editing help

Postby Jim » Thu May 31, 2012 6:04 am

If you overwrite files in the sc/templates directory you will lose all of your changes when the store is upgraded because that directory is replaced with files from the new version.

The proper way to do it is to place the template in the data/templates directory and give the file the same name as what the file you are replacing has. The file is placed in either the includes or publish section depending on what type of include statement is used in the calling file. If the template uses [-- include <filename> Process --] then it needs to be in the includes section. If the file uses an HTML href statement then it needs to be in the publish directory.

The publish routines always looks for files in the data/templates directory before it looks in the sc/template directory, that way if the merchant has modified a file it will find the modified version before it finds the ShopSite provided version.

So you should go back and copy the file into the appropriate data/templates directory if you want to keep those changes after an upgrade.
Jim
Site Admin
 
Posts: 4682
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Re: Flex-Build Editing help

Postby RRG » Thu May 31, 2012 1:15 pm

Jim wrote:If you overwrite files in the sc/templates directory you will lose all of your changes when the store is upgraded because that directory is replaced with files from the new version.

The proper way to do it is to place the template in the data/templates directory and give the file the same name as what the file you are replacing has. The file is placed in either the includes or publish section depending on what type of include statement is used in the calling file. If the template uses [-- include <filename> Process --] then it needs to be in the includes section. If the file uses an HTML href statement then it needs to be in the publish directory.

The publish routines always looks for files in the data/templates directory before it looks in the sc/template directory, that way if the merchant has modified a file it will find the modified version before it finds the ShopSite provided version.

So you should go back and copy the file into the appropriate data/templates directory if you want to keep those changes after an upgrade.


Yup, thanks! I noticed that after reading one of your other replies. I also read the template tips. I copied a template, then copied it again with same name and deleted the first copy. I have another question about the footer but I will make a new thread to keep info organized. Thanks again.
RRG
 
Posts: 14
Joined: Tue May 29, 2012 3:44 pm


Return to User Forum

Who is online

Users browsing this forum: Google [Bot] and 1 guest