Author Topic: product_list (styling issues) VM1.0.15  (Read 7627 times)

iPoul

  • Beginner
  • *
  • Posts: 6
product_list (styling issues) VM1.0.15
« on: April 24, 2008, 11:04:26 am »
I seem to have a minor problem with styling the content of the product_list.

Altho i can style some of it, but for some reason the "item name" stays at 16px, and im not sure if its hardcoded or not, but my css cant seem to overwrite the current attributes to it.

Its the <h2> tag around the link for the product name, within the div with the id product_list

i can change the color of it, but not the size for some reason, ive tried styling the H2 tag alone, and that didnt change anything, so then went for styling #product_list h2 a {}

Which made me able to switch the color.

So if anyone know if theres a hook for that specific h2, or something else that works, i would appreciate it.

And if this post didnt make any sense, just let me know and ill try explain it again :)

Kind regards, Poul

tmazzer

  • Beginner
  • *
  • Posts: 1
    • Emaginex, Inc.
Re: product_list (styling issues) VM1.0.15
« Reply #1 on: April 24, 2008, 14:26:37 pm »
Poul,

Yes, it's hard-coded in the browse.php file. To find this file you need the following path.

administrator/components/com_virtuemart/html/templates/browse/

There are different styles (browse_1.php, browse_2.php, etc.) that you select in the configuration, category templates. I've changed to 12px font size. So the code looks like this.

<h3><a style="font-size: 12px; font-weight: bold;" title="{product_name}" href="{product_flypage}">

Hope this helps.

iPoul

  • Beginner
  • *
  • Posts: 6
Re: product_list (styling issues) VM1.0.15
« Reply #2 on: April 24, 2008, 14:52:30 pm »
I cant even change the browse_1 so it works in the configuration :(

It doesnt seem like its using any of the browse_ ? wheres the default browse file if there arent any templates ?

akerman

  • Jr. Member
  • **
  • Posts: 325
  • Knowledge weighs Nothing!
    • STOLT/AKERMAN
Re: product_list (styling issues) VM1.0.15
« Reply #3 on: April 24, 2008, 16:32:22 pm »
I recommend you to use 'Firebug' (a plugin to FireFox) in order to better analyse your pages.
It shows the hierarchy of the page and the CSS code amongst many things.

I suppose you wonder about how to change the text size on the produkt name when listing for example 'All Products'?

Well, if that's the question, then the brief answer is that it is the result of

> div#vmMainPage >  table > tbody > tr.sectiontableentry1 (or tr.sectiontableentry2)

And you can if you want introduce new code into 'theme.css' in order to control these fields.
(I suppose it's easier to modify CSS rather than PHP. Depending on how familiar you are w code)

In my case I introduced this into my 'theme.css'

Code: [Select]
.sectiontableheader th {
padding-left: 13px;
border-bottom: 1px solid #8E0707;
}

This affects my headers when listing a product category.


Hope it helps a bit


Regards
Akerman / InoClip.se
http://STOLT-AKERMAN.com - Web & Design agency. Spemildt in e-shop, ecommerce and marketing.
http://InfoClip.se - Swedish Antique & Used Books & Art Shop.
http://AkermansCove - Personal Portfolio
Ubuntu LAMP / Joomla 1.5.22 / VM 1.1.6 / JoomFish Contributor / Developer / Designer

iPoul

  • Beginner
  • *
  • Posts: 6
Re: product_list (styling issues) VM1.0.15
« Reply #4 on: April 25, 2008, 09:13:11 am »
I recommend you to use 'Firebug' (a plugin to FireFox) in order to better analyse your pages.
It shows the hierarchy of the page and the CSS code amongst many things.
I suppose you wonder about how to change the text size on the produkt name when listing for example 'All Products'?
Well, if that's the question, then the brief answer is that it is the result of
> div#vmMainPage >  table > tbody > tr.sectiontableentry1 (or tr.sectiontableentry2)
And you can if you want introduce new code into 'theme.css' in order to control these fields.
(I suppose it's easier to modify CSS rather than PHP. Depending on how familiar you are w code)
In my case I introduced this into my 'theme.css'
Code: [Select]
.sectiontableheader th {
padding-left: 13px;
border-bottom: 1px solid #8E0707;
}
This affects my headers when listing a product category.
Hope it helps a bit
Regards
Akerman / InoClip.se

Yep, its actual at the point im at now, tho the only thing i cant change is the size of the header in the product browsing part, and for some reason i cant switch browse_ template for the the browse part of the virtuemart, altho im trying to reinstall joomla and vrituemart atm, might be an issue with the virtuemart installation, since i cant change currency either.

But thanks for the help anyhow, much appreciated.

Kind regards, Poul