a page with images as links

  • gnp

    (@gnp)


    15 years ago

    I’m setting up my site as an ecommerce site using PHPurchase.

    I would like to have a page with images representing the different categories of products. I would like to be able to click on those images and be taken to the product page where you can purchase it.

    I’ve been looking for a gallery plug-in that would do this, but when you click on images in the gallery they just go to a larger picture etc. Does nextgengallery have this capability. If it doesn, I can’t figure it out.

    I’m not sure if I’m making this clear, but if someone understands what I’m talking about I’d appreciate a recommendation on how to achieve this.

    I don’t know anything about coding, so I’m looking for a simple solution. Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)

  • 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="https://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 :
    https://pixelpointgraphics.com/journal/?page_id=27
    Only two pix are loaded and linked but you can see how it works.

    dan

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘a page with images as links’ is closed to new replies.