Padding Around Variant Pull Down Menus June 4, 2008
Posted by engjake in Americommerce.Tags: Americommerce, css styles, custom product details page, variant pull down padding
add a comment
For the longest time I have been trying to figure out how to add some padding around my pull down menus to get a cleaner more organized look. I’m using a custom product details page which means I have modified the existing product details code and had different styles applied to the text on that page. I’m not sure why Americommerce doesn’t already apply a padding to variants on their default Product Details page – it would look a lot nicer, but they don’t. Perhaps most of their customers have products with single pull downs and in that case it looks great as they have designed it.
So the trick is to make sure that the CSS style “ProductDetailsVariations” is applied to your variant merge code on that product details page. Your Variant merge code should look like $$VARIATIONS$$. Once you have verified this, in your admin panel go to: Theme Manager>Product Details (on the left hand side). Then scroll down to Colors, Fonts, Layout. Click on that and all of the font controls will show up. Find Variants and open it. Below the font style is a width and height for that section of the product details page. I changed mine to be 27 pixels high (just enter 27) which gave me just a bit of spacing between the pull downs and gave me the look I wanted. There is a padding field there, but it is in reference to the padding bewteen the text of the variant group name and the pull down. I put mine at 2 or 3. Once this spacing was acheived how I wanted it, I then had to change the text of the variant groups so that it was centered on the 27 pixel high setting I just made. To do this, there is a CSS field at the bottom of the variant section (under colors, fonts, layout). In that field I entered: [ vertical-align: middle; ] without the brackets of course. This fixed me up just how I wanted. You can see the results here on this Emtek Arts and Crafts Lever. To truley appreciate it you would have had to have seen it before. The pull downs were stacked on top of each other with no spacing between them.
Thanks to the Americommerce guys that helped me out on this one. It was David and Eric that helped me out I think. Or was it David and Chris? I can’t remember but thanks to all of them for getting me on the right track to figuring this one out.
Products with Multiple Categories June 4, 2008
Posted by engjake in Americommerce.Tags: americommerce categories, products missing from some categories
add a comment
When adding a product to the americommerce system you can add a primary category on the general info tab. There is also a categories tab where you can add additional categories. It is important to remember that if you hide the primary category, the product will be removed from all of the secondary categories that you have assigned to the product. I spent a couple of hours trying to figure out why my products weren;t showing up in the categories they were assigned to.
For us, I think our best option is to make the brand category the primary because if we have a brand on a website, we will want everything by that brand (in most cases). Then if we turn off the brand, it will be removed from the other categories. I don’t see us discontinueing or hiding a category like towel bars, and keeping other bathroom accessories – but i could see us wanting to hide a brand. So this way if we’re struggling with a supplier or quit carrying a brand for a time, we can hide the primary and it will be removed from all categories and sites.
