Full service web hosting, great prices and support. Starts at $1.99/month!
Page 1 of 4 123 ... LastLast
Results 1 to 10 of 32

Thread: osCommerce Layout Modified

  1. #1
    MahmoodDar
    Guest


    Default osCommerce Layout Modified

    Hiya all

    I would like to know as what are the steps needed to be taken to achieve this sort of changes in osCommerce

    http://www.memoryworld.de/

    Can this be done through Dreamweavers MX Design Mode or it should only be done through Code View.

    Moreover, does one need to create an extra Style Sheet?

    Thanks

  2. #2
    osCMax Developer


    osCommerce Layout Modified


    Join Date
    Jul 2002
    Location
    Phoenix, AZ
    Posts
    23,134
    Contribute If you enjoy reading the
    content here, click the below
    image to support our site.
    Click Here To Contribute To Our Site

    Total Contributions For

    michael_s     $ 10.00
    Rep Power
    597


    Default

    Yes and Yes.

    Can be done in dreamweaver in either mode. But that is some really nice work, so you better be good at using photoshop too!

    Probably not an extra stylesheet, just a few style additions. It is a pretty well thought out site over there.

  3. #3
    MahmoodDar
    Guest


    Default

    HIya msaek

    I have read its View Source and it has two Style Sheets attached.
    One " stylesheet.css" and other "style.css"

    I have tried to change the layout in Dreamweaver but i cant find a way through php, what i tried was that i ran the default.php and copied in view source and then made the adjustments to the html (Static). But the problem came out that it wasnt getting modified as php does.

    How has www.memoryworld.com done that in PHP.?

    By the way i am good at photshop and flash mx but not PHP

  4. #4
    MahmoodDar
    Guest


    Default

    alright , how would i add a gif in the middle of the InfoBox, in between the Left Corner gif and the right corner gif. the Style Sheet only changes the colour.

    For Example, do i have to make the changes here in /catalog/includes/classes/boxes.php

    Code:
    class infoBoxHeading extends tableBox {
        function infoBoxHeading($contents, $left_corner = true, $right_corner = true, $right_arrow = false) {
          $this->table_cellpadding = '0';
    
          if ($left_corner) {
            $left_corner = tep_image(DIR_WS_IMAGES . 'infobox/corner_left.gif');
          } else {
            $left_corner = tep_image(DIR_WS_IMAGES . 'infobox/corner_right_left.gif');
          }
          if ($right_arrow) {
            $right_arrow = '<a href="' . $right_arrow . '">' . tep_image(DIR_WS_IMAGES . 'infobox/arrow_right.gif', ICON_ARROW_RIGHT) . '</a>';
          } else {
            $right_arrow = '';
          }
          if ($right_corner) {
            $right_corner = $right_arrow . tep_image(DIR_WS_IMAGES . 'infobox/corner_right.gif');
          } else {
            $right_corner = $right_arrow . tep_draw_separator('pixel_trans.gif', '11', '14');
          }

    and the default.php

    Code:
     <td height="14" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" width="11" height="14"></td>
    [/code]

  5. #5
    lango
    Guest


    Default

    msasek, Please excuse the butt in.

    Mahmood:

    the imortant part of the infoboxHeading is this:

    Code:
     $info_box_contents = array();
          $info_box_contents[] = array(array('params' => 'height="14" class="infoBoxHeading"', 'text' => $left_corner),
                                       array('params' => 'width="100%" height="14" class="infoBoxHeading"', 'text' => $contents[0]['text']),
                                       array('params' => 'height="14" class="infoBoxHeading"', 'text' => $right_corner));
          $this->tableBox($info_box_contents, true);
        }
      }
    I found to add as you say a gif between both corners would go something like this if you still require text do it as a background:

    $info_box_contents = array();
    $info_box_contents[] = array(array('params' => 'height="14" class="infoBoxHeading"', 'text' => $left_corner),
    array('params' => 'background="images/infobox/background.gif" width="100%" class="infoBoxHeading"', 'text' => $contents[0]['text']),

    array('params' => 'height="14" class="infoBoxHeading"', 'text' => $right_corner));
    $this->tableBox($info_box_contents, true);
    }
    }
    Remember to remove any background colour from you stylesheet.css for infoboxHeading.
    Hope this helps.

  6. #6
    MahmoodDar
    Guest


    Default

    Thanks Lango

    Ill give this a try

    Also, ill check it out in the latest OSCDox Guide.

  7. #7
    MahmoodDar
    Guest


    Default

    I read the guide a bit and I want to add a new box in the right column.
    I want that box to hold Login Box.

    Do i go about as same as with the Test Page explained in the Osdox Guide.

  8. #8
    MahmoodDar
    Guest


    Default

    Hiya

    I have changed the layout of the cart a bit.

    I have changed the InfoBox Header Image between the right and left corner gifs. Thanks to Lango for the help

    Now i want to place gifs around the Right and Left sides of the WHOLE InfoBox. I tried it with increasing the margin and adding a think border but it doesnt fit well.

    Is there a way to define images for the Right and Left Sides of the InfoBox through StyleSheet or any other way

    Thanks

  9. #9
    lango
    Guest


    Default

    Mahmood

    before I can help any further, can you check this out and advise if this is what you mean.

    www.themetest.dcpc.co.uk

    you can change the theme at

    www.themetest.dcpc.co.uk/admin

    Login with:

    username tester
    password tester

    configuration----mystore--- at the bottom you will see Site Thema Options


    Lango

  10. #10
    MahmoodDar
    Guest


    Default

    HIya lango

    This is exactly what I am talking about. By the way, the site looks really good.

    How can I edit my stylesheet or add another to make a theme similar to that. Is this the contribution from Oscommerce.

Page 1 of 4 123 ... LastLast

Similar Threads

  1. Upgrading a modified OSCMAX 1.5.5 to 1.7
    By icecold in forum osCMax v1.7 Installation
    Replies: 1
    Last Post: 04-07-2005, 02:52 PM
  2. How can I tell if MAX has modified a file?
    By steveshep in forum osCmax v1.7 Discussion
    Replies: 4
    Last Post: 06-22-2004, 08:44 AM
  3. Layout with transparent gifs vs. layout with CSS
    By Lynoure in forum osCommerce 2.2 Modification Help
    Replies: 1
    Last Post: 01-16-2004, 02:22 AM

Bookmarks

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •