Hey I recently purchased the PureMart template and have it set up on my site www.triggerpointtechnology.com/store.html, It's a rocketheme site w/black background. Is there a Puremart setting for black background? Or can you make an CSS recommendations for improving aesthetics?

For Example I'm noticing that the add to cart button overlaps the PureMart white div.
www.triggerpointtechnology.com/store/ar-15-kits/ar-15-carbine-kit-detail.html

Thanks again look forward to positively review this extension when I get this site beautiful!

Hi,

First of all, you have VERY limited content area. The module on the right side, has almost same width size as the content. Squashing the content this much just doesn't make any sense. I would strongly suggest you to decrease the right column width size, or increase the entire website's width size. Therefore the content area will become wider, and everything will fit in.

If you are saying, i like the way it is now so i don't want to change any sizes. Then you will need some edits.
You can decrease the "add to cart" button width size.

To do it; Open this CSS file:
www.triggerpointtechnology.com/templates/rt_ximenia/html/com_virtuemart/assets/css/flexibleVM2Global.css

and find this CSS rule:

In this CSS rule, change the padding value and font-size values to these:

The result will be:



But it still doesn't look good. The "add to cart" button become so tiny. I would definitely recommend you to take my 1. advice.
Our VM Template was designed based on taking into account that it will be used in a brighter background. With dark background (like yours) it will require some CSS changes. And not just one, almost all pages might be required to modifiy to replace the background. I can't give you all of those customizations, it would take hours from me to take screenshots and paste here.. etc.. But i will give you a TIP, so you can easily to those customizations. First of all, install "FireBug" plugin to your Firefox and start use it.

Firebug plugin is an extremely useful plugin to find the correct CSS rules to make the changes. You can even change some parameters and see the result live in the website without making permanent change in CSS file.
You should start using it.

For more info, visit here: docs.joomla.org/Tutorial:Using_Firebug_With_Your_Joomla_Website
and watch this video tutorial: community.joomla.org/videos/firebug_tutorial/firebug_tutorial_part1_english.swf

For example, i removed the "white background" in your website by the help of firebug.
See the screenshot.



Flexible Forum Support

Thanks Admin! Ok I've slimmed the sidebar down and it looks great. I just left the VM template background white since it looks better. I got a couple small other issues I need help with, I obviously tried researching these all on my own and got as far as I could:

• The cart module - I've installed the add to cart module uploaded via FTP in the template however. It's not showing up in my template or in the module manager of Joomla. How do I get it installed in the sidebar of my site?
• From the ecommerce store, when I scroll over the items there is no add to cart icon like in the demo. I made sure to turn this on in the Flex plugin, but it's not working for some reason.
• From the ecommerce store, when I click 'Add to Cart' the links for 'Continue Shopping' & 'View Cart' I would like to change these into buttons that are more conspicuous. I would also like to change the text from 'View Cart' to 'Checkout Now'.
• From the cart screen if I click 'Register and Checkout' the lightbox text color is too light and small, Using Firebug I'm only able to change this in the CSS file for the entire Joomla template. Can you direct me to a place in the flexibleVM2Global.css where I can just update this on the lightbox registration page?
• From the cart screen if I click 'Register and Checkout', it pulls up the lightbox where I fill in my username and shipping info. Then when I click register it takes me to a 403 error page (screen shot attached). This also happened if I click the 'Check Out Now Button' on the bottom of the shopping cart page. This will prevent everyone from registering and purchasing our products, please help!
• I noticed that at the bottom of the checkout page, the total is in the default text color for the template, I thoroughly searched the CSS on page using firebug/chrome and couldn't find out how to edit this text color.

I can provide super admin access and FTP if that helps. Store is http://www.triggerpointtechnology.com/store.html

Thanks!

Hi,

Some of your questions are Custom requests andwe are not supposed to provide solution for them. It is simply because there is no limit in custom requests, otherwise we would need to re-design our own VM Template each time. But i can give you some TIPS to achieve what you are looking for.

1- First of all, install the Virtuemart AIO component, the "Virtuemart shopping Cart" module will come with that component, then publish that module in any position you like in your store. Then you will have the "shopping cart" as you see in our demo.

2- What you mean by "scroll over" ? did you mean "mouse hover" the thumbnail in category browse page? If so, it is because you are using ListView and there is a "add to cart" button already on the right side. You should be using GRID view or MULTI GRID view to get the "add to cart" button when "mouse hovered" on thumbnails in the category browse page.

3- Open the Virtuemart Language INI file and change any TEXT as you wish to anything, refer to TUTORIAL.PDF if you don't know where your Virtuemart Language INI file is located. This has explained in TUTORIAL.PDF.

4- If you put some extra class name, something like .calssname1 .classname2 .classname3 {...CSS rule goes here..} for any element, then only the .classname3 that is located under .classname2 and c.lassname1 will be effected (.classname3 from your entire website.. this is a simple CSS knowledge). So for instance, use this:
And the labels (within the LIGHBOX) will have black TEXT color. You can set the font size as well with font-size:12px;.. if you would like.

5- That problem looks like it is SEF issue, are you using any SEF Extension? or just what ever comes with Joomla? Did you touch anything in the PHP file? I will need your FTP account investigate this issue. It looks it is serious issue. Please email it to me to This email address is being protected from spambots. You need JavaScript enabled to view it. (don't forget to include this forum post's URL at the top of your message as reference)

6- Use this CSS rule to change the "TOTAL" value in the shopping cart page:

I also noticed one more issue in the "shopping cart" page, look at the screenshot:



Cheers.
Flexible Forum Support

Thanks again for your prompt response getting the PureMart template configured nicely on my site Trigger Point Technology! Good news I got the 403 Error fixed, it turned out the problem was turning on the allow new user registration setting in the user manager. The other major item that seems to be a problem is:
Virtuemart Cart Module - I've got the Virtuemart module set up but I'm having a couple problems with it. It's in the sidebar-a position but the other sidebar modules are overlapping it and people will be unable to click the checkout button (screenshot attached). If I put the module on any other page than the VM store it generates error syntax above the module also for some reason.

Open this CSS file:
www.triggerpointtechnology.com/templates/rt_ximenia/css/template.css

and find this CSS rule:change it with this:
The problem will be fixed and the cart will stay above the contents.