OpenCart Community

Hey everyone!
At HostAndWin Hosting Company we are proud to present our free collection of custom design OpenCart templates. Our OpenCart designs are inspired by the diverse needs of the people who run online businesses. We know how important it is to have a professionally looking website that represents your business properly. This is why we started creating free OpenCart templates that will represent your online image in the best possible way.

Feel free to download all custom OpenCart templates freely. For our customers we remove the HostAndWin logo mark just upon request without charge.

Themes demos:

- http://demo.hostandwin.com/opencart/demos/oc1/
- http://demo.hostandwin.com/opencart/demos/oc2/
- http://demo.hostandwin.com/opencart/demos/oc3/
- http://demo.hostandwin.com/opencart/demos/oc4/
- http://demo.hostandwin.com/opencart/demos/oc5/
- http://demo.hostandwin.com/opencart/demos/oc6/

You can download all those free themes from our OpenCart themes page:

- http://www.hostandwin.com/free-opencart-templates.php

We hope you will like the templates and find them useful!

We will be releasing free OpenCart templates every week, so don’t forget to check back for more beautiful OpenCart themes designed by HostAndWin.

Wow! These are just beautifully designed themes. Great work! Thank you very much for this contribution

agreed very nice and clean templates there.

Yep, nice work indeed.

Ps, @Xsecrets and Qphoria, he cannot see your replies when his topic is not approved

i2Paq wrote:Yep, nice work indeed.

Ps, @Xsecrets and Qphoria, he cannot see your replies when his topic is not approved

? it was approved before I even replied.. I approved it first, then replied

Qphoria wrote:

i2Paq wrote:Yep, nice work indeed.

Ps, @Xsecrets and Qphoria, he cannot see your replies when his topic is not approved

? it was approved before I even replied.. I approved it first, then replied

Not what I saw, I approved it to..

Great looking themes. Keep it up

Some really great templates there, specially the jewelry template.
Although there is no template there that I can use at the moment,
I have bookmarked the site because I'm definitely keeping an eye
out for any (pine / oak) furniture templates.

Gerrit

Dear 247TopDeals,

As already mentioned in my previous post, at HostAndWin web hosting every week we contribute one free modern template to the OpenCart community.
Since you are looking for a "Furniture" template, we have decided that our next template will be dedicated to the Furniture business/ concept.

Our Furniture tempalte will be released on Wednesday - 8th of December.

Dear OpenCart Users,

Along with the Thank You notes that we have received in regards to the "PC Store" template, we also got a few emails from users with basic technical skills mentioning that they are not able to setup the image Slider.

Basically, the slider is not included in the theme files, because it is not a default OpenCart functionality.
Our designers have included the slider in the demo installation of the template just to show you how cool your store could look like.

In our opinion everyone (not only the advanced users) should take advantage of that cool gadget, so we have decided to provide you with a step-by-step tutorial on how to easily set up your Slider.

I'm sure there are many ways to do this and here is one of them:
In order to set it up, you need some basic knowledge in html and JavaScript, though.

- - - - - - - - - - - - - - - - - - - - - - -
1. Design your slide images. All of them should be the exact same width and height. In our case they are 748x312. It is recommended to use good naming for your images too. In our case they are: slide1, slide2, slide3 etc.

2. Upload all slide images to [your_opencart_root_directory]/image/data/. This can be done via FTP Client or using the administration area of your OpenCart Shop. If you are using the admin area, go to System >> SETTINGS >> IMAGE tab. Click your logo and this will trigger the Opencart Image Manager. Click the Upload button at the top navigation of this image manager. Select your image slide you want to upload and click open. This will upload it in the proper directory of your shopping cart. Do that for all images that you want to include in your slider.
Once you are done, just close the image manager.

3. Login to your opencart administration area and go to SYSTEM >> SETTINGS >> STORE tab.
At the bottom of this page there is a little text editor where you can place your "Welcome message" of your store. This is where you can place your image slider. All you have to do is click on the first button of this editor - "Source". It will display the html code of your current welcome message. Delete everything and paste this code :

<!-- Image slider start -->
<p style="display:none">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jq ... "></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsu ... "></script>
<script type="text/javascript">$(document).ready(function() {$('.slideshow').cycle({fx: 'fade'});});</script>
</p>
<div class="slideshow" style="width:748px;height:312px;">
<a href="http://your_link.com"><img width="748" height="312" src="./image/data/slide1.jpg" /></a>
<a href="http://your_link.com"><img width="748" height="312" src="./image/data/slide2.jpg" /></a>
<a href="http://your_link.com"><img width="748" height="312" src="./image/data/slide3.jpg" /></a>
<a href="http://your_link.com"><img width="748" height="312" src="./image/data/slide4.jpg" /></a>

</div>
<!-- / Image slider end -->

4. Now you need to modify it according to your own online store.
4.1 First requirement is to change the width and height values. Replace the numbers in [width:748px;height:312px;] and [width="748" height="312"] with your own images size.
4.2 Second requirement is to change the links of your slides. Each slide has a separate link but you can put the same one on all slides if you want. So you need to replace [http://your_link.com] with the link you want to be loaded when users click on the displayed slide. Do that for all slides.
Of course you may not want to have the slider clickable. In that case remove the link markups - [<a href="http://your_link.com">] and [</a>].
Each line should look like this: [<img width="748" height="312" src="./image/data/slide1.jpg" />] Where "slide1.jpg" is replaced with the name of your image.
4.3 In our case we are using 5 images for our slider, but you are not limited to this number of slides. Just don't forget to place all of them in the code, just changing the name of your new image you want to add.

5. Once you are done with modifying this code, go to the top of the page and click on the "SAVE" button. Now check you store home page. You will have your new slider there

- - - - - - - - - - - - - - - - - - - - - - -

I hope this tutorials was helpful to you!

Very helpfull, thanks man!

Nice ones Indeed!

Nice work!

I've tried one and found it makes the product name too large. Not a good look at all.

http://cutevalentinesday.com/Buy_Best_G ... ts_for_Her

peteVA wrote:I've tried one and found it makes the product name too large. Not a good look at all.
http://cutevalentinesday.com/Buy_Best_G ... ts_for_Her

I guess you can change the code to make the font smaller. I have simulated the same on our test server see the attached.
I have to agree this is one of the biggest titles I have seen.

SEO demands "full disclosure" on descriptions and page titles.

Very nice templates.

The Christmas one is 90% what I want to achieve with my one, just with out the christmas pieces.... very nice.

excellent designs at great prices!
Awesome!

didn't see a daily deal one though ...

@peteVA
What's the deal with wholesale and dropship sources?
You ship the products and what not?

Hallo,

First off nice templates.
I´m using the PCstore one for my own store. But i noticed a little bug. It´s also in the demo store. When you go to desktops and then go to pc. You can see that the button of PC is a little overlapping the bar right of it.

Is there any way to fix this?

And again nice template

HostAndWin wrote:Hey everyone!
At HostAndWin Hosting Company we are proud to present our free collection of custom design OpenCart templates. Our OpenCart designs are inspired by the diverse needs of the people who run online businesses. We know how important it is to have a professionally looking website that represents your business properly. This is why we started creating free OpenCart templates that will represent your online image in the best possible way.

Feel free to download all custom OpenCart templates freely. For our customers we remove the HostAndWin logo mark just upon request without charge.

Themes demos:

- http://demo.hostandwin.com/opencart/demos/oc1/
- http://demo.hostandwin.com/opencart/demos/oc2/
- http://demo.hostandwin.com/opencart/demos/oc3/
- http://demo.hostandwin.com/opencart/demos/oc4/
- http://demo.hostandwin.com/opencart/demos/oc5/
- http://demo.hostandwin.com/opencart/demos/oc6/

You can download all those free themes from our OpenCart themes page:

- http://www.hostandwin.com/free-opencart-templates.php

We hope you will like the templates and find them useful!

We will be releasing free OpenCart templates every week, so don’t forget to check back for more beautiful OpenCart themes designed by HostAndWin.

Hi, what slide show is used in http://demo.hostandwin.com/opencart/demos/oc1/ I like it any help would be appreciated looking for a FREE one.

Thanks,
Adam.