Jump to content

Resolved - Products per row in category...


Kristoff

Recommended Posts

Hi guys...

 

I'm working on a custom template, but can't find anywhere to edit the products per row?! At the moment it is making every 4th product in the row "product.last" and taking off the margin. Anyone know where I can change this to 5 per row? Am I missing something in the settings?!

Cheers

Link to comment
Share on other sites

"can't find anywhere to edit the products per row"

 

In what area of the store? I assume Latest Products area of the Homepage.

 

And for a custom template, it may be beneficial to see it in action.

 

Anyway, look in the CSS files for the pseudo-class :last. (I haven't looked for it myself.)

Link to comment
Share on other sites

"can't find anywhere to edit the products per row"

 

In what area of the store? I assume Latest Products area of the Homepage.

 

And for a custom template, it may be beneficial to see it in action.

 

Anyway, look in the CSS files for the pseudo-class :last. (I haven't looked for it myself.)

 

In the category, as the title of the post suggests ;)

 

It's not the style of :last that is the issue, it's that I need 5 on a row, which i've got, but at the moment it's calling :last after the 4th one.

 

Take a look:

 

http://applecoredownloads.com/store1/

 

The homepage and categories are doing the same.

Link to comment
Share on other sites

Looks like the skin is fixed-width, so there is no worries about there being less or more than five to fit on a line.

 

In your common.css file, line 1037, you can:

* remove the entire CSS rule, or

* comment out the margin-right property, or

* #productContainer .products:nth-child(4n)

  change (4n) to (5n)

 

Browser Compatibility:

nth-child is one of those rather unfortunate CSS attributes that is caught between nearly full cross-browser compatibility, except for completely zero support in IE, even IE 8.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...