Jump to content
Latest News: (loading..)

Recommended Posts

Posted (edited)

@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

 

 

 

Edited by graveyardrecords

Share this post


Link to post
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


If you are running the "official" osC 2.3.4 or 2.3.4.1 download, your installation is obsolete! Get the latest community-supported responsive "Edge" release here

Share this post


Link to post
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


For a new install or if your store isn't mobile-friendly, get the community-supported responsive osCommerce (2.3.4.1 CE) here: https://github.com/gburton/osCommerce-234-bootstrap/archive/master.zip

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

Share this post


Link to post
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


If you are running the "official" osC 2.3.4 or 2.3.4.1 download, your installation is obsolete! Get the latest community-supported responsive "Edge" release here

Share this post


Link to post
Share on other sites
Posted (edited)
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.

 

 

Edited by graveyardrecords

Share this post


Link to post
Share on other sites
Posted (edited)

@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

Edited by Demitry

Share this post


Link to post
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.


For a new install or if your store isn't mobile-friendly, get the community-supported responsive osCommerce (2.3.4.1 CE) here: https://github.com/gburton/osCommerce-234-bootstrap/archive/master.zip

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

Share this post


Link to post
Share on other sites

Split Topic so that it does not get buried and you have a place to continue getting help away from the main thread.


This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
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

 

Share this post


Link to post
Share on other sites

@graveyardrecords

26 minutes ago, graveyardrecords said:

BODY {
  background:#000000;
}

 

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

BODY {
  background: #000000;
}

Malcolm


If you are running the "official" osC 2.3.4 or 2.3.4.1 download, your installation is obsolete! Get the latest community-supported responsive "Edge" release here

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

@graveyardrecords

I don't know if CSS is case sensitive, but try putting BODY in lower case ...

Malcolm


If you are running the "official" osC 2.3.4 or 2.3.4.1 download, your installation is obsolete! Get the latest community-supported responsive "Edge" release here

Share this post


Link to post
Share on other sites

@graveyardrecords

How big is your user.css file? Is anything in it being read? Can you copy it here?

 


If you are running the "official" osC 2.3.4 or 2.3.4.1 download, your installation is obsolete! Get the latest community-supported responsive "Edge" release here

Share this post


Link to post
Share on other sites

Have you tried

body {
  background: black;
}

If you are running the "official" osC 2.3.4 or 2.3.4.1 download, your installation is obsolete! Get the latest community-supported responsive "Edge" release here

Share this post


Link to post
Share on other sites

Ok, let me see this file:

/catalog/includes/template_top.php

(I just want to see if, when you added the Theme Switcher, it didn't override the calling of user.css )

Malcolm


If you are running the "official" osC 2.3.4 or 2.3.4.1 download, your installation is obsolete! Get the latest community-supported responsive "Edge" release here

Share this post


Link to post
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() : ''); ?>">

 

Share this post


Link to post
Share on other sites

Foolish question, but have you cleared the cache in your browser? Press <ctrl> F5

Malcolm


If you are running the "official" osC 2.3.4 or 2.3.4.1 download, your installation is obsolete! Get the latest community-supported responsive "Edge" release here

Share this post


Link to post
Share on other sites
4 minutes ago, ArtcoInc said:

Foolish question, but have you cleared the cache in your browser? Press <ctrl> F5

Malcolm

no, its not foolish i'm just an idiot ROFL!! that did it, sorry for wasting your time. thanks for the help <3

 

Share this post


Link to post
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.

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×