Jump to content

npn2531

Members
  • Content count

    1,159
  • Joined

  • Last visited

  • Days Won

    11

Everything posted by npn2531

  1. Leonardo, I have successfully used this contribution for extra images on OSC to CSS: http://addons.oscommerce.com/info/7195 It's a great JQuery add-on, it also has 'Pretty Photo' and is nicely linked up to the database, and has lots of extra images.
  2. Putting a product on 'special' with OSC to CSS is one and the same as the stock OSC. It will show the struck through reg price and the new discount price. OSC to CSS uses these selectors in styles.css for this: span.productprice{ font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold; } span.pl-specialprice, span.productspecialprice { color: #79C1E6; } span.pl-specialpricestrike, span.productspecialprice-strike, .productspecialprice-strike { text-decoration: line-through; }
  3. pm me an email and I will attach the zip file. This is the product_info.php from the demo at www dot css-oscommerce dot com.
  4. Mran is correct, when I converted the page to CSS, I left the original programming in place, but commented out. The new programming is added just below is coded to work with pretty photo. However, this contribution: http://addons.oscommerce.com/info/7195 not only has pretty photo complete with the next image function, and will look the same as the pretty photo installed on OSC to CSS, and when installed will resolve the image resizing issues. In fact you will end up with the capacity for multiple images, and best of all can call you images out of the database. It is tedious contribution to install but worth it. The current pretty photo does has the next image function, the problem is that their is only one image on product_info.php, so the programming doesn't put up the arrows for the next image because their is no next image. The contribution noted above however is coded to bring up the next product, so that is why it presents the arrows for the next image
  5. Here is the code from product_info.php from a stock install: <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?> Note the SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT Add that after $product_info['products_name'], in the same line in the OSC and CSS contribution and you will restore the jmage handling to normal stock functioning.
  6. A lot of people wish that IE would just go away and leave the internet alone. However, you can rather easily write a CSS statement that only IE will read. Here is a useful link that explains it.: http://www.learn-css-tutorial.com/BrowserIssues.cfm
  7. npn2531

    OSC to CSS v2

    To me, the question is website security. From what I can gather 2.3 offers new features and enhanced security. On www.dot clubosc dot com, they are running through some of the new features. None I have read so far would be compelling enough for me personally to convert 2.3 to OSC. I've seen more exciting contributions. If there is going to be a solid way to upgrade 2.2 with all the security features that 2.3 will have, then I will just add to my existing OSC to CSS 2.2 site these security features.
  8. The container_12 is a pretty rock solid component, and works. Using min-height to fix it simply means you did not identify what the problem is. Make sure you are using the 'alpha' and 'omega' classes where they are needed. They are used to nest components, to set equal unit grids within grids without margins and without them grid units will 'spill' out. Make double sure you have closed all of your divs in the proper place. Also be careful with the <div class="clear"></div> You only use to clear floats, ie when you wish to stop lining stuff up horizontally. Note the the class 'clear' has a 'no display' value in the style sheet. That mean nothing between the opening div and the closing div will display. If have opened a div with a class of clear, and have not closed it then nothing will display after that opening div.
  9. npn2531

    OSC to CSS v2

    The right column is lower than the right because the text on the right is within <p></p> tags and the text on the left is not. Look just below the h4 tags.
  10. npn2531

    OSC to CSS v2

    got it, thanks! wait, wasn't there some errors in the header related to stuff like <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" > and such?
  11. npn2531

    OSC to CSS v2

    Be sure you figure out how to use the 960.gs tags prefix_x, suffix_x, push_x and pull_x, alpha and omega. You get those six down, you are well on your way to being a grid expert. The 960 grid is pretty amazing. I would like to get an organized picture somehow of how you have gotten this to XHTML strict, in a way I can repeat on my end. I spent a few hours on it a day or so ago, and just lost patience. It's pretty impressive you've managed to do it. Perhaps you can send me some started tips on this.
  12. Hi Leonardo, The problem is that OSC to CSS v2 is not compatible with the template version. Since you have not done any modifications, by far the easiest thing to do is start over. Install a new stock verision of OSCommerce and then install OSC to CSS v2. What's happening with your installation is that the shop cannot find any of the stylesheets. It nothing you've done, but that OSC to CSS v2 just won't work on top of the template version, with out a lot of work. What you get from the template version, amounts to the ability replacing the stylesheets and images from the admin, that's about it. I, or anyone else has not moved forward on the template version. If you really need the template version, then you will need to move the CSS folder from the OSC CSS v2 to the template folder and then rewrite all the reference paths in application_top.php, for starters. You won't gain much, and it will be a nightmare and in the end you will have a more complex cart. Best to let the template version die in it's infancy and go straight to OSC to CSS v2.
  13. IE, FF and browsers issues: if you can solve this sort of thing definitively, you will be a Rock Star. It's an issue with all websites. People create hacks, tricks and separate stylesheets, etc to deal with this. In fact the 960.gs is an attempt to deal with it as well. Here is a good resource: http://www.positioniseverything.net/articles/cc-plus.html Dotted line issue: There is another selector somewhere, it could be in text.css, that is overriding this. Try this: #content .dotted-line{ border-bottom:1px dotted #999999; } Alpha and Omega. Important concepts in the 960.gs system. You can nest a grid_6 within a grid_6 only if you specify that the inner, the nested, grid_6 will have no left and right margins. class="grid_6 alpha" means no margins, and contents are to be aligned left. Omega, no margins and aligned right. Without alpha and omega you can't nest equal unit grids. Go to 960.gs and also learn what the classes 'prefix_x', 'suffix_x' , 'push_x', 'pull_x' mean. They are totally awesome. For example. class="grid_3 push_1" will create a grid unit that is 4 wide, but the content area is only 3 wide but pushed over 1. You can push it right over the adjacent grid unit if you like. class="grid_3 prefix_1" will create a unit four wide, but with an empty space or margin 1 wide on the left. etc, etc. Square units instead of numbers. Somewhere in the text or styles css there is a selector defining the style of the ordered lists. Use the same technique as above. Create a ol style prefixed by #content or #header etc., or find and change the existing selector. Grid layout - go to 960.gs and get their download. It in you will find the grid templates. Yes, 960.gs is the entire web address. talk about branding! grid_8, yes the text will cover a unit of 8 grid units minus a margin of 10px left and right
  14. npn2531

    OSC to CSS v2

    Using a bit of CSS you should be able to walk the image all over the page. For example: body{ background: url(images/my-image.gif) no-repeat 0 100%; } Should peg your image on the lower left of your body body{ background: url(images/my-image.gif) no-repeat 100% 100%; } pegs it lower right body{ background: url(images/my-image.gif) no-repeat 50% 50%; } starts the image in the center of the page. You can also use px .content{ background: url(images/my-image.gif) no-repeat 10px 20px; } places the image 10 pixels across the x axis and 20 pixels down the y axis in any div with a class of 'content'. BTW basic questions are more fun to answer. Also visit www.w3schools.com for great tutorials on this, I use it all the time.
  15. npn2531

    OSC to CSS v2

    Mods are so hard to install. If you have what you need working, then I would try and convert what you have. To convert to OSC to CSS you essentially are going to be doing the same thing over and over to each page. For starters, I would upload everything in OCS to CSS that doesn't overwrite what any existing pages, with the exception of includes/functions/html_output.php. It has the programming for old and new. Then put in the references to the stylesheets in application_top. Then overwrite any catalog page that you has no alterations from any of your contributions. Before you do that, take one simple page, like any of the information pages. Compare old and new. Then go through the old, say cookies usage page blindly delete any table, td, tr. Now go back and compare old and new. Look and see what is different. The problem pages are product_info.php and index.php. But again, you can get 90% of the way there by blindly deleting all the tables, td and tr. Then it is easier to see where to go back and place the div. Be sure you are using OSC to CSS v2, is much easier. It is really more tedium than rocket science
  16. I don't know why it is a problem, there is nothing I can do. Maybe the darn internet tubes need cleaning or something. The bulk mail engine is my favorite, it is just simple and rock steady. I'm glad you like it.
  17. I just tried the download, it works okay. There is something a little goofy on your end. I'm sure it is one little annoying and obscure setting somewhere that will be easy to change. (I'm guessing, I really don't know) The download system on OSCommerce is really good, though.
  18. npn2531

    OSC to CSS v2

    The search box works great and is a definite improvement. Thanks! You can see it in the header and the footer on the demo. I have not converted the advanced search result page for this mod, I just kind of ran out of steam before I got to that page. That's disappointing about the IE and the floating infoboxes. The fix might be to use something like a conditional CSS rule for IE, like is discussed on this site: www dot positioniseverything.net/articles/cc-plus dot html If you work on that and come up with a fix, I would very much like to see it.
  19. npn2531

    OSC to CSS v2

    No, I do know what you mean. The review box is there on purpose. It's there to demonstrate how flexible the infoboxes are in OSC to CSS v2. Look at contact.php. You will see this about line 80: <div class="grid_4 alpha"> <?php include(DIR_WS_BOXES . 'reviews.php'); ?> </div> <div class="clear"></div> You could insert any infobox there. The class="grid_4" lines it up in place. Note also that since it is in the #content section of the cart, you can style it differently than the same box in the #tabs, or in #column_right. for example these two selectors shown below are in styles.css, and style it in the content but not in the side columns. I have infobox order_history.php on the account.php page, so the customer is sees their previous orders as soon as they are signed in. The infobox manufacturers_info.php is on product_info.php in the tabs section and well as in column right. #content .infobox_heading{ background: none; background: url(../images/onecol-body-bg.png) 0px 0px repeat-x; font-weight: bold; padding: 4px 10px 4px 5px; width:286px; } #content .infobox{ text-align: left; border-width:0px; width:280px; background-image: none; }
  20. npn2531

    OSC to CSS v2

    Here is the code and containing div for the searchbox used in the header of the contribution. How would you work it in to this. If you work on it and get it working, please post a link. <!-- Search --> <div class="search-box"> <?php echo tep_draw_form('quick_find', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'SSL', false), 'get'); ?> <?php echo tep_draw_input_field('keywords', '', 'size="10" maxlength="25" class="search-field" value="Search..." onFocus="clearDefault(this)" onBlur="Default(this)"');?> <input type="hidden" name="search_in_description" value="1" /> <input type="hidden" name="inc_subcat" value="1" /> <?php echo tep_hide_session_id() .'<input type="submit" name="search" value="" class="search-go" border="0" width="79" height="25">';?> </form> </div> Also, I'm not sure what you mean by a default review floating. Can you post a link to this?
  21. npn2531

    OSC to CSS v2

    Here is the code from that site, followed by the code lifted off includes/boxes/search.php. If you can meld the two, and get them working on your site, post it back and I will put it up on the demo and test it out. It looks quite do-able from the site: <form action="search.php" method="get"> <input type="text" name="q" size="40" class="q" id="q" value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}" /> <input type="submit" value="Search"> </form> from the search box: tep_draw_form('quick_find', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'SSL', false), 'get').'<div class="search-box">'.tep_draw_input_field('keywords', '', 'size="10" maxlength="25" class="search-field" value="Search..." onFocus="clearDefault(this)" onBlur="Default(this)"').'<input type="hidden" name="search_in_description" value="1" /><input type="hidden" name="inc_subcat" value="1" />'.tep_hide_session_id() .'<input type="submit" name="search" value="" class="search-go" border="0" width="79" height="25"></div></form><a href="' . tep_href_link(FILENAME_ADVANCED_SEARCH) . '">' . BOX_SEARCH_ADVANCED_SEARCH . '</a>
  22. npn2531

    OSC to CSS v2

    Your html looks fine. ( but you don't need the <div class="clear"></div>). Explain 'wild'. You are not stuck with numbering. The ol can be anything. The php code 'order by products_name ' is not going to affect the CSS or html, how anything looks, only the order the products are listed in. Try <br> after the </a> to stack up the name over the icon, maybe. You can also float the image to the left or right of the name with something like this in styles.css: img.infobox-cart{ float:left; } Here an excellent tutotial on <ul> and <ol>'s. It even has 'try it yourself' screens to test stuff out www dot w3schools dot com/css/css_list.asp
  23. npn2531

    OSC to CSS v2

    manufacturers_info looks good, I have it posted on the demo. The code is fine, the styling needs a bit of work on the margins and line height. Same box is also in the tabs on products_info.php. You can style the same box for each location i with these: #column_right .infobox{ } and this: #tabs .infobox{} I have these in the styles.css already. If you do work on the styling and get something nice, post it. Actually they will need the ol and li in the above CSS as well. Styling ordered/unordered lists is not my strong point
  24. npn2531

    OSC to CSS v2

    I did not include the also_purchased_products.php module in V2 at all, in fact I did not even rewrite it from version 1. You must be upgrading from Version 1? Anyway, let me know if my fix works, I will check it on my end, and then post it as an update on the contribution.
  25. npn2531

    OSC to CSS v2

    open includes/modules/also_purchased_products.php find this: $info_box_contents[$row][$col] = array('params' => 'class="pl also-purchased-products"', Note the class designation 'pl' paired with 'also-purchased-products'. In your source code you do not have the 'pl' class. Without that class the stuff will not float left. Just add type in the 'pl' and it should be fine. I will check the download and see if it is missing from there. Your editing and proofing this is a big help btw.
×