Page 1 of 2

New Product Layout: jcarousel extra images + buy now options

Posted: Tue Oct 06, 2009 11:30 am
by Qphoria
Here is something I am working on for a client.
It worked out even better than I'd hoped:
http://unbannable.com/v132/index.php?ro ... duct_id=40

Re: New Product Layout + jcarousel

Posted: Tue Oct 06, 2009 11:41 am
by imaginetech
That's very nice Qphoric. I've thought for a while that the other images tab being "hidden" away was not really optimal. Your solution seems to fix this well.

I've tried a different path on my latest template which just groups the images in a fancybox. eg. http://demo2.imaginetech.com.au/index.p ... duct_id=48.

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Tue Oct 06, 2009 11:47 am
by Qphoria
Yea I was just looking at that. I was pleased to find that the fancybox next/prev worked with the additional images as well :) Nice work.

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Tue Oct 06, 2009 3:59 pm
by kcllc
OMG absolutely LOVE the additional images under the product main image. Is this something we can purchase Q? I don't need buy now options as in my case it would encourage smaller sales and I'm all about the upsell... but the additional images is GREAT!

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Wed Oct 07, 2009 3:17 am
by Qphoria
Yes, I am actually working on "modularizing" certain pages so that you can pick 'n' mix the features you want or don't want

The product page for example is being broken down into:

Title
MainImage
Details
Options/AddtoCart
Tabs

So the jcarousel stuff would be a module for "MainImage"
whereas the buy now options would be a module for "Options/AddtoCart"

This allows easy replacement of small chunks of a page without affecting the rest of the page.

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Wed Oct 07, 2009 7:49 am
by kcllc
Woo hoo! I'll be here ready and waiting to throw more money at you when it's ready!

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Wed Oct 07, 2009 5:20 pm
by Franz-Peter
It would be better instead of hacking some source code if OpenCart would use those nice features Magento actually has. It is very easy there to define rules in the admin section and to add conditions where and when those rules should occur.
Opencart has actually not even a hook function (like Prestashop) to add some features without hacking the source code.

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Wed Oct 07, 2009 11:42 pm
by Qphoria
I do agree.. there is lots of room for hooks to be added. Perhaps I'll take a look at presta and see how they handle some of them.

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Thu Oct 08, 2009 12:50 am
by Franz-Peter
Yes, we need hooks ;D
But what do you think about the solution which magento offers. I am not a fan of Magento, especially because it does not allow to import products and categories via cron from my distributor. What kind of use should an online shop have without products and categories?
But there are a view things in the admin backend, which would be very nice for opencart too. Those rules and conditions, easy to create by the admin are somehow genius. You can for example say: If Payment method = xyz choose the following shipping method xyz and grant a rebate of x% or make a surcharge of x% if the shipping region = xyz. It is not necessary to hack the source code or something like that, just click through some dropdowns and add or remove conditions. It is a great function which allows total and global control of the payment and shipping process.

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Thu Oct 08, 2009 4:31 am
by Qphoria
This "conditional generator" as I would call it sounds quite nice..

My attempt with Magento wasn't a good outcome.
1. Couldn't get past the install on my localbox running xampp. It would get to like step 5 of the install process and when I click next, it would constantly reload the page.. no error or anything
2. Tried to debug the install.. and the way it is coded makes it impossible to step through the debugger. So I could never see any of the actual code.

I promptly deleted it after that.

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Thu Oct 08, 2009 4:36 pm
by Franz-Peter
Dear Qphoria,
You do not need to install magento. They have a live demo version running.
http://demo-admin.magentocommerce.com/index.php/admin/
After login go to the tab: Promotions and You can see what I mean. Choose for example shopping cart rules and click on: add a new rule. Then You can define those conditions. They obviously did implement a few things into the source code of the shop, which looks if there are some conditions defined. If there is something defined Magento can use those conditions instead of the standard conditions. That is what I mean with a hook for adding code snippets. Prestashop allows that too but much less sophisticated.

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Fri Oct 09, 2009 8:31 pm
by Skyhigh
Looks good to me Qphoria, although like many I'd just be looking to use the jcarousel option.

Either way - great work. I do hope you have it in your shop soon :D

Sky

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Sat Oct 10, 2009 4:39 am
by Qphoria
Ok, I've pulled the jCarousel into its own mod now. Very simple and clean. You can add it to any theme, there is only one line to edit for it to work. The rest is javascript magic.
Link: http://www.unbannable.com/ocstore/jcar_product

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Sat Oct 10, 2009 5:36 am
by gavin m
Downloaded, installed, works a treat!!!!

Nice one Qphoria.

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Sat Oct 10, 2009 7:08 am
by dbstr
Your "add to cart" animation seems odd.. or is that just me?

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Tue Oct 13, 2009 3:02 am
by nzjolly
Hi, is it possible to create this mod? http://crafts.yobah.co.uk/

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Tue Oct 13, 2009 5:08 am
by nzjolly
how do i get the buy now option?

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Wed Oct 14, 2009 5:23 am
by DannyMacD
Hi Q,

i have installed as per text file. all crystal but i get this on the product page...

Click to enlarge Notice: getimagesize() [function.getimagesize]: Read error! in /home/danny/public_html/macdealeruk/system/library/image.php on line 11Warning: imagejpeg(): supplied argument is not a valid Image resource in /home/danny/public_html/macdealeruk/system/library/image.php on line 43Warning: imagedestroy(): supplied argument is not a valid Image resource in /home/danny/public_html/macdealeruk/system/library/image.php on line 50



any thoughts?

many thanks

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Wed Oct 14, 2009 5:39 am
by Qphoria
What version of OpenCart? Looks like you have system/library/image.php file. I think image has been in the helper folder for the past few versions.

Re: New Product Layout: jcarousel extra images + buy now options

Posted: Wed Oct 14, 2009 5:55 am
by DannyMacD
1.3.2

many thanks