Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Simple Multi Image Add-on (Un-Limited) with FancyBox Popups


spooks

Recommended Posts

I am wanting to darken the background page

 

Clearly settings for the overlay will not affect the background!.

 

There is no published method to darken the backgound with fancybox, I suspect there would be issues with the fade effect if such were done.

 

If you wish to try I suggest you research the jquery plugins.

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Clearly settings for the overlay will not affect the background!.

 

There is no published method to darken the backgound with fancybox, I suspect there would be issues with the fade effect if such were done.

 

If you wish to try I suggest you research the jquery plugins.

 

Hi again,

 

I think it is a standard feature because I have seen it used elsewhere and at the main site it is one of the examples. See the first image on the left that is a red sided house with flowers. It shades the back. http://fancybox.net/example

 

Also is this not what is meant by overlay or is this something else?

Link to comment
Share on other sites

Hi again,

 

I think it is a standard feature because I have seen it used elsewhere and at the main site it is one of the examples. See the first image on the left that is a red sided house with flowers. It shades the back. http://fancybox.net/example

 

Also is this not what is meant by overlay or is this something else?

 

Ok I figured it out and it works awesome! I hope my 2 days of frustration will help another add this effect for those not sure what do do to DIM THE BACKGROUND!

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

Open product_info.php

Look for the area above </head> where you pasted the fancybox code and find: 'overlayShow':

 

Change 'overlayShow': false to true

Save file and upload to catalog directory.

 

Now open jquery.fancybox.js and find: overlayOpacity:

Change the 0.3 to 0.4 or 0.6 if you want the dim background darker.

 

It really makes a difference.

 

Charles

Link to comment
Share on other sites

Well done, thanks for the tip.

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Make FANCYBOX draggable.

 

Ok here it is. This plug-In will enable you to have your Fancybox be draggable along with the drag arrowed icon as well. This is not a necessary feature but kind of cool!

 

As always, back up you work. Said to work fine in Firefox 3.x, Opera 9.1, Safari 4 for Windows beta, Chrome 1.x and IE6 and IE7 (not tested in IE8 yet)

 

Step1:

Open product_info.php and place the following script in the <head> section. (Anywhere between <head> and </head>)

 

Step2:

Copy the below code and name the file: jquery.easydrag.handler.beta2.js

 

Copy the file below here ( unfortunately I don't know how to add this file other then pasting it here:

 

/**

* EasyDrag 1.5 - Drag & Drop jQuery Plug-in

*

* Thanks for the community that is helping the improvement

* of this little piece of code.

*

* For usage instructions please visit http://fromvega.com/scripts

*/

 

(function($){

 

// to track if the mouse button is pressed

var isMouseDown = false;

 

// to track the current element being dragged

var currentElement = null;

 

// callback holders

var dropCallbacks = {};

var dragCallbacks = {};

 

// bubbling status

var bubblings = {};

 

// global position records

var lastMouseX;

var lastMouseY;

var lastElemTop;

var lastElemLeft;

 

// track element dragStatus

var dragStatus = {};

 

// if user is holding any handle or not

var holdingHandler = false;

 

// returns the mouse (cursor) current position

$.getMousePosition = function(e){

var posx = 0;

var posy = 0;

 

if (!e) var e = window.event;

 

if (e.pageX || e.pageY) {

posx = e.pageX;

posy = e.pageY;

}

else if (e.clientX || e.clientY) {

posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;

posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;

}

 

return { 'x': posx, 'y': posy };

};

 

// updates the position of the current element being dragged

$.updatePosition = function(e) {

var pos = $.getMousePosition(e);

 

var spanX = (pos.x - lastMouseX);

var spanY = (pos.y - lastMouseY);

 

$(currentElement).css("top", (lastElemTop + spanY));

$(currentElement).css("left", (lastElemLeft + spanX));

};

 

// when the mouse is moved while the mouse button is pressed

$(document).mousemove(function(e){

if(isMouseDown && dragStatus[currentElement.id] != 'false'){

// update the position and call the registered function

$.updatePosition(e);

if(dragCallbacks[currentElement.id] != undefined){

dragCallbacks[currentElement.id](e, currentElement);

}

 

return false;

}

});

 

// when the mouse button is released

$(document).mouseup(function(e){

if(isMouseDown && dragStatus[currentElement.id] != 'false'){

isMouseDown = false;

if(dropCallbacks[currentElement.id] != undefined){

dropCallbacks[currentElement.id](e, currentElement);

}

 

return false;

}

});

 

// register the function to be called while an element is being dragged

$.fn.ondrag = function(callback){

return this.each(function(){

dragCallbacks[this.id] = callback;

});

};

 

// register the function to be called when an element is dropped

$.fn.ondrop = function(callback){

return this.each(function(){

dropCallbacks[this.id] = callback;

});

};

 

// disable the dragging feature for the element

$.fn.dragOff = function(){

return this.each(function(){

dragStatus[this.id] = 'off';

});

};

 

// enable the dragging feature for the element

$.fn.dragOn = function(){

return this.each(function(){

dragStatus[this.id] = 'on';

});

};

 

// set a child element as a handler

$.fn.setHandler = function(handlerId){

return this.each(function(){

var draggable = this;

 

// enable event bubbling so the user can reach the handle

bubblings[this.id] = true;

 

// reset cursor style

$(draggable).css("cursor", "");

 

// set current drag status

dragStatus[draggable.id] = "handler";

 

// change handle cursor type

$("#"+handlerId).css("cursor", "move");

 

// bind event handler

$("#"+handlerId).mousedown(function(e){

holdingHandler = true;

$(draggable).trigger('mousedown', e);

});

 

// bind event handler

$("#"+handlerId).mouseup(function(e){

holdingHandler = false;

});

});

}

 

// set an element as draggable - allowBubbling enables/disables event bubbling

$.fn.easydrag = function(allowBubbling){

 

return this.each(function(){

 

// if no id is defined assign a unique one

if(undefined == this.id || !this.id.length) this.id = "easydrag"+(new Date().getTime());

 

// save event bubbling status

bubblings[this.id] = allowBubbling ? true : false;

 

// set dragStatus

dragStatus[this.id] = "on";

 

// change the mouse pointer

$(this).css("cursor", "move");

 

// when an element receives a mouse press

$(this).mousedown(function(e){

 

// just when "on" or "handler"

if((dragStatus[this.id] == "off") || (dragStatus[this.id] == "handler" && !holdingHandler))

return bubblings[this.id];

 

// set it as absolute positioned

$(this).css("position", "absolute");

 

// set z-index

$(this).css("z-index", parseInt( new Date().getTime()/1000 ));

 

// update track variables

isMouseDown = true;

currentElement = this;

 

// retrieve positioning properties

var pos = $.getMousePosition(e);

lastMouseX = pos.x;

lastMouseY = pos.y;

 

lastElemTop = this.offsetTop;

lastElemLeft = this.offsetLeft;

 

$.updatePosition(e);

 

return bubblings[this.id];

});

});

};

 

})(jQuery);

 

End the copy from above here

 

Step 3:

Upload the above file that you haved named jquery.easydrag.handler.beta2.js to the /images/js folder where all of your other fancybox files are.

 

Step 4:

Open jquery.fancybox.js and find the code that reads hideOnContentClick : true, and change the true to false.

 

Step 5:

Upload jquery.fancybox.js to the /images/js folder

 

I hope you enjoy it!

Charles

Edited by fan4chevy
Link to comment
Share on other sites

Make FANCYBOX draggable.

 

Well done again, only u missed off some of your instructions!!

 

Step1:

Open product_info.php and place the following script in the <head> section. (Anywhere between <head> and </head>)

 

<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.easydrag.handler.beta2.js"></script>
<script type="text/javascript">
$(function(){
// add drag and drop functionality to #fancy_box
$("#fancy_outer").easydrag();
});
</script>

 

Step 4 & 5 are not strictly neccessary as that setting has already been set in the head

 

Thanks for finding that though, I`ll include it in the next release. :)

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Go over the install again, u missed bits!! You could use the included file.

 

It does say in that other thread, if u have new errors, triple check your install, most likely missed smthg, why did u think it would be otherwise!!

 

Thanks. I didn't think it would be anything but my error. I was only hoping for a point in the right direction... Anyway, still trying. Still can only get one pic on listing, even tho i have uploaded 4.

Thanks for your help.

pete.

Link to comment
Share on other sites

 

r u seeing the fancy popup? have u tried using the supplied product_info.php

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Hello,

I have been checking and checking the install and I still get the fancy popup box with no picture..

My doc type is..

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">

Exactly how it is in the install..

Any Ideas?

Thanks in advance..

Edited by Allensbayou

It's not a beer gut, it's padding for my rock hard abs!

Link to comment
Share on other sites

 

hard to say with no link or code.

 

have u tried using the supplied product_info.php

 

sometimes i find people have 2 doctypes!! sure u have only 1?

 

otherwise could be css conflict.

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Make FANCYBOX draggable.

 

Ok here it is. This plug-In will enable you to have your Fancybox be draggable along with the drag arrowed icon as well. This is not a necessary feature but kind of cool!

 

As always, back up you work. Said to work fine in Firefox 3.x, Opera 9.1, Safari 4 for Windows beta, Chrome 1.x and IE6 and IE7 (not tested in IE8 yet).

 

This reply has the corrected step 1 code paste from the last post. Thanks Spooks

 

Step1:

Open product_info.php and place the following script in the <head> section. (Anywhere between <head> and </head>)

 

<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.easydrag.handler.beta2.js"></script>

<script type="text/javascript">

$(function(){

// add drag and drop functionality to #fancy_box

$("#fancy_outer").easydrag();

});

</script>

 

Step2:

Copy the below code and name the file: jquery.easydrag.handler.beta2.js

 

Copy the file below here ( unfortunately I don't know how to add this file other then pasting it here:

 

/**

* EasyDrag 1.5 - Drag & Drop jQuery Plug-in

*

* Thanks for the community that is helping the improvement

* of this little piece of code.

*

* For usage instructions please visit http://fromvega.com/scripts

*/

 

(function($){

 

// to track if the mouse button is pressed

var isMouseDown = false;

 

// to track the current element being dragged

var currentElement = null;

 

// callback holders

var dropCallbacks = {};

var dragCallbacks = {};

 

// bubbling status

var bubblings = {};

 

// global position records

var lastMouseX;

var lastMouseY;

var lastElemTop;

var lastElemLeft;

 

// track element dragStatus

var dragStatus = {};

 

// if user is holding any handle or not

var holdingHandler = false;

 

// returns the mouse (cursor) current position

$.getMousePosition = function(e){

var posx = 0;

var posy = 0;

 

if (!e) var e = window.event;

 

if (e.pageX || e.pageY) {

posx = e.pageX;

posy = e.pageY;

}

else if (e.clientX || e.clientY) {

posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;

posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;

}

 

return { 'x': posx, 'y': posy };

};

 

// updates the position of the current element being dragged

$.updatePosition = function(e) {

var pos = $.getMousePosition(e);

 

var spanX = (pos.x - lastMouseX);

var spanY = (pos.y - lastMouseY);

 

$(currentElement).css("top", (lastElemTop + spanY));

$(currentElement).css("left", (lastElemLeft + spanX));

};

 

// when the mouse is moved while the mouse button is pressed

$(document).mousemove(function(e){

if(isMouseDown && dragStatus[currentElement.id] != 'false'){

// update the position and call the registered function

$.updatePosition(e);

if(dragCallbacks[currentElement.id] != undefined){

dragCallbacks[currentElement.id](e, currentElement);

}

 

return false;

}

});

 

// when the mouse button is released

$(document).mouseup(function(e){

if(isMouseDown && dragStatus[currentElement.id] != 'false'){

isMouseDown = false;

if(dropCallbacks[currentElement.id] != undefined){

dropCallbacks[currentElement.id](e, currentElement);

}

 

return false;

}

});

 

// register the function to be called while an element is being dragged

$.fn.ondrag = function(callback){

return this.each(function(){

dragCallbacks[this.id] = callback;

});

};

 

// register the function to be called when an element is dropped

$.fn.ondrop = function(callback){

return this.each(function(){

dropCallbacks[this.id] = callback;

});

};

 

// disable the dragging feature for the element

$.fn.dragOff = function(){

return this.each(function(){

dragStatus[this.id] = 'off';

});

};

 

// enable the dragging feature for the element

$.fn.dragOn = function(){

return this.each(function(){

dragStatus[this.id] = 'on';

});

};

 

// set a child element as a handler

$.fn.setHandler = function(handlerId){

return this.each(function(){

var draggable = this;

 

// enable event bubbling so the user can reach the handle

bubblings[this.id] = true;

 

// reset cursor style

$(draggable).css("cursor", "");

 

// set current drag status

dragStatus[draggable.id] = "handler";

 

// change handle cursor type

$("#"+handlerId).css("cursor", "move");

 

// bind event handler

$("#"+handlerId).mousedown(function(e){

holdingHandler = true;

$(draggable).trigger('mousedown', e);

});

 

// bind event handler

$("#"+handlerId).mouseup(function(e){

holdingHandler = false;

});

});

}

 

// set an element as draggable - allowBubbling enables/disables event bubbling

$.fn.easydrag = function(allowBubbling){

 

return this.each(function(){

 

// if no id is defined assign a unique one

if(undefined == this.id || !this.id.length) this.id = "easydrag"+(new Date().getTime());

 

// save event bubbling status

bubblings[this.id] = allowBubbling ? true : false;

 

// set dragStatus

dragStatus[this.id] = "on";

 

// change the mouse pointer

$(this).css("cursor", "move");

 

// when an element receives a mouse press

$(this).mousedown(function(e){

 

// just when "on" or "handler"

if((dragStatus[this.id] == "off") || (dragStatus[this.id] == "handler" && !holdingHandler))

return bubblings[this.id];

 

// set it as absolute positioned

$(this).css("position", "absolute");

 

// set z-index

$(this).css("z-index", parseInt( new Date().getTime()/1000 ));

 

// update track variables

isMouseDown = true;

currentElement = this;

 

// retrieve positioning properties

var pos = $.getMousePosition(e);

lastMouseX = pos.x;

lastMouseY = pos.y;

 

lastElemTop = this.offsetTop;

lastElemLeft = this.offsetLeft;

 

$.updatePosition(e);

 

return bubblings[this.id];

});

});

};

 

})(jQuery);

 

End the copy from above here

 

Step 3:

Upload the above file that you haved named jquery.easydrag.handler.beta2.js to the /images/js folder where all of your other fancybox files are.

 

 

Below Steps May Not Be Necessary. If the above scripting is not doing the job check the below steps.

Step 4:

Open jquery.fancybox.js and find the code that reads hideOnContentClick : true, and change the true to false.

 

Step 5:

Upload jquery.fancybox.js to the /images/js folder

 

I hope you enjoy it!

Thanks again Spooks for your help and I am liking the images and the fancybox.

 

Charles

Edited by fan4chevy
Link to comment
Share on other sites

Spooks, Thanks for the reply.

Sorry, the site I am adding this to is http://www.sierragunworks.com

I do have osthumb installed, and working..

This is where I am having the problem I think. This is the only section I had to change from the install. Everything else was just a find and replace.

 

// Simple multi image addon	section moved

tep_db_query("update " . TABLE_PRODUCTS_DESCRIPTION . " set products_viewed = products_viewed+1 where products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and language_id = '" . (int)$languages_id . "'");

if ($new_price = tep_get_products_special_price($product_info['products_id'])) {
  $products_price2 = '<span class="productSpecialPrice">' . $currencies->display_price($new_price, tep_get_tax_rate($product_info['products_tax_class_id'])) . '</span><br><s>' . $currencies->display_price($product_info['products_price'], tep_get_tax_rate($product_info['products_tax_class_id'])) . '</s>';
} else {
  $products_price2 = '<span class="productSpecialPrice">'.$currencies->display_price($product_info['products_price'], tep_get_tax_rate($product_info['products_tax_class_id'])).'</span>';
}

if ($new_price = tep_get_products_special_price($product_info['products_id'])) {
  $products_price = '<s>' . $currencies->display_price($product_info['products_price'], tep_get_tax_rate($product_info['products_tax_class_id'])) . '</s>   <b class="productSpecialPrice">' . $currencies->display_price($new_price, tep_get_tax_rate($product_info['products_tax_class_id'])) . '</b>';
} else {
  $products_price = '<b class="productSpecialPrice">'.$currencies->display_price($product_info['products_price'], tep_get_tax_rate($product_info['products_tax_class_id'])).'</b>';
}

if (tep_not_null($product_info['products_model'])) {
  $products_name = $product_info['products_name'] . '<br> <span class="smallText">[' . $product_info['products_model'] . ']</span>';
} else {
  $products_name = $product_info['products_name'];
}
?>

<?php echo tep_draw_top();?>

<?php echo tep_draw_title_top();?>

			<div class="left_part"><?php echo $breadcrumb->trail(' » ')?> »  <?php echo $products_name; ?></div><div class="right_part"><?php echo $products_price2; ?></div>

 

Again Thanks, and sorry to be a bother..

It's not a beer gut, it's padding for my rock hard abs!

Link to comment
Share on other sites

Just found this in Cache Control:

 

Error: Cache directory does not exist. Please set this Configuration->Cache.

 

Could this be the problem?

Cheers,

pete.

 

 

No, try the supplied product_info.php, you don`t have to keep it!! But if that works it shows you have made errors in your current product_info.php.

 

Do you use a file compare tool?

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

 

Visiting your site the popup comes up fine for me (using ie7) whats your browser?

 

I don't see any additional images, but what product have u added them to?

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Hi there,

 

I am using Multi Image add-on with Fancy Box popups on one of OSC site. I am getting problem in Fancybox popup image display in IE. Its stretched but in mozzila its appearing fine. I am unable to sort out the problem.

 

please check at following URL

 

http://www.stopstaring.com.au/product_info...1/products_id/8

 

Looking for some help in sorting out this problem.

 

Thanks Much!

 

Kiran

Link to comment
Share on other sites

Uploaded new version 1.1

 

1.Added missing installation instruction & missing character in the SQL

2.Adeed instructions to the docs.

3.Added Background dimming option (Thanks to Charles for tip)

4.Added Popup Image Dragging option (Thanks again to Charles for another tip)

5.Added the option of adding a swing effect to popup zoom.

6.Added option to position navigation icons in the popup.

7.Added option to make the navigation icons permanently visable within the popup.

 

Enjoy! :)

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

 

Viewing with ie7 & firefox I see no issue, the popup will always be at original image size, I note you are setting both width & hieght for product images so page images are distorted.

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Get the follow MySQL error while running the upgrade sql script

 

You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'true', 'false'),')' at line 1.

 

Query: INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) VALUES ('Dim background on popup', 'DIM_BACKGROUND', 'false', 'Dim the background when popup images are shown. (enabled, this option can make the zoom action less smooth).', 4, 24, NULL, now(), '', 'tep_cfg_select_option(array('true', 'false'),');

 

Any ideas?

Link to comment
Share on other sites

MySQL error while running the upgrade sql script

 

Oops, yes, didn't bother to test & forgot to escape the quotes!! :blush:

 

for upgrade, use:

 

INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Dim background on popup', 'DIM_BACKGROUND', 'false', 'Dim the background when popup images are shown. (enabled, this option can make the zoom action less smooth).', 4, 24, NULL, now(), '', 'tep_cfg_select_option(array(\'true\', \'false\'),'); 
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Background luminosity', 'BKG_LUMA', '2', 'How much to dim background, if enabled. 1 = min, 9 = max.', 4, 25, NULL, now(), '', 'tep_cfg_select_option(array(\'1\', \'2\',\'3\',\'4\',\'5\',\'6\',\'7\',\'8\',\'9\'),');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Popup images dragable', 'DRAG_POPUP', 'false', 'Enable dragging of popup images.', 4, 26, NULL, now(), '', 'tep_cfg_select_option(array(\'true\', \'false\'),');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Popup \'swing\' effect', 'SWING_POPUP', 'true', 'Add a \'swing\' effect to the opening popup zoom.', 4, 27, NULL, now(), '', 'tep_cfg_select_option(array(\'true\', \'false\'),');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Show popup navigation', 'SHOW_NAV', 'false', 'Always show popup navigation icons, or hide till mouse over.', 4, 28, NULL, now(), '', 'tep_cfg_select_option(array(\'true\', \'false\'),');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Popup navigation position', 'POS_NAV', 'middle', 'Position the popup navigation icons at the top, middle or bottom of images.', 4, 29, NULL, now(), '','tep_cfg_select_option(array(\'top\', \'middle\',\'bottom\'),');

 

 

For new install, use:

 

ALTER TABLE `products` ADD `products_image_array`VARCHAR( 800 ) NULL DEFAULT NULL; 
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Tiny Image Width', 'TINY_IMAGE_WIDTH', '30', 'Image width for additional image thumbnail', 4, 20, NULL, now(), '', '');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Tiny Image Height', 'TINY_IMAGE_HEIGHT', '30', 'Image height for additional image thumbnail', 4, 21, NULL, now(), '', '');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Additional images per row/column', 'TINY_IMAGE_GROUP_SIZE', '3', 'Number of additional images to show per row/column in the product display', 4, 22, NULL, now(), '', '');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`,`sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Additional Image Format', 'ADDITIONAL_IMAGE_FORMAT', 'horizontal', 'Show additional image in a vertical or horizontal format', 4, 23, NULL, now(), '', 'tep_cfg_select_option(array(\'horizontal\', \'vertical\'),');

INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Dim background on popup', 'DIM_BACKGROUND', 'false', 'Dim the background when popup images are shown. (enabled, this option can make the zoom action less smooth).', 4, 24, NULL, now(), '', 'tep_cfg_select_option(array(\'true\', \'false\'),'); 
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Background luminosity', 'BKG_LUMA', '2', 'How much to dim background, if enabled. 1 = min, 9 = max.', 4, 25, NULL, now(), '', 'tep_cfg_select_option(array(\'1\', \'2\',\'3\',\'4\',\'5\',\'6\',\'7\',\'8\',\'9\'),');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Popup images dragable', 'DRAG_POPUP', 'false', 'Enable dragging of popup images.', 4, 26, NULL, now(), '', 'tep_cfg_select_option(array(\'true\', \'false\'),');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Popup \'swing\' effect', 'SWING_POPUP', 'true', 'Add a \'swing\' effect to the opening popup zoom.', 4, 27, NULL, now(), '', 'tep_cfg_select_option(array(\'true\', \'false\'),');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Show popup navigation', 'SHOW_NAV', 'false', 'Always show popup navigation icons, or hide till mouse over.', 4, 28, NULL, now(), '', 'tep_cfg_select_option(array(\'true\', \'false\'),');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Popup navigation position', 'POS_NAV', 'middle', 'Position the popup navigation icons at the top, middle or bottom of images.', 4, 29, NULL, now(), '','tep_cfg_select_option(array(\'top\', \'middle\',\'bottom\'),');

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...