If you had a little coding knowledge under your belt, I would suggest taking the CSS that governs the gallery and use it on a page to display your products.
Thread Starter
gnp
(@gnp)
Thanks. I know nothing about CSS..willing to learn some, but at this point I just don’t have time.
To put it simply, you name your HTML with special ID’s or classes. So if I have a link like this:
<a href="http://mysite.com" class="mylinks">Link to My Site</a>
And add this css:
.mylinks {color:#FF0000;font-size:20px;}
Then only the links with class “mylinks” will be red(#FF0000) and have font size of 20px. Same thing will apply to your store Category Images.
Use this css (the WordPress Standard Gallery CSS):
.store-gallery {
margin: auto;
}
.store-gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%; }
.gallery img {
border: 2px solid #cfcfcf;
}
.store-gallery-caption {
margin-left: 0;
}
and use this html:
<div id='store-gallery' class='gallery'>
- Use this every time you add a product/image -
<dl class='store-gallery-item'>
<dt class='store-gallery-icon'>
<a href="Link to your Product Category"><img width="150" height="150" src="Link to the Image" class="attachment-thumbnail"/></a>
</dt></dl>
-Don't copy below here for each product/image
</div>
That should do the trick.
I have the same problem. I want to see the gallery feature for the convenience of loading a bunch of pix, etc. But I have neve been ale to figure out how to link a picture in a gallery to something other than the large image or the “descriptions” special page.
Do I just create a regular page and load my pix in one at a time from the Media Library to create my own “gallery.” By doing this I can assign a link to the pix for any destination.
An example is at :
http://pixelpointgraphics.com/journal/?page_id=27
Only two pix are loaded and linked but you can see how it works.
dan
