Image size when displaying all

[CaroleAs]

It is probably something super simple but there are so many settings that I am a bit lost.
When displaying all products, where do I set the size of the images? They are currently tiny and I feel they should be a bit larger to help the viewer.

Here is my page: http://creationcassel.com/store/inde...e=products_all
It is probably set by default, so I don't know where to change that.

Thanks.

[lat9]

That image-size is being controlled by your template's responsive.css, line 13:

img{max-width:100%;height:auto;border:0;}

I had success changing the 100% to 200%, but if you do that you'll want to create a separate, page-specific, CSS file named products_all.css in your template's /css directory. In that file, use the following (and edit for the required sizing):

#allProductsDefault a img { max-width: 200%!important; }

You need to !important that style, since the responsive.css loads at the very end and will cause any change you make in that page-specific styling to revert to its styles.

P.S. You should also address the HTML validation issues on that page.

[CaroleAs]

Thanks.
On that separate file, do I make a duplicate of the initial one or only have that text on that file?

P.S. You should also address the HTML validation issues on that page.

Hum... what do you mean?

[schoolboy]

HTML validation is a 3rd-party service that examines a web page's HTML structure and looks for badly-composed HTML, or HTML elements that are redundant. If it finds problems in the HTML it reports these problems, and as search engines look for the overall "quality" of the HTML output, it can seriously affect webpage ranking.

SEE: https://validator.w3.org/

[schoolboy]

CORE zencart is unlikely to result in HTML validation errors. The core program will reliably deliver good HTML. However... a lot of add-ons and 3rd-party templates might not generate such clean HTML - and this is often where HTML validation problems are generated. If your site makes use of a lot of these add-ons, you are likely to find that they are responsible for HTML validation issues.

[schoolboy]

And also...

If you use FIREFOX browser, with CHRIS PEDERICK'S WEBMASTER TOOLS, this has a HTML validator that will link to W3 and perform validations for you.

[lat9]

Thanks.
On that separate file, do I make a duplicate of the initial one or only have that text on that file?


Hum... what do you mean?

The file (products_all.css) doesn't ship with the base Zen Cart. If that file does exist (/includes/templates/responsive_cassel/css/products_all.css), then create it with that single line. If the file does exist, just add that line at the bottom.

Like @schoolboy indicated, the validation is a free service. Just copy and paste a link from your store into the form at https://validator.w3.org and it will show you what's up.

[CaroleAs]

The file (products_all.css) doesn't ship with the base Zen Cart. If that file does exist (/includes/templates/responsive_cassel/css/products_all.css), then create it with that single line. If the file does exist, just add that line at the bottom.

Thanks. That should be easy, even for me :)

The file (products_all.css) doesn't ship with the base Zen Cart. If that file does exist
Like @schoolboy indicated, the validation is a free service. Just copy and paste a link from your store into the form at https://validator.w3.org and it will show you what's up.

Although this was not the intent of this thread, I ran that as suggested and got half a dozen of these:
The type attribute is unnecessary for JavaScript resources.
Is that something to be concerned with?

[lat9]

Thanks. That should be easy, even for me :)



Although this was not the intent of this thread, I ran that as suggested and got half a dozen of these:
The type attribute is unnecessary for JavaScript resources.
Is that something to be concerned with?

That message is just reminding you that since you're using an HTML5 template, it's no longer needed/desired to include type="text/javascript" on <script> tags. For now (until any HTML rules are tightened) you can safely ignore that.

[CaroleAs]

That message is just reminding you that since you're using an HTML5 template, it's no longer needed/desired to include type="text/javascript" on <script> tags. For now (until any HTML rules are tightened) you can safely ignore that.

Thanks.