Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

LIVE STORE!


Drako

Like it?  

13 members have voted

  1. 1. Like it?

    • YES
      22
    • NO
      7
    • mmmmm....
      9


Recommended Posts

Posted

Hi there!

 

Yeah, pretty well done.

Your design looks like a very good job to me.

The boxes, the headlines, the header ... everything is pretty good.

 

Your integration of DHTML (or is it just Java?) on the left menu is so cool.

How did you do it?

Is it linked to the data base?

I mean, in case you create a new category or make any modification from the Admin Control Panel, will it show up in your left menu automatically?

 

I also like very much your "Log In" box on the right side.

Is it some kind of Contribution you've plugged into your OSC?

I would like to put it in my site too. Please, message me, ok?

 

But I guess you are also asking for things that we think could be improved, so here are my thoughts:

 

- Images with white background: many stores like yours that have 99.9% of the product images with white background I would think of using white background also on those boxes where the pictures are shown, like the "Nuovi Prodotti di giugno", "Novita'" or "Recensioni" boxes, etc.

It will look much better in my opinion.

Another solution would be to give them a 1 pixel gray or silver border that would change to green with a mouse over effect for instance.

 

- I don't like at all the icons that OSC comes with by default. I mean those ugly icons that come for instance in the "Agiornami" and "Recensioni" boxes.

Those never fit with the designing effort that all of us do on our OSC projects, don't you think?

I'm getting rid of them in my site ... i really hate them. :)

 

Just delete them or make your own.

I bet the web will look even more professional.

 

Just one more thing: when you try to "Log In" the form comes out with a pale blue background color ... hummm, I think a pale green or silver would fit better with your design.

 

That's all.

Congratulations for your work!

Jose Delgado

- - - - - - - - - - - -

"I wish I were smart enough so I could end all my posts with one of those famous and brillant phrases!"

J. Delgado, amateur philosopher (2003)

Posted

thx for your reply... here is the list of the contrib i used:

 

admin_account_1_2

ANIMATED CART1.1a

BannerManagerv1.3

ColumnSortArrows1.0

commentbar21

Customer_discount_V1.1a

down_for_maintenance_v 1.1

EasyPopulate_v2.6

entry_piva2_1

Icq_Status

infoBox_customizer

infobox_header_images

languages2003

LoginBox5_2 (ottimo) // this one is for the customiez login box

loginbox_enh //and this too... u have to use both

menuBar_0_2_1

osc_2.2-ita_payment-bonifico_bancario

osc_2.2-ita_shipping-consegna_sede

osc_2.2-ita_shipping-postaraccomandata

PDF data-sheet maker_v1.1(MS1)

Pdf_catalogs_V1.4

Quick update v2.2d

Reviews_in_Product_Display_v1.0

ship2pay_1.3.1

Stars

subcat1.1

update_order_utility_v133ger

update-invoice

whos_online_country_1.1a

xpbuttons

zones-italian

 

 

here is the complete list.... uff...

 

the dhtml menu is linked to the db... and is another contrib by consoleplus... look at his 3d here:

http://www.oscommerce.com/forums/viewtopic.php...highlight=dhtml

btw thx a lot for the idea, i'll try to implement all in the shop...

 

every other comments is welcome (not only the poll vote... i need reply...

 

l8r guyz

my contribution: Alex's Contributions

Posted

Very nice indeed. But I can't see any menu, as the catalog switches automatically to English and many links are broken. Perhaps you should delete the English part and run it only in your language.

 

Cheers

Posted

much better;-)

 

Now we have pretty close the same shop, at least looking through your articles.

 

www.moddingstore.com/default.php

 

Cheers

  • 5 weeks later...
Posted

your shop looks great. i have a alot of questions for you if you would help me

Posted

how did you get your info boxes to have the tab look i like that and was wondering if you would share how you were able to do this

Posted

On the stylesheet.css, if you change

background:  #00ff00;

or whatever to

background-image: url("images/whatever.gif");

it uses an image for the background rather than a color.

 

Look here for some examples.

 

Good luck,

Matt

Posted

not exactly: i change the files header.php, removing the oscommerce code, and replacing it with my header, my menu and my logo... if u like i'll post here the code...

my contribution: Alex's Contributions

Posted

SO, THIS IS MY HEADER...

 

 

<?php

/*

$Id: header.php,v 1.39 2003/02/13 04:23:23 hpdl Exp $

 

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

 

Copyright © 2003 osCommerce

 

Released under the GNU General Public License

*/

 

// check if the 'install' directory exists, and warn of its existence

if (WARN_INSTALL_EXISTENCE == 'true') {

if (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/install')) {

tep_output_warning(WARNING_INSTALL_DIRECTORY_EXISTS);

}

}

 

// check if the configure.php file is writeable

if (WARN_CONFIG_WRITEABLE == 'true') {

if ( (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) && (is_writeable(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) ) {

tep_output_warning(WARNING_CONFIG_FILE_WRITEABLE);

}

}

 

// check if the session folder is writeable

if (WARN_SESSION_DIRECTORY_NOT_WRITEABLE == 'true') {

if (STORE_SESSIONS == '') {

if (!is_dir(tep_session_save_path())) {

tep_output_warning(WARNING_SESSION_DIRECTORY_NON_EXISTENT);

} elseif (!is_writeable(tep_session_save_path())) {

tep_output_warning(WARNING_SESSION_DIRECTORY_NOT_WRITEABLE);

}

}

}

 

// check session.auto_start is disabled

if ( (function_exists('ini_get')) && (WARN_SESSION_AUTO_START == 'true') ) {

if (ini_get('session.auto_start') == '1') {

tep_output_warning(WARNING_SESSION_AUTO_START);

}

}

 

if ( (WARN_DOWNLOAD_DIRECTORY_NOT_READABLE == 'true') && (DOWNLOAD_ENABLED == 'true') ) {

if (!is_dir(DIR_FS_DOWNLOAD)) {

tep_output_warning(WARNING_DOWNLOAD_DIRECTORY_NON_EXISTENT);

}

}

?>

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">

<tr>

<td width="2%" height="92"><div align="left"><img src="../../menu_prova/images/intestazione_01.jpg" width="19" height="92"></div>

</td>

<td width="1%" background="../../menu_prova/images/intestazione_03.jpg"><div align="left"><img src="../catalog/images/template_menu/logo_drako.gif" width="98" height="92"></div>

</td>

<td width="0%" background="../../menu_prova/images/intestazione_03.jpg"> </td>

<td width="90%" background="../../menu_prova/images/intestazione_03.jpg"><img src="../catalog/images/template_menu/header_md.gif" width="346" height="92"></td>

<td width="1%"><div align="right"><img src="../catalog/images/template_menu/header_dx.gif" width="467" height="92"></div>

</td>

</tr>

</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="1%"><img src="../menu_prova/images/Slice-02.jpg" width="11" height="25"></td>

<td width="90%" class="headerNavigation" background="../../menu_prova/images/Slice-03.jpg"><?php echo $breadcrumb->trail(' » '); ?></td>

<td width="1%"><img src="../menu_prova/images/Slice-05.jpg" width="25" height="25"></td>

<td width="1%"><a href="../portal/"><img src="../menu_prova/images/portale.gif" width="61" height="25" border="0"></td>

<td width="1%"><img src="../menu_prova/images/Slice-07.jpg" width="16" height="25"></td>

<td width="1%"><a href="../portal/modules.php?name=Forums"><img src="../menu_prova/images/forum.gif" width="61" height="25" border="0"></a></td>

<td width="1%"><img src="../menu_prova/images/Slice-07.jpg" width="16" height="25"></td>

<td width="1%"><a href="../catalog/shopping_cart.php"><img src="../menu_prova/images/carrello.gif" width="61" height="25" border="0"></a></td>

<td width="1%"><img src="../menu_prova/images/fine_menu.gif" width="20" height="25"></td>

<td width="0%" background="../menu_prova/images/Slice-03.jpg"> </td>

<td width="2%"><img src="../menu_prova/images/Slice-18.jpg" width="65" height="25"></td>

</tr>

</table>

<?php

if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) {

?>

<table border="0" width="100%" cellspacing="0" cellpadding="0">

<tr class="headerError">

<td class="headerError"><?php echo urldecode($HTTP_GET_VARS['error_message']); ?></td>

</tr>

</table>

<?php

}

 

if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) {

?>

<table border="0" width="100%" cellspacing="0" cellpadding="0">

<tr class="headerInfo">

<td class="headerInfo"><?php echo $HTTP_GET_VARS['info_message']; ?></td>

</tr>

</table>

<?php

}

?>

my contribution: Alex's Contributions

  • 2 weeks later...
Posted

Nice site. I like it...

 

Have a quick question for you: I am trying to do what you have done with the bottom of the info boxes. I am trying to get an image to line up with the sides....but it isn't working. I am including a pic and the code....please let me know what you think.

 

Thanks in advance.

-Chris

 

infobox_almost.gif

 

<?php 

/* 

 $Id: information.php,v 1.6 2003/02/10 22:31:00 hpdl Exp $ 



 osCommerce, Open Source E-Commerce Solutions 

 http://www.oscommerce.com 



 Copyright (c) 2003 osCommerce 



 Released under the GNU General Public License 

*/ 

?> 

<!-- information //--> 

<tr> 

<td> 

<TABLE WIDTH=173 BORDER=0 CELLPADDING=0 CELLSPACING=0> 

  <TR> 

     <TD COLSPAN=3> 

        <IMG SRC="images/boxes/header2.gif" WIDTH=173 HEIGHT=42></TD> 

</tr> 

<tr> 

  <td width="4" style="background-image: url(http://localhost/egypt/images/boxes/left.gif)"> 

   </td> 

  <td> 

<?php 

//  $info_box_contents = array(); 

//  $info_box_contents[] = array('text' => BOX_HEADING_INFORMATION); 



//  new infoBoxHeading($info_box_contents, false, false); 



 $info_box_contents = array(); 

 $info_box_contents[] = array('text' => '<a href="' . tep_href_link(FILENAME_SHIPPING) . '">' . BOX_INFORMATION_SHIPPING . '</a><br>' . 

                                        '<a href="' . tep_href_link(FILENAME_PRIVACY) . '">' . BOX_INFORMATION_PRIVACY . '</a><br>' . 

                                        '<a href="' . tep_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS . '</a><br>' . 

                                        '<a href="' . tep_href_link(FILENAME_CONTACT_US) . '">' . BOX_INFORMATION_CONTACT . '</a>'); 



 new infoBox($info_box_contents); 

?> 

</TD> 

  <td style="background-image: url(http://localhost/egypt/images/boxes/right.gif)"> 

   </td> 

  </TR></table><table> 

            <tr> 

<td align="left"><img src="images/boxes/bottom.gif"></td> 

            </tr> 

       </table> 



</td> 

</tr> 

<!-- information_eof //-->

Chris Sullivan

  • 2 weeks later...
Posted

sorry, i've no computer available at the moment, cause i'm renewing my office/shop, when i'm done i'll try to help you, promise! (About on the 20/22 of august!)

my contribution: Alex's Contributions

  • 2 weeks later...
Posted

This looks pretty simple. This is the last few lines of the code you have posted. Notice on the first line quoted you are closing your table with cellspacing/padding=0 and starting a new table with your bottom line graphic using a default cellspacing/padding (either 1 or 2) this is throwing the bottom graphic out of position.

 

</TR></table><table>

<tr>

<td align="left"><img src="images/boxes/bottom.gif"></td>

</tr>

</table>

 

</td>

</tr>

<!-- information_eof //-->

 

Change the first line to:

</TR>

as there is no need to start a new table.

Posted

baj3171:

 

Thanks but because of the way the background images are set up, that causes a MUCH bigger problem.

Chris Sullivan

Posted

I think you need to make the <td width="#" hight="#"> a forced size in the borders setting. This will usually work for what you are trying to do. It also helps to set border="1" in your table to see if it is fitting snug to your pics. I haven't tried to do it myself, but it is always a problem when I do borders by hand.

Posted

If you need to keep the second table, change the line to:

 

</tr></table><TABLE WIDTH=173 BORDER=0 CELLPADDING=0 CELLSPACING=0>

  • 4 months later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...