Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Insert table and images in index page


boudey

Recommended Posts

Posted

Hi everyone,

 

I need to insert a table with images in the front page in the form of the Apple website to promote 4 pages/products of my site. This should obviously appear only on the front page.

 

I have tried to modify the content of:

 

define('TEXT_MAIN', 'Welcome to the site ' ); in the index.html page of each language folder.

 

but only managed to modify the text.

 

By the way, I use 2 languages.

 

Could someone help me with that?

 

Thanks much.

Posted

Sure

 

(1) First, upload the images you'd like on the front page to your catalog/images folder

(2) Then go to you ADMIN tool, probably at http://www.yoursite.com/catalog/admin, and log on to your admin.

(3) Click "languages" under "localization"

(4) Assuming your default language is highlighted, click "details".

(5) Click "index.php"

(6) Arrange your code with something like this:

 

define('TEXT_MAIN', '

 

Put your test here, whatever you wanna say<br><br>

<table border="0" cellpadding="0" cellspacing="0" border="0" width="100%">

<tr>

<td width="50%"><img srg="/catalog/images/mypicture1.jpg"></td>

<td width="50%"><img srg="/catalog/images/mypicture2.jpg"></td>

</tr>

<tr>

<td width="50%"><img srg="/catalog/images/mypicture3.gif"></td>

<td width="50%"><img srg="/catalog/images/mypicture4.gif"></td>

</tr>

</table>

 

');

 

define('TABLE_HEADING_NEW_PRODUCTS', 'New Products For %s');

define('TABLE_HEADING_UPCOMING_PRODUCTS', 'Upcoming Products');

define('TABLE_HEADING_DATE_EXPECTED', 'Date Expected');

 

etc., etc. ....

 

7) Click save, and you're all set.

 

Hope this works. Let me know if you run into any trouble.

Jason

 

Simple 1-2-3 Intructions on how to get, install and configure SSL

 

The Google Sandbox explained

 

Simple to follow instructions on how to change the look of your OSC

 

How To Make A Horrible OSC Website

 

my toolbox: All things WordPress-related - All things Adobe-related - PHP Designer 2007 - Codecanyon Junkie - Crimson Editor - Winmerge - phpMyAdmin - WS_FTP

 

my installed contributions: Category Banners, File Upload feature-.77, Header Tags, Sort_Product_Attributes_1, XSellv2.3, Price Break 1.11.2, wishlist 3.5, rollover_category_images_v1.2, Short_Description_v2.1, UPSXML_v1_2_3, quickbooks qbi_v2_10, allprods v4.4, Mouseover-effect for image-buttons 1.0, Ultimate_SEO, AAP 1.41, Auto Select State Value, Fast Easy Checkout, Dynamic SiteMap v2.0, Image Magic, Links Manager 1.14, Featured Products, Customer Testimonials, Article Manager, FAQ System, and I'm sure more ...

Posted

Sure ... don't forget to <a> the products if you want them to link. In orhter words,

 

<td width="50%"><img srg="/catalog/images/mypicture2.jpg"></td>

 

would change to

 

<td width="50%"><a href="index.php?cpath=2"><img srg="/catalog/images/mypicture2.jpg"><br>

This is what Category 1 is all about</a></td>

 

or

 

<td width="50%"><a href="product_info.php?cpath=2&products_id=24"><img srg="/catalog/images/mypicture2.jpg"><br>

This is what Product 1 is all about</a></td>

 

You can get your cpath (category path) and products_id by going into your ADMIN tool and going to catalog, and hovering over the yellow category folder while looking at the bottom of your browser window for the correct number. Same thing for products_id.

Jason

 

Simple 1-2-3 Intructions on how to get, install and configure SSL

 

The Google Sandbox explained

 

Simple to follow instructions on how to change the look of your OSC

 

How To Make A Horrible OSC Website

 

my toolbox: All things WordPress-related - All things Adobe-related - PHP Designer 2007 - Codecanyon Junkie - Crimson Editor - Winmerge - phpMyAdmin - WS_FTP

 

my installed contributions: Category Banners, File Upload feature-.77, Header Tags, Sort_Product_Attributes_1, XSellv2.3, Price Break 1.11.2, wishlist 3.5, rollover_category_images_v1.2, Short_Description_v2.1, UPSXML_v1_2_3, quickbooks qbi_v2_10, allprods v4.4, Mouseover-effect for image-buttons 1.0, Ultimate_SEO, AAP 1.41, Auto Select State Value, Fast Easy Checkout, Dynamic SiteMap v2.0, Image Magic, Links Manager 1.14, Featured Products, Customer Testimonials, Article Manager, FAQ System, and I'm sure more ...

Posted

hi Jason,

 

Everything is Ok, except... the font styles.

When I edit the layout in dreamweaver in a pure HTML page and then copy and paste the table in the

 

define('TEXT_MAIN', '

 

It doesn?t pickup the style as it is in the head, which doesnt exist in PHP files.

 

What would be the work around?

 

Thanks.

Posted

Well, your stylecheet.css handles things in tables differently than it does outside of tables. You could obviously configure your stylesheet.css to handle tables how you would like them to, or, since it seems like you like html, just hard code your fonts in there ... i.e. <font size="1" face="arial, verdana">your text here</font>, or something like that.

Jason

 

Simple 1-2-3 Intructions on how to get, install and configure SSL

 

The Google Sandbox explained

 

Simple to follow instructions on how to change the look of your OSC

 

How To Make A Horrible OSC Website

 

my toolbox: All things WordPress-related - All things Adobe-related - PHP Designer 2007 - Codecanyon Junkie - Crimson Editor - Winmerge - phpMyAdmin - WS_FTP

 

my installed contributions: Category Banners, File Upload feature-.77, Header Tags, Sort_Product_Attributes_1, XSellv2.3, Price Break 1.11.2, wishlist 3.5, rollover_category_images_v1.2, Short_Description_v2.1, UPSXML_v1_2_3, quickbooks qbi_v2_10, allprods v4.4, Mouseover-effect for image-buttons 1.0, Ultimate_SEO, AAP 1.41, Auto Select State Value, Fast Easy Checkout, Dynamic SiteMap v2.0, Image Magic, Links Manager 1.14, Featured Products, Customer Testimonials, Article Manager, FAQ System, and I'm sure more ...

  • 1 month later...
Posted
Well, your stylecheet.css handles things in tables differently than it does outside of tables. You could obviously configure your stylesheet.css to handle tables how you would like them to, or, since it seems like you like html, just hard code your fonts in there ... i.e. <font size="1" face="arial, verdana">your text here</font>, or something like that.

 

 

OK, sorry for the late reply.

 

i can do that. :)

 

Thanks.

Archived

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

×
×
  • Create New...