graveyardrecords Posted May 11, 2018 Share Posted May 11, 2018 @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 More sharing options...
ArtcoInc Posted May 11, 2018 Share Posted May 11, 2018 @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 More sharing options...
BrockleyJohn Posted May 11, 2018 Share Posted May 11, 2018 @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 More sharing options...
graveyardrecords Posted May 11, 2018 Author Share Posted May 11, 2018 thanks john and malcolm! yeah John i'd definately like to learn how to do the module thing, thanks for this file! Link to comment Share on other sites More sharing options...
ArtcoInc Posted May 11, 2018 Share Posted May 11, 2018 @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 More sharing options...
graveyardrecords Posted May 12, 2018 Author Share Posted May 12, 2018 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 More sharing options...
Demitry Posted May 12, 2018 Share Posted May 12, 2018 @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&geo=US&q=oscommerce Link to comment Share on other sites More sharing options...
BrockleyJohn Posted May 12, 2018 Share Posted May 12, 2018 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 More sharing options...
burt Posted May 12, 2018 Share Posted May 12, 2018 Split Topic so that it does not get buried and you have a place to continue getting help away from the main thread. Link to comment Share on other sites More sharing options...
graveyardrecords Posted May 14, 2018 Author Share Posted May 14, 2018 On 5/12/2018 at 4:51 AM, burt said: Split Topic so that it does not get buried and you have a place to continue getting help away from the main thread. thanks! Link to comment Share on other sites More sharing options...
graveyardrecords Posted May 14, 2018 Author Share Posted May 14, 2018 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 More sharing options...
ArtcoInc Posted May 14, 2018 Share Posted May 14, 2018 @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 Link to comment Share on other sites More sharing options...
graveyardrecords Posted May 14, 2018 Author Share Posted May 14, 2018 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 More sharing options...
ArtcoInc Posted May 14, 2018 Share Posted May 14, 2018 @graveyardrecords I don't know if CSS is case sensitive, but try putting BODY in lower case ... Malcolm Link to comment Share on other sites More sharing options...
graveyardrecords Posted May 14, 2018 Author Share Posted May 14, 2018 3 minutes ago, ArtcoInc said: @graveyardrecords I don't know if CSS is case sensitive, but try putting BODY in lower case ... Malcolm still white :( Link to comment Share on other sites More sharing options...
ArtcoInc Posted May 14, 2018 Share Posted May 14, 2018 @graveyardrecords How big is your user.css file? Is anything in it being read? Can you copy it here? Link to comment Share on other sites More sharing options...
graveyardrecords Posted May 14, 2018 Author Share Posted May 14, 2018 1 minute ago, ArtcoInc said: @graveyardrecords How big is your user.css file? Is anything in it being read? Can you copy it here? /* user.css ----------------------------------------------------------------- */ body { background: #000000; } Link to comment Share on other sites More sharing options...
ArtcoInc Posted May 14, 2018 Share Posted May 14, 2018 Have you tried body { background: black; } Link to comment Share on other sites More sharing options...
graveyardrecords Posted May 14, 2018 Author Share Posted May 14, 2018 3 minutes ago, ArtcoInc said: Have you tried body { background: black; } just did, still not working :( Link to comment Share on other sites More sharing options...
ArtcoInc Posted May 14, 2018 Share Posted May 14, 2018 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 Link to comment Share on other sites More sharing options...
graveyardrecords Posted May 14, 2018 Author Share Posted May 14, 2018 <?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 More sharing options...
ArtcoInc Posted May 14, 2018 Share Posted May 14, 2018 Foolish question, but have you cleared the cache in your browser? Press <ctrl> F5 Malcolm Link to comment Share on other sites More sharing options...
graveyardrecords Posted May 14, 2018 Author Share Posted May 14, 2018 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 Link to comment Share on other sites More sharing options...
Demitry Posted May 14, 2018 Share Posted May 14, 2018 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&geo=US&q=oscommerce Link to comment Share on other sites More sharing options...
ArtcoInc Posted May 14, 2018 Share Posted May 14, 2018 Thanks for the clarification, @Demitry Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.