Much simpler shop_closed.html

Sisom · #1 07-24-2010, 03:41 AM

I've removed all the unnecessary divs from the shop_closed.html (that would be ALL of them...

), this will probably work in all incarnations of X-Cart.

Code:

<!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=iso-8859-1" />
<title>MrDTrading is closed</title>
<style type="text/css">
<!--
html, body {background-color: #ffffff;margin: 0px;padding: 0px;height: 100%;font-family: verdana, arial, helvetica, sans-serif; font-size: 100%;}
h1 {font-size: 0.9em;background: url(skin1/images/2column/bluebar750.gif) no-repeat top center;width: 750px;height: 34px;margin: 0 auto;line-height:34px;text-align:center;}
img {display: block;margin: 20px auto 0;}
-->
</style>
</head>

<body>
<img src="skin1/images/2column/closedlogo.gif" alt="MrDTrading Logo" />
<h1>We are temporarily closed. We apologise for the inconvenience. Please check back soon.</h1>
</body>
</html>

I have used a horizontal bar graphic (generated with Vista Buttons), called "bluebar750.gif" in the CSS above, for the background of the heading, and I have put my site logo (called "closedlogo.gif" in this example) into the skin1/images/2column folder.

Sisom · #2 07-24-2010, 03:44 AM

Just to illustrate the difference, this is the old code (full of unnecessary code - talk about making life difficult for yourselves!):

Code:

<!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=iso-8859-1" />
<title>The store is closed</title>
<style type="text/css">
<!--
html, body {
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
}
#page-container {
    position: relative;
    min-height: 100%;
}
#header {
    width: 100%;
    height: 110px;
}
#header .line1 {
    height: 130px;
    padding: 5px;
}
#header .line1 .logo {
    margin-left: 18%;
}
#header .line1 .logo img {
    width: 376px;
    height: 130px;
    margin:10px 0 0 0;
}
#header .line2 {
    width: 1000px;
    margin:0 auto;
    border: none;
    background: url(skin1/images/closedbar.gif) no-repeat center center;
    padding-bottom:13px;
    height: 40px;
}
#center {
    padding-bottom: 60px;
}
#dialog-message {
    border: none;
    margin-left: 20%;
    margin-right: 20%;
    min-height: 120px;
    vertical-align: middle;
    text-align: left;
}
#dialog-message #icon {
    float: left;
    width: 100px;
}
#dialog-message #main {
    margin-left: 100px;
}
#dialog-message h1 {
    float: right;
    margin: 10px 0px;
    padding: 0;
    font-size: 14px;
    color: #3e3104;
}
#dialog-message .message {
    color: #ffffff;
    font-weight: bold;
    clear:right;
    line-height:40px;
}
#dialog-message a {
    color: #043fa0;
    font-weight: bold;
}
#footer {
    height: 39px;
    width: 100%;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    float: left;
}
#footer .box {
  width: 100%;
  border: none;
  border-top: 1px solid #cb480c;
  padding: 0px;
}
#footer .subbox {
  border-top: #ffd30d 1px solid;
  background: #f4f5f7 none;
  height: 40px;
  vertical-align: middle;
  padding: 0px;
}
#footer .subbox .left {
  background: transparent none;
  margin-left: 18%;
  line-height: 40px;
  vertical-align: middle;
}
-->
</style>
</head>
<body>
    <div id="page-container">

      <div id="header">
        <div class="line1">
            <div class="logo">
                <img src="skin1/images/xlogo.gif" alt="" />
            </div>
        </div> 
        <div class="line2">
            &nbsp;
        </div>
    </div>

    <div id="center">
        <div id="dialog-message">
            <div id="icon">
              <!--    <img src="skin1/images/lock.jpg" alt="" /> -->
            </div>
            <div id="main">
                <h1>MrDTrading is closed for maintenance.</h1>
                <p class="message">We are temporarily closed. We apologise for the inconvenience. Please check back soon.</p>
            </div>
        </div>
    </div>

    <div id="footer">
       <!--    <div class="box">
          <div class="subbox">
            <div class="left">Powered by X-Cart shopping cart software</div>
            </div>
        </div> -->
    </div><!-- END OF FOOTER -->

    </div>
</body>
</html>

Just compare the two.

balinor · #3 07-24-2010, 04:24 AM

FYI, you should never 'close' your shop - if you do that Google will drop all of your indexed pages from inside the shop. If you absolutely have to turn off ordering in your store, simply disable the add to cart buttons and the checkout. That will let Google keep indexing the interior pages, but prevent orders from coming in at the same time.

Sisom · #4 07-24-2010, 02:21 PM

Thanks Balinor. I'm using the shop closed page for a site that is still under development, it doesn't have any real products in it yet.

lLAVISH · #5 08-18-2010, 06:04 PM

Can anyone tell me which folder is this page located in? I was thinking about changing mine as well. (I tried using webmaster mode to find the template but for some reason the console is not loading anything.)

jprevost · #6 08-18-2010, 08:03 PM

As Padraic pointed out, closing the shop is not recommended. I would not waste any time optimizing the code of a page that is almost never going to be seen.

Sisom · #7 08-19-2010, 11:57 AM

But presumably it's useful to have it for a site that's under development (not that it makes much difference to anybody who might happen to come across the site, whether it's a stock X-Cart shop closed page, or a customised one!)

jprevost · #8 08-19-2010, 12:04 PM

You'd actually be better off to create a custom one page "coming soon" page with some keyword use in the on page text and maybe a few photos and descriptions of the products that you are planning to have available to get a little notice in the search engines while you are developing. More appealing to the user as well who does find you for now.

balinor · #9 08-19-2010, 02:57 PM

Actually, you don't want the search engines (or anyone else) to see the domain at all until it is 100% ready. Keep the domain parked, and if you already have it moved, block the search engines completely via your robots.txt file. People who see a 'coming soon' page are apt to just never visit that link again. Coming soon is kind of like those old 'under construction' icons - not something you ever want a customer to see.

jprevost · #10 08-20-2010, 11:32 AM

I'll have to respectfully disagree Padraic. We've always made sure that there is accurate contact information with a couple of ideas of what types of products will be available and have seen sales from properly developed intro pages through offline methods. We see value in that rather than having no sales while development takes place. Typically development doesn't take all that long by that point anyways so we've never seen the harm in creating one. I'd definitely agree that the typical coming soon pages that have been used in that past don't hold any value.