Viroshop - A Modern Responsive WooCommerce Theme

Hi Emily,

Thankyou for your purchase

Your best bet would be to change the default skin, you can find the stylesheet in the following directory,

viroshop/css/skins/default.css

Then use a css visual stylesheet editor, or something like “Firebug” to make the necessary changes to the hex colours.

Be sure to make a backup of the default.css stylesheet.

For the moment you cannot style single elements via the WordPress backend, we will try and provide a solution in the future.

Cheers

Hello Matt,

Thank you for your help, they all worked.

Many thanks, Emily

Your welcome

Hey,

1. In the long description area of the product page, the images have been resized.

Yes there seems to be a styling issue for the images in the product description area, in the style.css file look for the following,

img.alignleft {
    margin-right: 10px;
    float: left;
    height: 25px;
    position: relative;
    top: -3px;
}

Remove the “height: 25px;”, this will fix the issue, i will include the fix in the update.

2. The shortcode for contact me doesn’t seem to be working well.

Looks like you wrapped the contact form in pre tags, try the following, in the HTML tab.

[contact success="Thankyou for your message! We will get back to you shortly."]

Be sure to only have the above code in the HTML tab.

3. And the recent products on the homepage doesn’t work either.

Try using this code, like the contact forms, seems the code is wrapped in pre tags,

[recent_products per_page="12" columns="3" orderby="date" order="desc"]

More info on the WooCommerce shortcodes.

Let me know if you need further help.

Regards

Hello Matt,

Just in regards to point 1, I have removed the ‘height’ section as advised so my images are not being resized anymore. However, if you have a look at it now: http://snowflower.net/?product=1590, the box around the product description area does not extend along with the image. Do you know a way to fix this?

Thank you, Emily

Hi Emily,

You will probably find styling the “Product Description” box easier with the use of the shortcodes.

Try the following,

[one_half]
<img src="http://snowflower.net/wp-content/uploads/2012/10/3D-Love-Pop-Up-Cards-2.jpg" alt="" style="width: 100%;" />
[/one_half]

[one_half_last]
<h3>Love Pop Up Cards</h3><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae libero nec erat consequat aliquam.</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae libero nec erat consequat aliquam.</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae libero nec erat consequat aliquam.</p>
[/one_half_last]

<hr />

Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis.

Let me know,

Matt

Hi,

James method works well, or you can click the star in the product list to make the product featured.

Cheers

Thanks for the quick response. @jamesmcd thanks your method works great too.

Hi,

The support forum will be moving to a new location, in the meantime i prefer to answer support via email or the item comments.

Look for the “theme_woocommerce.php” file located here,

viroshop/includes/theme_woocommerce.php

Further down the page you will find the number of products per page filter,

add_filter('loop_shop_per_page', create_function('$cols', 'return 9;'));

Change the ‘return 9’ value, the layout for the products will work best if they are in three’s.

Kind Regards

Just to let you know, Version 2.1 is in the review queue and the number of products to display in the catalogue can be changed via the Theme Options.

Cheers

Hi,

You have most likely uploaded the wrong file or there was an issue with your WordPress installation.

I would delete the Viroshop theme and make sure the WordPress installation works fine with the default theme.

First step would be to install the WooCommerce plugin.

Unzip the file from ThemeForest, within the zip you will find the docs and theme zip file. (viroshop.zip).

Try uploading it again, if the error persists let me know.

Kind Regards

Hi Kevin,

Thankyou for your interest.

Yes, this theme is translation ready and a .po file is included. You would use a translation software such as POEdit to make the necessary translation.

Kind Regards

Hi Kevin,

You can ask your questions here or via the contact form on my profile page.

Glad you like the theme

Regards

You can grab the update via the “Downloads” tab, where you originally downloaded versions prior to the update.

Cheers

Hi,

This is small bug found in version 2.0, basically means you need WooCommerce installed. Version 2.1 has been approved and this bug has been fixed.

A changelog has been added to the documentation in the new version.

Kind Regards

Hi Dave,

Thanks for purchasing Viroshop and glad you like the theme.

Send me an email via my profile page and i’ll be able to send a .xml file to import.

Kind Regards

Hi Matt,

Many Thanks for the XML file. Definitely a big help gettgin set up.

I am modifying the themes significantly as far as appearance and css goes, and would like to use a static background image.

I have done this and it works fine on main screen displays however it does not work on mobile devices such as the iPad. I have tired the same css mod on the responsive.css sheet but it doesnt seem to have worked.

any idea how or where i can change the CSS to a fixed background for smaller screens?

Thanks, Dave

Hi Dave,

There are a number of options you could try to set a static/fixed background image.

1. If you are looking to set the same image through out the website your best bet would be to navigate to the Theme Options > Branding > Enable background styling. Via this option you can upload the image and set the css to fixed.

2. Via creating a “New Page” there is a background property option you could try, the benefit from using this option is the the image will resize accordingly to the correct screen size, this uses the script Flexi Background.

The downfall of using the second option is that you can only set the background images for individual pages, (not through out the site).

Tryout the second option, and see if the results are what you after, i’ll be able to provide an update with the use of Flexi Background via the whole site.

Cheers

Hi Antech,

Are you receiving this error through out the website or only on a particular page?

You may have selected a sidebar that is non existent upon removing/creating a sidebar via the “Sidebar Generator” and therefore a page has used this sidebar that has been changed.

Locate to the wordpress admin and to the sidebar generator, Appearance > Sidebars. Hard to tell what is exactly causing the issue but try removing the sidebars you have generated and recreate the new ones, goto a page you have published and select the newly created sidebar.

Do you have any information regarding the steps you took to receive this message so we can obliterate any future problems.

Regards

Hi Sean,

After setting up the permalinks you will probably need to “Flush” the rules. You can manually flush these by going to Settings > Permalinks in your admin area.

Give this a try and let us know.

Kind Regards

Hi Sean,

I recommend perhaps writing a paragraph or two for SEO purposes in the product description, this will remove the fields issue. However a fix for this can be setting the top margin for the fields:

.summary .variations_form table {
    margin-top: 60px;
}

Thanks

Hi,

Are you referring to the product search widget in the sidebar? The search bar in the menu was the first initial idea for searching products however i don’t see why i can’t write up some markup for the product search widget for the next update.

Viroshop has been tested in IE8 , could you be able to take a screenshot of the “Related Products” issue so we can investigate further.

Kind Regards

Hi Joe,

You have some very interesting questions,

1. I won’t be actually selling the products right now. I just want to showcase the products with images, descriptions, etc. without the “buy now” buttons. Is this easily possible without custom coding?

Viroshop uses a third-party plugin, WooCommerce to handle the eCommerce functionality and unfortunately you cannot showcase your products without providing a “Buy Now” button, however the custom code to disable the button is very simple and can be accomplished using css.

2. Do you have a system in place to upload product descriptions and other meta data from my spreadsheet? In other words, I don’t want to build each page/post separately and manually.

For the theme setup i can provide an xml file you simply import to get the theme to match the demo. For importing products, descriptions, meta fields e.t.c WooCommerce does have a system in place, you may be interested taking a look at the following,

CSV Guide
CSV Import Plugin

3. Can I upload a batch of images that are tied to the products via a column in the spreadsheet; and then they get loaded with the meta data to create the product page?

The CSV product import seems handle product images to.

I personally haven’t run an eCommerce store with over a thousand products to import however i have no doubt that WordPress can handle this, the question you should be asking is, “Can my host provide a good enough service for this type of automation?”.

Hope this helps,

Kind Regards

Thanks mate, It’s good to be back

Thankyou.

I customized many of the style, css, and html files. Will those be changes if I update?

And should i update my viroshop AND wordpress? Because right now I have Viroshop 1.5 and Wordpress 3.3.2

Thanks again

Due to the switch from having an in-built shopping cart to making it WooCommerce compatible will not make the update a simple process prior to version 2.0.

You will find the new version is a lot more flexible when it comes to branding the theme and creating new content.

Give the new version a trial on a new WordPress installation, depending how complex you changed the older version, you might want to make a backup of your current site.

Cheers

Ok, Thank you!!