Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

OSC to CSS v2


npn2531

Recommended Posts

1) text on index page: open up catalog/index.php and look for the text and just retype. On that page I typed the text directly on the catalog page instead of using includes/languages/your_language/index.php (which is the usual OSCommerce method.)

 

2) The searchbox textbox and thus the maginifying icon is wrapping around to the next line, because the search box is too wide for the infobox. Open up that infobox, Brzo Nadi, and look for width="79" and change the width to a smaller number.

 

Yes, using the grid system makes it so much easier.

Oscommerce site:

 

 

OSC to CSS, http://addons.oscommerce.com/info/7263 -Mail Manager, http://addons.oscommerce.com/info/8120

Link to comment
Share on other sites

  • Replies 152
  • Created
  • Last Reply

Top Posters In This Topic

First thing was nice, it worked just fine, dont know how I didnt seen it earlier.

 

But, the seach box... It doesnt work, If I put 1 or 60, or 40 (width="79").. it stays same...

My code looks like this:

 

?>

<!--start search //-->

 

<?php

$info_box_contents = array();

$info_box_contents[] = array('text' => BOX_HEADING_SEARCH);

 

new cssinfoBoxHeading($info_box_contents, false, false);

 

$info_box_contents = array();

$info_box_contents[] = array('form' => tep_draw_form('quick_find', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 'get'),

 

'text' => 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="" 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="20"></div></form><a href="' . tep_href_link(FILENAME_ADVANCED_SEARCH) . '">' . BOX_SEARCH_ADVANCED_SEARCH . '</a>');

 

new cssinfoBox($info_box_contents);

 

?>

 

Thank you!

 

1) text on index page: open up catalog/index.php and look for the text and just retype. On that page I typed the text directly on the catalog page instead of using includes/languages/your_language/index.php (which is the usual OSCommerce method.)

 

2) The searchbox textbox and thus the maginifying icon is wrapping around to the next line, because the search box is too wide for the infobox. Open up that infobox, Brzo Nadi, and look for width="79" and change the width to a smaller number.

 

Yes, using the grid system makes it so much easier.

Link to comment
Share on other sites

I have successfully upgraded osc to css V2 to RC2.3. It took alot of time but there are not really that many changes. Mainly little alterations here and there. I have yet to implement the new header tags module and other modules, but after 14 hours of changes, I have had enough for one day

 

Hi Paul,

 

Can you provide a link or instructions to the 2.3 upgrade files? I'm not finding anything that says something like 'upgrade to 2.2 a to 2.3'.

 

Thanks!

Oscommerce site:

 

 

OSC to CSS, http://addons.oscommerce.com/info/7263 -Mail Manager, http://addons.oscommerce.com/info/8120

Link to comment
Share on other sites

Hi Paul,

 

Can you provide a link or instructions to the 2.3 upgrade files? I'm not finding anything that says something like 'upgrade to 2.2 a to 2.3'.

 

Thanks!

 

For the files:

http://github.com/osCommerce/oscommerce2/tree/upgrade23

 

For the instructions

http://www.oscommerce.info/confluence/display/OSCOM23/Upgrade+Guide

 

I have just checked and HDPL is adding the 960 grid to all files (note that the 2.3 download does not include this as of yet). Looks very interesting

Edited by pdcelec
Link to comment
Share on other sites

Thanks! That's quite a list, geez.

Here is the method that I used.

 

1. Install RC2.3

2. Overwrite catalog with CSS V2

3. Apply RC2.3 changes to catalog with file compare (applying all changes at once)

4. Install latest commits, including jquery buttons and other updates

5. Re install contribs

6. Go to pub for a well earned beer

Link to comment
Share on other sites

Hello!

 

Thank you for this contri, it allows us with basic computer knowledge to have a good looking site!

 

I have two questions: 1. How can I change text on index page?

2. On my quick search box there is a magnifing glass over text... how to solve this?

 

check here: www. leo .hr /catalog_leo / index.php on column left box...

 

Than you very much! :-)

Hi Leonardo,

 

I have run across the magnifying glass issue on my site as well. Here is the solution:

Add this to a stylesheet:

input.search-field{ /*input field */ 
float: left; }

 

This will float the two elements, the searchbox and the image horizontally

Edited by npn2531

Oscommerce site:

 

 

OSC to CSS, http://addons.oscommerce.com/info/7263 -Mail Manager, http://addons.oscommerce.com/info/8120

Link to comment
Share on other sites

I installed this contribution and it is starting to look great.

 

One problem - all my image links are broken! I see what the problem is, I just need help finding what and where to fix it.

 

My site is http://www.trainliquidators.com/catalog/ I'm still working on this and have a way to go.

 

Problem is all the links are looking in "catalog/templates//template_images/???.gif" Somewhere obviously I've added an extra slash between templates and template_images. Which file is this in so I can correct it?

 

Thanks group.

Steve in Ellenton, FL

Link to comment
Share on other sites

It sounds like you may have gotten the OSC to CSS one page template contribution installed. Make sure you have installed this version of OSC to CSS:

http://addons.oscommerce.com/info/7263

and are using the Sept 15 OSC to CSS v2 download on that page.

Oscommerce site:

 

 

OSC to CSS, http://addons.oscommerce.com/info/7263 -Mail Manager, http://addons.oscommerce.com/info/8120

Link to comment
Share on other sites

It sounds like you may have gotten the OSC to CSS one page template contribution installed. Make sure you have installed this version of OSC to CSS:

http://addons.oscommerce.com/info/7263

and are using the Sept 15 OSC to CSS v2 download on that page.

 

 

When I download the Sept 15 zip file I only get empty folders. I presume there should be much more. Is it a different file I should be downloading?

Steve in Ellenton, FL

Link to comment
Share on other sites

It will say the full version, and try downloading from a different platform. It is a good download link and file, but you are not the first to have a bit of trouble. Look upstream on this thread and you will find a couple of other solutions that have been used.

Oscommerce site:

 

 

OSC to CSS, http://addons.oscommerce.com/info/7263 -Mail Manager, http://addons.oscommerce.com/info/8120

Link to comment
Share on other sites

It will say the full version, and try downloading from a different platform. It is a good download link and file, but you are not the first to have a bit of trouble. Look upstream on this thread and you will find a couple of other solutions that have been used.

 

 

OK, I finally got the files to download and open. Now my question is, do I install osc2v2a and then overwrite the files duplicated here, or are these the files to use instead of the regular osc2?

Steve in Ellenton, FL

Link to comment
Share on other sites

OK, I finally got the files to download and open. Now my question is, do I install osc2v2a and then overwrite the files duplicated here, or are these the files to use instead of the regular osc2?

Yes, first do a regular install of OSCommerce 2v2a and then overwrite the files.

Oscommerce site:

 

 

OSC to CSS, http://addons.oscommerce.com/info/7263 -Mail Manager, http://addons.oscommerce.com/info/8120

Link to comment
Share on other sites

Hi Leonardo,

 

I have run across the magnifying glass issue on my site as well. Here is the solution:

Add this to a stylesheet:

input.search-field{ /*input field */ 
float: left; }

 

This will float the two elements, the searchbox and the image horizontally

 

To solve this on my site, I wrapped them in <p></p> tags (which is also a requirement for XHTML 1.0 Strict)

 

$info_box_contents = array();

$info_box_contents[] = array('text' => BOX_HEADING_SEARCH);

 

new cssinfoBoxHeading($info_box_contents, false, false);

 

$info_box_contents = array();

$info_box_contents[] = array(//'form' => tep_draw_form('quick_find', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 'get'),

 

'text' => '<div>' . tep_draw_form('quick_find', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'SSL', false), 'get').'<div class="search-box"><p>'.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" /></p></div></form></div><a href="' . tep_href_link(FILENAME_ADVANCED_SEARCH) . '">' . BOX_SEARCH_ADVANCED_SEARCH . '</a>');

 

new cssinfoBox($info_box_contents);

Link to comment
Share on other sites

Leonardo,

 

Paul has posted a little bit better search box than the stock search box. This looks like the one posted by 'Chris' uptread, which has the nice feature of clearing when you click on it.

Oscommerce site:

 

 

OSC to CSS, http://addons.oscommerce.com/info/7263 -Mail Manager, http://addons.oscommerce.com/info/8120

Link to comment
Share on other sites

Yes, first do a regular install of OSCommerce 2v2a and then overwrite the files.

 

 

OK - one more dumb question, after I upload all the original rc2a files, do I open the index.php and let it install and THEN upload the osc to css files, or overwrite the osc files with the new ones first and then "install" via index.php?

Steve in Ellenton, FL

Link to comment
Share on other sites

I have this contrib. installed and overall seems to be working. How do I adjust the page layout? Is this done iin the stylesheet file?

My site is http://www.trainliquidators.com/catalog/ and you can see everything is stacked instead of creating the columns it should be.

 

Again, thanks for all the help!

Steve in Ellenton, FL

Link to comment
Share on other sites

Im curios does this mod replace or enhance what is now available in v2.3?

 

I love the examples ive seen of this addon and while i have always used STS in the past to work with templates (with div based template files rather than table based) im wondering what the best approach is now with the new release of v2.3?

 

any advise would be greatly appreciated

Link to comment
Share on other sites

Hi all here!

 

I came across a problem when I started my 2.3 experience the day before. I've downloaded source from github,first of all its looks smart for me cause of 960gs. I would like to install a previous version of email authentication contrib in it, where 2 additional files should be uploaded as new :

catalog/account_activate.php and

catalog/account_activate_success.php

and some others should be modified :

catalog / login.php

catalog / create_account.php

catalog / includes / filenames.php

catalog / includes / languages / (for all languages).php

catalog / includes / langauges / (for all lanuages) / login.php

catalog / includes / langauges / (for all lanuages) / create_account.php

catalog / includes / langauges / (for all lanuages) / create_account_success.php

 

but it seems partialy working only, reg. emil sent out, but when submitting the reg. form http://mydomain.com/create_account.php is not displayed, but errors mainly referenced to passwordhash.php occured. Then the system hangs back to the base-like outfit, character coding also messes up , something not integrated or so. What contrib do you suggest instead of this old one to achive mail registration with this new css - 960gs based system?

(Important : It was the first contrib, all files where installed AS found @git. )

 

Thanks a lot.

Link to comment
Share on other sites

Im curios does this mod replace or enhance what is now available in v2.3?

 

I love the examples ive seen of this addon and while i have always used STS in the past to work with templates (with div based template files rather than table based) im wondering what the best approach is now with the new release of v2.3?

 

any advise would be greatly appreciated

The latest github post of 2.3 is a complete shop, with all the latest programming and security updates. OSC to CSSv2 will not have the 2.3 upgrades, as it installs on the existing version of OSCommerce.

 

Otherwise the difference is in how the 960 grid tableless structure is incorporated, and these differences are not fundamental. But with both you are using the same 960 grid structure. I would make my decision not on these differences in how the 960 grid is implemented, but rather on whether or not you want to use the existing version of OSCommerce 2.2a or 2.3.

 

To get a good understanding of these differences examine and compare the two files, includes/template_top.php and includes/template_bottom.php in both 2.3 and in OSC to CSS v2.

Edited by npn2531

Oscommerce site:

 

 

OSC to CSS, http://addons.oscommerce.com/info/7263 -Mail Manager, http://addons.oscommerce.com/info/8120

Link to comment
Share on other sites

The latest github post of 2.3 is a complete shop, with all the latest programming and security updates. OSC to CSSv2 will not have the 2.3 upgrades, as it installs on the existing version of OSCommerce.

 

Otherwise the difference is in how the 960 grid tableless structure is incorporated, and these differences are not fundamental. But with both you are using the same 960 grid structure. I would make my decision not on these differences in how the 960 grid is implemented, but rather on whether or not you want to use the existing version of OSCommerce 2.2a or 2.3.

 

To get a good understanding of these differences examine and compare the two files, includes/template_top.php and includes/template_bottom.php in both 2.3 and in OSC to CSS v2.

 

 

Could you post a link to find this download please?

Steve in Ellenton, FL

Link to comment
Share on other sites

Hi

I have found a bug in products_new.php in this section

 

 

<div class="pl-dateadded">

<?php // echo TEXT_DATE_ADDED . ' ' . tep_date_short($products_new['products_date_added']);?>

<?php echo '<span class="smalltext">Added ' . tep_date_short($products_new['products_date_added'].'</span class="smalltext"');?>

</div>

 

should be (note the position of the closing) after ($products_new['products_date_added']).

<div class="pl-dateadded">

<?php // echo TEXT_DATE_ADDED . ' ' . tep_date_short($products_new['products_date_added']);?>

<?php echo '<span class="smalltext">Added ' . tep_date_short($products_new['products_date_added']).'</span class="smalltext"';?>

</div>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...