Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

2.2 to Edge - Design Help Please


Recommended Posts

@burt or anyone I'm hoping someone can help me figure this out.

Coming from many years working with the old 2.2 OSC this new responsive one is a different beast to me.

Here's what I am trying to do (one step at a time)

On the main page - http://graveyard.timsplumbing.com/index.php

in place of the "Welcome..." message I want the same image that is displayed on the index page of the old website www.graveyardrecords.com

 

I've gone over and over inserting the HTML code (<img src="xxx.jpg">) for it in various files (/includes/content folders as well as the root index.php) but nothing is working :(

and I've only seen add-ons for a custom info box but I don't know how I could get that in the index page in place of "new_products.php" (which I have turned off in admin)

other question, for the .css the file user.css is blank so how can I edit the .css to change colors and backgrounds and stuff?

 

thanks for your help!

 

jeff

 

 

 

Link to comment
Share on other sites

@graveyardrecords

Look in     /catalog/includes/languages/english/index.php

As for user.css, yes, it is blank. It is also the last css file loaded. So, anything you enter here will override prior css definitions. Put all of your css stuff here ... do NOT try and edit any of the other css files.

Malcolm

Link to comment
Share on other sites

@graveyardrecords Jeff, while Malcolm is correctly pointing you to where to edit that bit of page text, if you really want to get your head around how to do things on the responsive version, you should be thinking in modules - content modules for showing content.

Attached is a very simple image module. It's likely there are better ones commercially available but this shows how to go about it. I've put it in the index folder under modules in content because that's where you want it to come out. Install this one, fill in your image file name and turn off the Page Heading and/or Customer Greeting content modules for index. Some settings are parameterised, while for other things you might need to edit the template file.

That bit of text you were looking for doesn't actually sit with a module because it's carried forward from the page-based non-responsive version.

responsive_image_content_module.zip

Contact me for work on updating existing stores - whether to Phoenix or the new osC when it's released.

Looking for a payment or shipping module? Maybe I've already done it.

Working on generalising bespoke solutions for Quickbooks integration, Easify integration and pay4later (DEKO) integration at 2.3.x

Link to comment
Share on other sites

@graveyardrecords

Sometimes, it comes down to whether to answer the question asked, or point the person in a 'better' direction.

As you are finding out, Edge is very modular. You can turn modules on or off in Admin, all without any core changes. New modules can be installed easily, also without any core changes. It's a new way of doing things. If you try to maintain your new shop the way you did with the old shop, you'll loose all of the benefits of the new system.

If you need a module that doesn't already exist, it's not difficult to copy and modify an existing one, and make one that does what you need.

I strongly encourage you to NOT try and make your new shop look exactly like your old one! All the effort you put into making it look the same on a large screen will be lost on smart phone. Make sure you view your site in ALL of the display sizes.

Malcolm

Link to comment
Share on other sites

4 hours ago, ArtcoInc said:

I strongly encourage you to NOT try and make your new shop look exactly like your old one! All the effort you put into making it look the same on a large screen will be lost on smart phone. Make sure you view your site in ALL of the display sizes.

Malcolm

 

thanks Malcolm. yeah I don't want it to be exactly. but the tribute picture to the owner is just a mandatory thing for obvious reasons :(

i did find a module to put the categories in the nav bar (as a drop down menu) but didnt install it yet. 

i still need to figure out which USPS one will work with it (or UPS even). and get paypal set up properly as well, but one thing at a time. this is no hurry.

 

 

Link to comment
Share on other sites

@graveyardrecords

Jeff,

I made a quick module for your index page (attached). It's only 3 files to upload and activate from your admin panel. The code for that image is in the template file and it will adjust to browser size. I assume that image is in the /images/ folder. If it's not, place it in that folder and it will display once the module is enabled.

As for changing the site colors, that may take you some time. I suggest using a Theme Switcher addon. I think this one is the latest for BS.

https://apps.oscommerce.com/xy9vz&theme-switcher

 

index added content module.zip

osCommerce: made for programmers, ...because store owners do not want to be programmers.

https://trends.google.com/trends/explore?date=all&amp;geo=US&amp;q=oscommerce

Link to comment
Share on other sites

4 hours ago, graveyardrecords said:

i still need to figure out which USPS one will work with it (or UPS even). and get paypal set up properly as well, but one thing at a time. this is no hurry.

USPS: https://apps.oscommerce.com/E3EVx

I put this into a community responsive store recently. Depending on which rates you use, you may need to do some extra fiddling, but the USPS support thread is alive and Kymation has been keeping the module up to date with USPS's continual changes.

Contact me for work on updating existing stores - whether to Phoenix or the new osC when it's released.

Looking for a payment or shipping module? Maybe I've already done it.

Working on generalising bespoke solutions for Quickbooks integration, Easify integration and pay4later (DEKO) integration at 2.3.x

Link to comment
Share on other sites

On 5/12/2018 at 2:45 AM, Demitry said:

As for changing the site colors, that may take you some time. I suggest using a Theme Switcher addon. I think this one is the latest for BS.

https://apps.oscommerce.com/xy9vz&theme-switcher

 

I installed the switcher and it's pretty awesome! altho it's not reading any of the code in user.css

the Cyborg theme has a different color black for the body and I want that to be a #000, (so it matches the background of my images).

I looked in the /cyborg/ folder .css and tried changing colors marked with "background" but it didn't work.

then I thought, maybe I am using an old code for my .css


BODY {
  background:#000000;
}
 

but I couldn't find anything via google to correct it :(

 

I'm developing this on Windows 10 using Chrome, I'm also checking it with my Samsun s8+ as well

 

Link to comment
Share on other sites

3 minutes ago, ArtcoInc said:

@graveyardrecords

It may just be how you copied it here, but try adding a space between the : and the #


BODY {
  background: #000000;
}

Malcolm

I tried what you suggested and it still didn't read it. I turned off the module and it reverted it back to the white background. 

I just checked file permission is 0644 and that's fine thinking maybe it was that

Link to comment
Share on other sites

<?php
/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2014 osCommerce

  Released under the GNU General Public License
*/

  $oscTemplate->buildBlocks();

  if (!$oscTemplate->hasBlocks('boxes_column_left')) {
    $oscTemplate->setGridContentWidth($oscTemplate->getGridContentWidth() + $oscTemplate->getGridColumnWidth());
  }

  if (!$oscTemplate->hasBlocks('boxes_column_right')) {
    $oscTemplate->setGridContentWidth($oscTemplate->getGridContentWidth() + $oscTemplate->getGridColumnWidth());
  }
?>
<!DOCTYPE html>
<html <?php echo HTML_PARAMS; ?>>
<head>
<meta charset="<?php echo CHARSET; ?>">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title><?php echo tep_output_string_protected($oscTemplate->getTitle()); ?></title>
<base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER : HTTP_SERVER) . DIR_WS_CATALOG; ?>">

<?php if ( !defined ( MODULE_HEADER_TAGS_THEME_SWITCHER_STATUS ) ||
MODULE_HEADER_TAGS_THEME_SWITCHER_STATUS != 'True' ); { ?>
<link href="ext/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<?php } ?>
<!-- font awesome -->
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>

<?php echo $oscTemplate->getBlocks('header_tags'); ?>
<link href="custom.css" rel="stylesheet">
<link href="user.css" rel="stylesheet">

<!--[if lt IE 9]>
   <script src="ext/js/html5shiv.js"></script>
   <script src="ext/js/respond.min.js"></script>
   <script src="ext/js/excanvas.min.js"></script>
<![endif]-->
 
<script src="ext/jquery/jquery-3.1.1.min.js"></script>

</head>
<body>

  <?php echo $oscTemplate->getContent('navigation'); ?>
  
  <div id="bodyWrapper" class="<?php echo BOOTSTRAP_CONTAINER; ?>">
    <div class="row">

      <?php require('includes/header.php'); ?>

      <div id="bodyContent" class="col-md-<?php echo $oscTemplate->getGridContentWidth(); ?> <?php echo ($oscTemplate->hasBlocks('boxes_column_left') ? 'col-md-push-' . $oscTemplate->getGridColumnWidth() : ''); ?>">

 

Link to comment
Share on other sites

Hey, just a couple of things to mention. Adding or eliminating that space in the css code makes no difference, it's just personal preference in coding. I always remove it because it adds characters to the file. Regardless, that css file should be minified when you are done with it. Minifying it will remove those spaces anyway, so like I said, they make no difference.

Malcolm, a CRTL F5 is not a hard refresh, it is a just a refresh. A hard refresh that removes all page cache is CTRL SHIFT R. Though sometimes the page does clear some of the cache on F5.

 

osCommerce: made for programmers, ...because store owners do not want to be programmers.

https://trends.google.com/trends/explore?date=all&amp;geo=US&amp;q=oscommerce

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...