9 replies to this topic

[ODPhi2Hype]

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

[Praful Kamble]

@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.

[ODPhi2Hype]

@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!

[Praful Kamble]

@ODPhi2Hype

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

Edited by Praful Kamble, 19 July 2012 - 01:56 PM.

[ODPhi2Hype]

@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.

[Praful Kamble]

@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.

[ODPhi2Hype]

@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.

[Praful Kamble]

@ODPhi2Hype

Yes you can. Try this addon for the same.

[ODPhi2Hype]

@Praful Kamble

Thank you kindly sir.

[ODPhi2Hype]

@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;
}