Simple Customizable Product Block?
Permalink
Hey there! Just looking for a little help on a fairly simple block. Unfortunately, my inexperience with concrete5 (and coding in general) prevents me from figuring this out on my own. Under duress from my employer, I am doing all that I can to produce the necessary elements for the company's website, but since I'm really mostly just a print designer, I'm having to learn CSS, PHP, concrete5, and bits of JaveScript on-the-fly. =| So any and all help and guidance would be deeply appreciated.
The sort of design and functionality I need to achieve is shown in the screenshot attached to my post. I need to be able to add a main phone image, a name and price, a description, and a simple four-image gallery that magnifies without navigating to a new window (or looking ugly).
My plan was to repurpose this block:http://www.concrete5.org/marketplace/addons/title-image-content-blo... but as of yet I have not been able to really figure out how to add new image fields. :( I've asked for support on it from the creator of the block, but I have not yet received it, so I figured it couldn't hurt to consult the general concrete5 community.
Any assistance is deeply appreciated, and a big thank you to everyone in advance for any help you might provide!
The sort of design and functionality I need to achieve is shown in the screenshot attached to my post. I need to be able to add a main phone image, a name and price, a description, and a simple four-image gallery that magnifies without navigating to a new window (or looking ugly).
My plan was to repurpose this block:http://www.concrete5.org/marketplace/addons/title-image-content-blo... but as of yet I have not been able to really figure out how to add new image fields. :( I've asked for support on it from the creator of the block, but I have not yet received it, so I figured it couldn't hurt to consult the general concrete5 community.
Any assistance is deeply appreciated, and a big thank you to everyone in advance for any help you might provide!
I really could not thank you enough for this. I've been fiddling with it since you posted, and it's been almost exactly what I needed. Thank you so, so much.
As far as tweaks, from what I've seen, yeah, it acts a bit...weird...in IE7, but so do most things.
I think the only major adjustment is making it so the gallery generates an in-window pop-up instead of cycling the main image. It's presently workable, but definitely a necessary change.
As far as tweaks, from what I've seen, yeah, it acts a bit...weird...in IE7, but so do most things.
I think the only major adjustment is making it so the gallery generates an in-window pop-up instead of cycling the main image. It's presently workable, but definitely a necessary change.
Hey, happy to help, and glad it's useable as is!
Cheers
Ollie
Cheers
Ollie
I'm attaching a version with a "lightbox" effect in it (I think that's what you're referring to when you say "in-window pop-up").
If you want to change the various image sizes, go into controller.php and look for this stuff:
(and change the numbers accordingly).
If you want to change the various image sizes, go into controller.php and look for this stuff:
$zoomedPicWidth = 600; $zoomedPicHeight = 600; $largePicWidth = 150; $largePicHeight = 150; $smallPicWidth = 40; $smallPicHeight = 40;
(and change the numbers accordingly).
Absolutely perfect! I honestly could not be more grateful for your help. It's exactly what I needed! Thank you so much! :D
Jquery is bit flakey in IE7 a the moment but ok in Firefox, Opera & Safari.
If not exactly what you need should be obvious what you need to tweak to make what you need.
Will put in the marketplace if useful, but in the meantime see attached.
Having trouble attaching files, get the block here:
http://www.eantics.co.uk/c5/simple_product_listing.zip...
and a screen shot here:
http://www.eantics.co.uk/c5/simple_product_listing.jpg...