X-Cart: shopping cart software
Page 1 of 2 1 2 >
Show 40 posts from this thread on one page

X-Cart forums (https://forum.x-cart.com/index.php)
-   Dev Questions (https://forum.x-cart.com/forumdisplay.php?f=20)
-   -   Much simpler shop_closed.html (https://forum.x-cart.com/showthread.php?t=54723)

Sisom 07-24-2010 03:41 AM
Much simpler shop_closed.html
 
I've removed all the unnecessary divs from the shop_closed.html (that would be ALL of them... :lol:), 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 07-24-2010 03:44 AM
Re: Much simpler shop_closed.html
 
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 07-24-2010 04:24 AM
Re: Much simpler shop_closed.html
 
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 07-24-2010 02:21 PM
Re: Much simpler shop_closed.html
 
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 08-18-2010 06:04 PM
Re: Much simpler shop_closed.html
 
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 08-18-2010 08:03 PM
Re: Much simpler shop_closed.html
 
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 08-19-2010 11:57 AM
Re: Much simpler shop_closed.html
 
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 08-19-2010 12:04 PM
Re: Much simpler shop_closed.html
 
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 08-19-2010 02:57 PM
Re: Much simpler shop_closed.html
 
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 08-20-2010 11:32 AM
Re: Much simpler shop_closed.html
 
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.


All times are GMT -8. The time now is 07:23 AM.
Page 1 of 2 1 2 >
Show 40 posts from this thread on one page

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.