Discussion on ShopFine: Premium Bootstrap eCommerce Template


ahmedchan supports this item


This author's response time can be up to 2 business days.

79 comments found.

looks great, sorry about the host :(

The demo is now working.

Will the preview be available again soon? If not could you provide some screenshots?

it’ll be available about couples of days or less inshaAllah, if you want to see images preview for now, you can visit the PSD for this template on this url http://themeforest.net/item/shopfine-modern-premium-ecommerce-psd/3842803?WT.ac=portfolio&WT.seg_1=portfolio&WT.z_author=ahmedchan

The demo is now working.

Very simple and clean shop, great work!

But in your demo i just can see login/register and home page. Where can i find your other sites?

Home 1
Home 2
product view grid
product view list
Product Details1
Product Details2
Shopping Cart Page
Wish List Page
Compare Page
Checkout Page
Search Page
Account Page
Login pager
register pager
Blog Page
Blog Post Page
Contact Page

it’s working now, with all pages within the pages nav

Special thanks! Really good pages! Do you plan to insert some ajax/java script functions for your theme? I think then I would purchase it. Just for example - the Sort/Order of the products - The automatic change of the product display (list/grid) after click on top - in the search-input after typing some letters it display some define searchwords that can be use - On account.html i miss the “accordion” function to open the tabs - On cart.html i miss the automatic in the Quantity and then the calculation that changes on demand and the actions that delete a product

Just some functions that help every purchaser. On other shop themes there are already there, if you include it in your shop i think its the best clean and simple shop on themeforest!

I would be happy, thank you for your answer!

thanks, for you beautiful word, but as you know, it’s static template and a lot of what you said need a back-end to play a round, so, I’ll say what I can do.

Why have you tag this theme as opencart, I was about to buy and then realize these are html files.

So simple, because, it’s template designed specialy for all kind of eCommerce freamwork including Opencart, so simple. good luck, friend.

Great template, that is exactly what I want. I am going to purchase it now.

Thanks man. Don’t worry about the ajax/jQuery, this site is good enough!

thanks, friend, I appreciate.

great job , ahmed lama tefta7 klmny

Thanks, Mohamed

Thanks for a great theme!

How do I set boxed.css and another background as the default layout? I include the boxed.css file last of my css files but it changes to wide when the page is fully loaded. I have removed the style switcher already. Thanks.

thanks, friend, okey, in order to make the boxed as the default and remove the wide look, you have to do the following

1- link the boxed.css file in inside head tag under all main css file and repeat this process in all pages

2- inside boxed.css file make this rule…
body { 
background:url(your-images.png) repeat 0 0; //choise you image }

3-open custom.js file and remove two functions which are “changeBackgroundPattern” about line 156 and “changeLayoutStyle” about line 178. and don’t forget to remove them from document.ready at the bottom.

and you have done!

but if you what to make the boxed view is the default one and have also the functionaltiy of wide view, so you just have to make one thing which is change the default cookie from Wide to Boxed in custom.js file about line 183.

Good luck.

if you like the theme and support, please don’t forget to make your rate in your download page. thanks

Worked great, thank you so much! Five stars it is. ;)

Hi ! Nice job, I love your theme !

A few question : I need to create multiple site only for me (About 50), have i to pay 15 $ for each of them ? It’s too expensive for me :’(

send me your e-mail

I send you a message via themeforest mail

Hi! only to know…. can you help me with creating the jquery code in the index.html page. i want the vertical listing (SPECIAL) to move like the slider… and the FEATURES ITEMS too !! that will be NICE… how show me the way to do that :)

can you look at my website… http://wmed.dyndns.org:8081/tutoform/ i’ve modify my SPECIAL row, is now with carousel left-right! but the CSS put a LARGE white space….

make the parent of the li items with overflow: hidden

working! thx buddy!

Hi, can you help me to create a jquery modal popup with html code inside please?!

of course, you can email me

Hi..can you please help me , fontawesome style is not working in IE 8 when i am viewing the html purchased from you but when i preview your demo in IE8 its working.

you have to remove fontawesome css files from head tag

yeh i removed that too…at first it show the icon but as soon as whole page loads it disappear and show content value (f002,F015 etc)instead of icon .

humm, be sure that you remove this two links from all pages
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/font-awesome-ie7.css">

Hello, I am working with the theme and have to say – its absolutely perfect :) I am just stuck with the default color part; so need your help.

I would like to set the default color to blue, I have added the line <link rel=”stylesheet” href=”css/color/blue.css”> in HTML files but it only shows blue for a second when refreshing and goes back to default orange.

Thank you in advance and congrats on developing awesome theme.

thank you, so, you have to do one another step which is to remove the function ” changeColorStyle() ” from custom.js file, it’s about line 200, and don’t forget to remove it also from the document ready at the bottom in the same file.

Hello ahmed, Nice piece of work. I purchased it today only.

I saw the documentation , but i could not find any typography page and even documentation is very insufficient.

What i am trying to do is,

I need to use Form>Select >Options

In place of UL>LI in language bar.

Please suggest me how to use <select><options> instead of

  • in

    dropdown-menu language

in heading section, you’ll find style for all heading in style.css file like so:
/*==== heading ====*/
h1, h2, h3, h4, h5, h6 {
    margin:0; padding:0;
    font-family: 'Sanchez', serif;
    font-weight: 400;
h1 { font-size: 18px; text-transform: uppercase; line-height:26px; }
h2 { font-size: 16px; text-transform: uppercase; line-height:22px; }
h3 { font-size:14px; text-transform: uppercase; line-height:22px; }
h4 { font-size: 14px; line-height: 20px; }
h5 { font-size: 13px; line-height: 20px; }
h6 { font-size: 12px; line-height: 18px; }

Hello Ahmed,

I am using boothstrap typography for reference


This was the thing i was talking about.

If you have something more than this simply copy above page and edit it with your addition.

Thanks for your time

oh, yeah, why not. maybe in the next update. but since I’m using bootstrap, so it’s the same as bootstrap typography classes.

Hi. Sorry for duplicating this question on another of your themes. Do you include the .less files of bootstrap on your theme. Or alternative how hard is it to “extend” the pallete to change font styles, some widths etc maintaining the possibility of upgrading. Thanks.

Hi, there, no I did not include less files, just css files, because there are a lots of people that don’t know what less or sess is

I have a question about how the font awesome icons don’t display in IE? The background images don’t display in IE, but instead I see F015 for the ‘home’ icon, F0D7 for the icon-caret-down. This type of behavior effects all of the icons displayed.

Any ideas on how to resolve this? Thanks

remove font awesome and use the built-in bootstrap icon instead, it’s the same

The top select menu, visible for the mobile resolution… the topNavToSelect on custom.js…

when i remove the lines… the flexslider no more working…

Can you help me please ? Thank you and have a nice day

be sure to remove the function also from document.ready at the bottom of the file

Hi Ahmed, great template!!!...Did you design it from right to left as well? Is there a “right to left” version available to purchase? Thanx

no, just left to right for now

It seems there is a consensus that the font-awesome configuration for IE8 and IE7 are broken. I am also having this problem and none of the fixes suggested have worked. I have moved the load location of HTML5shiv based on various recommendations with no luck. If using bootstrap to render them (which has not solved it for me either) is the solution shouldn’t it be built into the theme at this point.

I am having conflict with my JS and Jquery in your theme.

Timestamp: 20-06-2013 21:44:40 Warning: Empty string passed to getElementById(). Source File: https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js Line: 173

What do i do??

this conflict from your code, because, the warning you motioned in the jquery lib, not from my code, sure you did something wrong.

any suggestions to avoid this i am using jQuery.noConflict() but its not working at all!!! :(

send me the site in zip format in my email to check it.