Biki-kini Template Support Thread

Hello,
Submitting my first Zen Cart template Biki-kini which means "buy and sell" (actually "sell and buy") in Indian language. This template is meant to make your customers' shopping experience smooth and enjoyable.
Enjoy this template while waiting for more creative Zen Cart shops from CREATIVsite.

Hello,
Submitting my first Zen Cart template Biki-kini which means "buy and sell" (actually "sell and buy") in Indian language. This template is meant to make your customers' shopping experience smooth and enjoyable.
Enjoy this template while waiting for more creative Zen Cart shops from CREATIVsite.

anamika59:

Hello,
Submitting my first Zen Cart template Biki-kini which means "buy and sell" (actually "sell and buy") in Indian language. This template is meant to make your customers' shopping experience smooth and enjoyable.
Enjoy this template while waiting for more creative Zen Cart shops from CREATIVsite.

Not to point fingers but how is this template any different from what Ann @ Picaflor-Azul has contributed?

kman55:

Not to point fingers but how is this template any different from what Ann @ Picaflor-Azul has contributed?

I am glad that you asked. Here are few main differences:

1. The main difference is the JQuery effect in the main page and organization of file structure. The jquery effect I used is called coin slider which is different from the animation effect used by Picaflor-Azul. Also, in this template Biki-kini the use of JQuery has been done in a cleaner way. Since this Jquery file does not have any embedded php script, a simple jquery file (.js) has been handled along with other jquery files. It is kept under template folder (in jscript) along with other jquery files rather than putting it in the module directory with a php extension to it. Most of the templates use straight forward javascript file for animation and it should be part of template rather than module as has been done in this template.

2. Language and currency used in the header has been done using "LanguageCurrency Links in Header" plugin and then customizing the display in the tpl_header_currencies.php and tpl_header_languages.php files. In this template, language and currencies can be disabled using configuration rather than by deleting the code in the files. It is done differently from abbington_mega @ Picaflor-Azul where this feature has been used from iC-AcadameV1.2F template without any change.

3. Some of the banner customization has been done. Banner can present important sales advertisement. "Free shipping" and "summer sale" are these two modified banners.

Finally, I should add Ann @ Picaflor-Azul has done a great job compiling different existing plugins into one template. So has been done by templates by brandonturpin. The work of both of the templates authors are very similar in the sense that there are commonalities in the plugins used but difference is the use of animations.

Hope I answered your question. :smile:

Yes, I did not want to be the first, but I also earlier took a look and immediately recognized this as a Picaflor template. You make a good point about common zencart plugins, and I suppose that at some point there is only so many ways to change-up Zencart besides simple color changes. But thus far, Picaflor (Anne) and Brandon pretty much have their own, unique styles while working with the same framework.

And I personally prefer the acoin slider.

Anyway, to all designers, if one wants to make something unique how about something similar to this template:

http://demo.devilthemes.com/vipdress/product.php?id_product=18

It's a Prestashop template that just caught my eye. I'm not a template designer, but it looks deceptively easy to me (I know it probably isn't easy) but if I had the talent I'd work on something very similar right away. (My link is direct to product page but all look nice, IMO)

I somewhat kid myself that all I need do is make a fairly wide left column in Zencart with darker gray background, with lighter gray for rest of site, and addtional color touches in header and footer.

While we're grabbing templates, I'm thinking I could take Anne's recent Brighton template here:

http://www.picaflor-azul.com/free-demos/index.php?main_page=index&template_switch_id=brighton_pets

Change the green horizontal nav to red/orange and be on my way to the above Prestashop template.

Seems so easy, but I'd probably mess it up.

May try though.

Anyway, good job with your enhancements and we're always excited to see new free templates.

SPH:

Yes, I did not want to be the first, but I also earlier took a look and immediately recognized this as a Picaflor template. You make a good point about common zencart plugins, and I suppose that at some point there is only so many ways to change-up Zencart besides simple color changes. But thus far, Picaflor (Anne) and Brandon pretty much have their own, unique styles while working with the same framework.

And I personally prefer the acoin slider.

Anyway, to all designers, if one wants to make something unique how about something similar to this template:

http://demo.devilthemes.com/vipdress/product.php?id_product=18

It's a Prestashop template that just caught my eye. I'm not a template designer, but it looks deceptively easy to me (I know it probably isn't easy) but if I had the talent I'd work on something very similar right away. (My link is direct to product page but all look nice, IMO)

I somewhat kid myself that all I need do is make a fairly wide left column in Zencart with darker gray background, with lighter gray for rest of site, and addtional color touches in header and footer.

While we're grabbing templates, I'm thinking I could take Anne's recent Brighton template here:

http://www.picaflor-azul.com/free-demos/index.php?main_page=index&template_switch_id=brighton_pets

Change the green horizontal nav to red/orange and be on my way to the above Prestashop template.

Seems so easy, but I'd probably mess it up.

May try though.

Anyway, good job with your enhancements and we're always excited to see new free templates.

Thank you for your words. All templates start with some existing ones. If you look at the early version of the authors you described, all look very similar to the templates they started with. At some point of time there was not too many free Zen cart template.

My starting point was picaflor-azul and Abbiamo Supremo. Both are nice templates but I liked coin slider better and wanted to create a column slider with more options in a three column layout. And as I said, I wanted to have a cleaner design.

So far all the free Zen cart templates I have seen, differs mostly in skins, by which I mean color schemes and style of the landing page and the plugins one installs as a part of the template.
I followed both of your links. Both are nice. One of the reasons for these free templates is many do not have access to create matching button sets, color scheme.
The column sizes of Biki-kini are standard. Since brighton_pets has a white background, the column size is looking deceptively narrow. Brighton_pets is a nice template though.

Saying all these, if someone likes the scheme I used and cleaner way of using jquery and handling currencies and languages, download the template and go for it. It is free... :)
Again, this is just a first template from CREAIVsite. Hope that you'd like future templates from CREATIVsite.

anamika59:

I am glad that you asked. Here are few main differences:

1. The main difference is the JQuery effect in the main page and organization of file structure. The jquery effect I used is called coin slider which is different from the animation effect used by Picaflor-Azul. Also, in this template Biki-kini the use of JQuery has been done in a cleaner way. Since this Jquery file does not have any embedded php script, a simple jquery file (.js) has been handled along with other jquery files. It is kept under template folder (in jscript) along with other jquery files rather than putting it in the module directory with a php extension to it. Most of the templates use straight forward javascript file for animation and it should be part of template rather than module as has been done in this template.

2. Language and currency used in the header has been done using "LanguageCurrency Links in Header" plugin and then customizing the display in the tpl_header_currencies.php and tpl_header_languages.php files. In this template, language and currencies can be disabled using configuration rather than by deleting the code in the files. It is done differently from abbington_mega @ Picaflor-Azul where this feature has been used from iC-AcadameV1.2F template without any change.

3. Some of the banner customization has been done. Banner can present important sales advertisement. "Free shipping" and "summer sale" are these two modified banners.

Finally, I should add Ann @ Picaflor-Azul has done a great job compiling different existing plugins into one template. So has been done by templates by brandonturpin. The work of both of the templates authors are very similar in the sense that there are commonalities in the plugins used but difference is the use of animations.

Hope I answered your question. :smile:

Hello :-) I just wanted to respond to this for clarity:

1. The reason for adding the javascript file for the slider in the modules/index directory is that it is a page specific javascript to be used only on the main page. Adding the jscript or jquery files to the templates/jscript directory will cause the script to be called on every page of the site which may cause conflicts with other scripts or a slightly slower page loading time. See this:

http://www.zen-cart.com/wiki/index.php/Customisation_-_Templates_-_Javascript

2. The langages and currencies in the header in all of our templates can be easily disabled by turning off the currencies header sidebox and languages header sidebox in the admin--tools--layout boxes controller.

Also, just a note, I noticed that you left a path to the Abbington Mega template in your readme file. This should probably be changed to your template override name.

Thanks,

Anne

anamika59:

Thank you for your words. All templates start with some existing ones. If you look at the early version of the authors you described, all look very similar to the templates they started with. At some point of time there was not too many free Zen cart template.

Again, this is just a first template from CREAIVsite. Hope that you'd like future templates from CREATIVsite.

I very much agree. All templates do have to start somewhere. For example, take a look at the old Blingthemes Digital shop template on my demo here:

http://www.prom-mart.com/demo-3/index.php?main_page=index&template_switch_id=digitalshop

Ignoring for a moment it's background image and Brandon's Abbiamo slider I am working with (replacing the Digitalshop's original slider, which I don't think will work properly but an interesting idea), it is basically the Classic template with mostly just color and font changes! And color and font changes alone can drastically change the look of a template.

I guess all templates can trace themselves back to the Classic one way or another.

Like that Prestashop template I link to above. For someone who knows what they are doing, it should be a fairly easy mostly color change adaption to Zencart perhaps using the Brighton template or even the old Apple Zen template (which also comes with a full-width horizontal nav color area with fixed body width.) Quick color changes, but probably not quite that easy...and you are correct about getting matching buttons. The details can make or break a project.

Anyway, looking at and often testing templates is pretty much what I do, and I'm looking forward to your future projects.

Good luck!

anamika59:

I am glad that you asked. Here are few main differences:

1. The main difference is the JQuery effect in the main page and organization of file structure. The jquery effect I used is called coin slider which is different from the animation effect used by Picaflor-Azul. Also, in this template Biki-kini the use of JQuery has been done in a cleaner way. Since this Jquery file does not have any embedded php script, a simple jquery file (.js) has been handled along with other jquery files. It is kept under template folder (in jscript) along with other jquery files rather than putting it in the module directory with a php extension to it. Most of the templates use straight forward javascript file for animation and it should be part of template rather than module as has been done in this template.

2. Language and currency used in the header has been done using "LanguageCurrency Links in Header" plugin and then customizing the display in the tpl_header_currencies.php and tpl_header_languages.php files. In this template, language and currencies can be disabled using configuration rather than by deleting the code in the files. It is done differently from abbington_mega @ Picaflor-Azul where this feature has been used from iC-AcadameV1.2F template without any change.

3. Some of the banner customization has been done. Banner can present important sales advertisement. "Free shipping" and "summer sale" are these two modified banners.

Finally, I should add Ann @ Picaflor-Azul has done a great job compiling different existing plugins into one template. So has been done by templates by brandonturpin. The work of both of the templates authors are very similar in the sense that there are commonalities in the plugins used but difference is the use of animations.

Hope I answered your question. :smile:

Its true I have used some modules in my templates. I like column display so I include it as a option for my templates. In a way I have used others work in my templates, but I have not claimed to create those, just the template.

Every template I create I start with the classic template files and turn it into the template that I am looking for. There have been things that Ann has done that I liked and put in my templates, for instance when she released a full width slider, I was thinking of it but liked it so much I changed the template I was getting ready to release (TB Sempre) to have that feature. When I released the Mega Menu in Abbiamo Supremo it was not a script that I created. It was pre-created by someone else and I customized it on my template for the first mega menu in a Zen Cart template. Add has done a great job at taking that menu and customizing it to her templates. I think to this point we have had a fair balance of trying to put out the better template, taking ideas and still creating our own templates.

I do not know what work you put in your template but personally every template I make I code and create from scratch. I take ideas and create them on my own, when I use someone elses work in my template, I let you know in the release that the module was included. And Ann has also done a great job coding her own templates with her ideas and others ideas to make them her own. Keep the templates coming, I like being pushed to come out with new things for templates. Just make sure you give credit when credit is due as Ann and others spend hours creating each module/template.

brandonturpin:

Its true I have used some modules in my templates. I like column display so I include it as a option for my templates. In a way I have used others work in my templates, but I have not claimed to create those, just the template.

I do not know what work you put in your template but personally every template I make I code and create from scratch. I take ideas and create them on my own, when I use someone elses work in my template, I let you know in the release that the module was included. And Ann has also done a great job coding her own templates with her ideas and others ideas to make them her own. Keep the templates coming, I like being pushed to come out with new things for templates. Just make sure you give credit when credit is due as Ann and others spend hours creating each module/template.

With due respect to your comment on "code and create from scratch", I hope you you meant that you installed Zen cart application and installed the plug-ins you chose on the top of it...just to be sure we meant same thing about creating code from scratch.

I am not sure what you meant by your email but that is exactly the approach I used for my template. That is, I took Zen cart classic and hand installed each and every files in the plugins I used in my template. Not only that, I examined each and every files to make sure the diffs they suggested is something I really want to enhance my template with. In fact, as I mentioned in my earlier email, I enhanced the "Currency language link in the header" plugin by using my custom php code in the template files. Also I gave due credits to each and every plug-ins I installed. None of the files I used, has been modified in any way to eliminate the original contributor. As you said, mega menu is a menu that has been done by someone else (actually it is a CSS menu bar any one can install and customize). But, I have mentioned that in my template defintion as well.
Hope this clears up the confusion a bit, my template Biki-kini is causing. :)

anamika59:

With due respect to your comment on "code and create from scratch", I hope you you meant that you installed Zen cart application and installed the plug-ins you chose on the top of it...just to be sure we meant same thing about creating code from scratch.

I am not sure what you meant by your email but that is exactly the approach I used for my template. That is, I took Zen cart classic and hand installed each and every files in the plugins I used in my template. Not only that, I examined each and every files to make sure the diffs they suggested is something I really want to enhance my template with. In fact, as I mentioned in my earlier email, I enhanced the "Currency language link in the header" plugin by using my custom php code in the template files. Also I gave due credits to each and every plug-ins I installed. None of the files I used, has been modified in any way to eliminate the original contributor. As you said, mega menu is a menu that has been done by someone else (actually it is a CSS menu bar any one can install and customize). But, I have mentioned that in my template defintion as well.
Hope this clears up the confusion a bit, my template Biki-kini is causing. :)

What I meant is the layout of the header, product page, main page table or any page I edit I create myself. Obviously I dont code from scratch zen cart every template just the changes from the classic look. I was not saying you were not doing that. Like I said I dont know what you did for your template I have not looked past the demo, and I love new templates coming out. All I was doing was clarifying when you said

Finally, I should add Ann @ Picaflor-Azul has done a great job compiling different existing plugins into one template. So has been done by templates by brandonturpin. The work of both of the templates authors are very similar in the sense that there are commonalities in the plugins used but difference is the use of animations.

I was clarifying that I do use other modules but the template is created from scratch every time. (using the classic template as the starting point) I'm glad you are looking to better the Zen Cart template selection. Thanks for your time for this new template. Like I said not talking bad to you, just how I do things and that I do give credit to what I have used.

Keep up the good work!

picaflor-azul:

Hello :-) I just wanted to respond to this for clarity:

1. The reason for adding the javascript file for the slider in the modules/index directory is that it is a page specific javascript to be used only on the main page. Adding the jscript or jquery files to the templates/jscript directory will cause the script to be called on every page of the site which may cause conflicts with other scripts or a slightly slower page loading time. See this:

http://www.zen-cart.com/wiki/index.php/Customisation_-_Templates_-_Javascript

This is indeed a good point. However, I would expect that all the jquery files (if the template has animation only in the main page) to be kept in the module/page folder, rather than keeping some jquery file in the module and some in the template area. In that case jquery file kept in the template area is still called every time any page loads even if the animation is used only in the main page. Also, if the jquery file does not use any php variable in it, I would expect it not to have any php extension.

I have addressed this issue in the new version (1.01) of my template.

picaflor-azul:

2. The langages and currencies in the header in all of our templates can be easily disabled by turning off the currencies header sidebox and languages header sidebox in the admin--tools--layout boxes controller.

I respect your decision. However, I personally did not like the strong coupling between the language/currency header and side box language/currency. It is less likely that one would like to have both side box and header currency/language. One may want to disable sidebox but could keep the header currency/language or vice versa,

picaflor-azul:

Also, just a note, I noticed that you left a path to the Abbington Mega template in your readme file. This should probably be changed to your template override name.

Thanks,

Anne

Good catch! Thanks Anne.

Submitted version 1.01 for the minor clean up of the template.

SPH:

I
Anyway, looking at and often testing templates is pretty much what I do, and I'm looking forward to your future projects.

Good luck!

Thanks Again. Will look forward to your comments on my future projects.

anamika59:

I respect your decision. However, I personally did not like the strong coupling between the language/currency header and side box language/currency. It is less likely that one would like to have both side box and header currency/language. One may want to disable sidebox but could keep the header currency/language or vice versa,

The languages and currencies header boxes can be turned on and off independently of the languages and currencies sidebox in all Picaflor Azul templates. I think that you are confused about this.

Thanks,

Anne

I'd like to say I really do like the template and thanks for putting it out there! It matches exactly the template look I am going for.

I do have a question regarding the footer area that I'm trying to adjust to my site. Where exactly do I edit to remove the social media part. I do have facebook and google that I will be keeping, but I really would like to get rid of the twitter, wordpress, youtube.

I've tried to comment out the tpl_footer.php, footer_menu_defines.php, stylesheet_footer_menu.css, however the results have met with broken image placeholders. Everything else so far has been pretty straightforward and easy to work with.

Thanks for the time put into this!

Thanks for liking my work.
Here is what you need to do to remove the links you do not like from the footer.

The in the file includes/templates/biki_kini/common/tpl_footer.php around line 45 remove
<a href="<?php echo TWITTER; ?>" target="_blank"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.TWITTER_ICON ?>" alt="twitter link" class="smi twitter" /></a>
<a href="<?php echo YOUTUBE; ?>" target="_blank"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.YOUTUBE_ICON ?>" alt="youtube link" class="smi youtube" /></a>
<a href="<?php echo BLOG; ?>" target="_blank"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.BLOG_ICON ?>" alt="blog link" class="smi blog" /></a>

If you want you can also remove (or comment out) the defines for the icons in the includes/languages/english/extra_defintions/biki_kini/footer_menu_defines.php, but you really do not need it .
Define('TWITTER_ICON', 'twitter.png');
Define('YOUTUBE_ICON', 'youtube.png');
Define('BLOG_ICON', 'blog.png');
lines 53 - 57
Define('TWITTER_TEXT', 'Follow Us');
Define('YOUTUBE_TEXT', 'Subscribe');
Define('BLOG_TEXT', 'Our Blog');
and lines 63 - 67
Define('TWITTER', 'http://www.twitter.com/CreativSite');
Define('YOUTUBE', 'http://www.youtube.com/');
Define('BLOG', 'http://www.creativsite.com/newsroom');

I see that you have tried to comment out tpl_footer.php, but I would be very careful commenting out these links as they are a mix of html and php codes. Comments for php and html has different syntax.

My thanks, once again. It does appear it was comments keeping me from achieving my goal. Your slap to my head with word "remove" did exactly what I was trying to do with much less work. Once step closer now to being able to go live!

I'm guessing it's in the same file where I can add site links under the "Useful Links" column so that will be next adventure into code.

You are very welcome. I am glad that it helped.
I would be quite excited to see your online store with my template, as yours is probably the first real store, to my knowledge, with this template . I would be very happy if you could add your store in my facebook and google+ page.

hello,

thanks for a great template, just what I was looking for,

I do have a problem though, some of my categorynames are rather long, and in the drop-down menu, they take up two lines, I changed the width of the columns of the drop-down menu, but the categorynames are still on two lines, unless I use underscores instead of spaces in the names,

how do I resolve this ?

kind regards,
Fons