Joomla Templates Club 406,261 posts

[jhickl Friend jhicklJoin date: October 2010Posts: 44Downloads:20Uploads:4 Thanks: 10]

#487906

Alright, set it to 2 products per row, now the product listing in the category looks great. 🙂
I think now the only really big flaw of our shop is the category listing.
That look just like the product listing did, (the items “slipped” out of the white box).
I also set the amount of categories per row to 2, but that didn’t work, unfortunately.

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#487908

<em>@jhickl 366322 wrote:</em><blockquote>Alright, set it to 2 products per row, now the product listing in the category looks great. 🙂
I think now the only really big flaw of our shop is the category listing.
That look just like the product listing did, (the items “slipped” out of the white box).
I also set the amount of categories per row to 2, but that didn’t work, unfortunately.</blockquote>

That’s a weird one! A suggestion would be to add a min-height in. Keep if fairly low so that it doesn’t upset the mobile look so I suggest (back to our favourite css area)

.jshop {

• background: white;
• padding: 20px;
• min-height: 250px; < new line

}

May need to adjust when you have text for the categories (kurzbeschreibung) but I think that should do it!!

[jhickl Friend jhicklJoin date: October 2010Posts: 44Downloads:20Uploads:4 Thanks: 10]

#487910

Thanks, that did the trick!
That should have been the rough stuff, the rest is fine tuning.
There are for example a few things out of line, like in the product listing, the sorting function, or in the ordering process, the checkbox for shipping adress being different from billing adress.
I think when we get this done, we’re pretty much through with it! :laugh:

[jhickl Friend jhicklJoin date: October 2010Posts: 44Downloads:20Uploads:4 Thanks: 10]

#487918

Another example for missing white background would be the checkout-finish, where the customer gets thanked. There is absolutely no white area near the text, making it unreadable.
Sometimes these sites are just strange…

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#487929

<em>@jhickl 366340 wrote:</em><blockquote>Another example for missing white background would be the checkout-finish, where the customer gets thanked. There is absolutely no white area near the text, making it unreadable.
Sometimes these sites are just strange…</blockquote>

This is why it is so much hard work when adding in a component!! And why we join a template club but well done for adding in JoomShopping and doing it yourself!

You’ll find other ares where it goes funny but just a bit of css…. like chess – think many steps ahead!!

default_div.css again and around line 971 add in the three new lines so that it looks like this.

.thanksfinish {

• font-size: 30px;
• background: white;
• min-height: 250px;
• padding: 20px;

}

Gruss!

[jhickl Friend jhicklJoin date: October 2010Posts: 44Downloads:20Uploads:4 Thanks: 10]

#489034

Hey swissa,

sorry for the very delayed answer. We decided to move the installation to Joomla! 3, since the support for 2.5 will end soon, and we thought it’d be a good idea doing it, as long as there aren’t too many changes.
While I transfered our changes to the default.css, I had an idea, that saves lots of time. Instead of defining many rules for the jshop class, that aren’t completely satisfying, it’s far easier, to just define a background and padding for ja-maincontent in the defaul.css like this:

#ja-maincontent {
background: white;
padding: 20px;
}


That way, the complete background for all possible opportunities is set to white.

[Author]

Posts