Forums / Templates, Stylesheets, Page Layout / images/large, etc. directories and file suffixes, e.g., _lrg

images/large, etc. directories and file suffixes, e.g., _lrg

Views: 581

Results 1 to 9 of 9
20 Jun 2013, 4:16 AM
#1
cyberbaffled avatar

cyberbaffled

Zen Follower

Join Date:
Apr 2012
Location:
Louisville, Colorado, USA
Posts:
120
Plugin Contributions:
0

images/large, etc. directories and file suffixes, e.g., _lrg

There's a sticky in this section which discusses the images/large, images/medium directories and the use of file name suffixes _lrg, etc. Where in the FAQs is such information discussed; certainly not in the "customizing templates" sections. Does there have to be an image with designated suffix in the images/large etc. directories in addition to the user_template/images folder? Is it possible that no background image can possibly be defined for the splash page, the first page loaded, that originates at lulu.com?

20 Jun 2013, 4:19 AM
#2
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,515
Plugin Contributions:
176

Re: images/large, etc. directories and file suffixes, e.g., _lrg

cyberbaffled:

There's a sticky in this section which discusses the images/large, images/medium directories and the use of file name suffixes _lrg, etc. Where in the FAQs is such information discussed; certainly not in the "customizing templates" sections. Does there have to be an image with designated suffix in the images/large etc. directories in addition to the user_template/images folder?I just did a search in the FAQs (by clicking the "Search FAQs" link) for "images" and this came up: http://www.zen-cart.com/content.php?100-how-do-i-add-multiple-images-to-a-product

cyberbaffled:

Is it possible that no background image can possibly be defined for the splash page, the first page loaded, that originates at lulu.com?Not sure how that relates to product images. Also not sure how lulu.com relates to the discussion of images here, let alone background images.

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

20 Jun 2013, 4:50 AM
#3
cyberbaffled avatar

cyberbaffled

Zen Follower

Join Date:
Apr 2012
Location:
Louisville, Colorado, USA
Posts:
120
Plugin Contributions:
0

Re: images/large, etc. directories and file suffixes, e.g., _lrg

Where lulu.com comes into the discussion is that the first page which loads -which has the source code which begins:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en"> <head> <title>Zen Cart!, The Art of E-commerce</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="ecommerce, open source, shop, online shopping " /> <meta name="description" content="Zen Cart! : - ecommerce, open source, shop, online shopping" /> etc.-

is the page I'm trying to give a background image to. I can change colors on this page changing my stylesheet.css file but nothing I change in that file yields a background image. I assume the aforementioned source code originates with lulu.com because it certainly isn't served from my hosted site. It originates external to any site that I have any influence over.

I'll look deeper into the FAQs for an answer, but frankly nowhere can I find any effort to systematically lead a user step by step through the process of changing the appearance of their Zen Cart site. All the information is atomized and distributed associatively, not systematically and inclusively. I suppose the manual that's being sold for appx. $50 accomplishes this, but for the time being I'm trying to achieve an equilibrium whereby I earn more from a product than spend attempting to market it.

20 Jun 2013, 10:53 AM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: images/large, etc. directories and file suffixes, e.g., _lrg

The ad for the book that's sold on lulu.com is coded into define_main_page.php by default. You can edit the define pages at Admin - Tools - Define Page Editor (which is mentioned directly below the ad, for your convenience), or by manually downloading them and doing your edits in your text editor. Either way, you want the edited file to end up in your custom template's override folder.

20 Jun 2013, 7:55 PM
#5
cyberbaffled avatar

cyberbaffled

Zen Follower

Join Date:
Apr 2012
Location:
Louisville, Colorado, USA
Posts:
120
Plugin Contributions:
0

Re: images/large, etc. directories and file suffixes, e.g., _lrg

Thanks for your prompt reply stevesh. I'll keep this post discussion informed of my solution to this issue.

21 Jun 2013, 2:04 AM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: images/large, etc. directories and file suffixes, e.g., _lrg

changing the appearance of their Zen Cart site. ... I suppose the manual that's being sold for appx. $50 accomplishes this, Actually, the book is an owner/operator's manual (an excellent one), not a designer/customizer's manual. It will be most useful to you precisely now, as it walks you through most steps you would want to take in setting up a functional store.

The image suffix (unless you change it in admin) is _LRG, not _lrg; they are two different names and not interchangeable. Filenames are case sensitive, and it is recommended that you use all lowercase to avoid capitalization errors in your work. (The _LRG was set up that way to make it stand out that it is a large version of the file.)

A stylesheet rule with background-image: url(../images/yourimage.jpg); will find the image only in /includes/templates/your_template/images/, never in the base /images/ folder.

21 Jun 2013, 2:09 AM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: images/large, etc. directories and file suffixes, e.g., _lrg

Also, there is no such thing as a "large" image for backgrounds - all of them go in the one /your_template/images/ folder.
Product images go only in the base /images/ folder and its subfolders.

22 Jun 2013, 3:36 AM
#8
cyberbaffled avatar

cyberbaffled

Zen Follower

Join Date:
Apr 2012
Location:
Louisville, Colorado, USA
Posts:
120
Plugin Contributions:
0

Re: images/large, etc. directories and file suffixes, e.g., _lrg

Thanks. Seems I have no choice but to sort my way through a ton of documentation.

22 Jun 2013, 5:06 PM
#9
website_rob avatar

website_rob

Inactive

Join Date:
Oct 2006
Location:
Alberta, Canada
Posts:
4,572
Plugin Contributions:
0

Re: images/large, etc. directories and file suffixes, e.g., _lrg

cyberbaffled:

Is it possible that no background image can possibly be defined for the splash page, the first page loaded, that originates at lulu.com?

If we take that having a background image display "only on your Home page" to be the problem you are trying to solve, this is the solution.

Open: includes/templates/YOUR_TEMPLATE/css/stylesheet.css

Add at the very bottom for easy finding, something like:

#indexHomeBody {
background: grey url("../images/bg_body.jpg") repeat;
}

Upload your "bg_body.jpg" image to:
includes/templates/YOUR_TEMPLATE/images/

Now whenever your Home page loads and only your Home page, the above will display.

A background colour is used first as that will show if the image is not available or people have images turned off. If the image is available it will then display over-top of the colour.

The learning is in the doing.

Potent Products