Jump to content
Sign in to follow this  
ODPhi2Hype

Product Listings Enhancement v2.8

Recommended Posts

I'm kind of new to posting ... so if this is in the incorrect place please forgive me.

 

So I just installed the product listings enhancement to my store and everything seems to be ok. Just a couple of questions.

 

1. How can I set the default number of products per page to be greater than the standard 9?

2. How can I center my image inside the grid?

 

www.kreativephotography.com/actionstore

Share this post


Link to post
Share on other sites

@@ODPhi2Hype

 

1. If I am not wrong you are referring to New Products for July. To change it goto admin>Configuration>Maximum values and change "New Products Module"

 

2. I would like you to go through this thread.


Like post..hit LIKE button.

 

osCommerce | Joomla | WordPress | Magento | SEO | CakePHP | CI

 

Guaranteed Website Speed Optimization!!

Share this post


Link to post
Share on other sites

@@Praful Kamble

 

 

1. Thanks so much that was an easy fix and I should have been able to find that one...my apologies.

 

2. So I'm assuming I'd have to edit the actual grid system? I may not proceed with that because eventually I'll edit the css to have the background in the content section be black so the slight off centered image shouldn't be so noticeable.

 

New question...and again I apologize if it turns out to be an easy fix. When you click on a product and are directed to the product page, is there a way to display a bigger image automatically instead of having to click on it?

 

I'm setting up a sight to sell sports action photos so that's why I'm trying to style the site in such a manner.

 

Thanks so very much for your help up to this point!

Share this post


Link to post
Share on other sites

@@ODPhi2Hype

 

I assume you want this feature . If yes the nit is not for free, its paid one.

Edited by Praful Kamble

Like post..hit LIKE button.

 

osCommerce | Joomla | WordPress | Magento | SEO | CakePHP | CI

 

Guaranteed Website Speed Optimization!!

Share this post


Link to post
Share on other sites

@@Praful Kamble

 

Although that is a nice feature I don't need anything that fancy. I'd just like a bigger product image to appear once someone clicks on a product from the product list.

Share this post


Link to post
Share on other sites

@@ODPhi2Hype

 

If you are using 2.3.1 version, there is an option in admin, while adding new product you will see"+ Add Large Image" link under product image section. Add Large image this will appear in popup on click.


Like post..hit LIKE button.

 

osCommerce | Joomla | WordPress | Magento | SEO | CakePHP | CI

 

Guaranteed Website Speed Optimization!!

Share this post


Link to post
Share on other sites

@@Praful Kamble

 

Yes I saw that feature and it should work well enough for what I need. I guess the last question would be...do you think that easypopulate will work well with the add large image option? I plan on installing that contribution as soon as I tweak the site to where I want it.

 

Thanks again for all your help.

Share this post


Link to post
Share on other sites

@@Praful Kamble

 

By any chance...would you know where/what I need to modify on the stylesheet in order for the background of the grid and header row to be black?

 

This is what the mod I added looks like after the few changes I added...

 

.infoBoxProducts {

text-align: center;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

border: 2px;

border-style: solid;

border-color: #666666;

font-weight: normal;

background-color: #000000;

color: #333333;

margin-bottom:-8px;

-moz-border-radius:20px;

-webkit-border-radius:20px;

-khtml-border-radius:20px;

border-radius:20px;

vertical-align: bottom;

}

.infoBoxProducts a {

color: #333333;

}

TD.infoBoxGrid {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

border: solid 0px #999999;

}

TD.infoBoxGrid:hover {

background-color: #d3d3d3;

}

/* set pos buy/details button on list */

img.buy_now {

margin-bottom:10px;

}

/* set pos buy/details button on thumbnail */

img.thm_buy_now {

margin-bottom:-3px;

}

/* set style buy/details seperator thumbnail */

.buy_now {

font-weight: bold;

font-size: 18px;

color: #999999;

}

.infoBoxList {

border: ridge 4px #faf0e6;

border-collapse: collapse;

background-color: #fff;

}

.thumbcontent {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color:#666666;

text-align:center;

}

TD.noborderbox {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

TD.separator {border-bottom: 1px solid #ccc;}

.productListing-list-price {

font-family: Verdana, Arial, sans-serif;

font-size: 16px;

color: #333;

}

.productListing-title a, .productListing-title {

font-family: Verdana, Arial, sans-serif;

font-size: 16px;

color: #333;

padding-left:18px;

padding-bottom:10px;

}

.productListing-name a, .productListing-name {

font-family: Comic Sans MS,Verdana, Arial, sans-serif;

font-size: 12px;

color: #333;

font-weight: bold;

padding-bottom: 6px;

}

.productListing-short {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #333;

}

TABLE.buytable {

width: 100%;

height: 80px;

vertical-align: bottom;

text-align:right;

}

DIV.multi_buy_now {

width: 99%;

text-align : right;

position:relative;

}

DIV#gbutton1 {

margin-bottom:-25px;

z-index:30;

}

DIV#gbutton2 {

margin-top:-25px;

z-index:30;

}

.quantity {

font-family:Verdana,Arial,sans-serif;

font-size:10px;

text-align : center;

}

.quantity input {

font-family:Verdana,Arial,sans-serif;

font-size:11px;

text-align : center;

background: #c0c0c0;

font-weight: bold;

border:2px solid #666666;

color:#333;

}

TD.attributes {

font-family:Verdana,Arial,sans-serif;

font-size:11px;

text-align : right;

}

TABLE.attributes select {

font-family:Verdana,Arial,sans-serif;

font-size:11px;

background: #c0c0c0;

font-weight: bold;

color:#333;

}

TABLE.drop select {

font-family:Verdana,Arial,sans-serif;

font-size:11px;

background: #c0c0c0;

font-weight: bold;

color:#333;

}

TR.list-block {

}

SPAN.list_info {

font-family: Verdana, Arial, sans-serif;

font-size: 16px;

color: #333;

cursor:pointer;

}

SPAN.list_info span {

display:none;

position:relative;

}

SPAN.list_info:hover span {

display:block;

cursor:pointer;

margin-top:-20px;

margin-left:-100px;

position:absolute;

padding: 5px;

font-family:Verdana,Arial,sans-serif;

font-size:12px;

color:#333;

background: #c0c0c0;

border:2px solid #666666;

text-align : center;

}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×