Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Improving your stock gallery in osC CE


JcMagpie

Recommended Posts

As many of you will know stock osC CE uses the colorbox script by Jack Moore

for the gallery. This is a very nice script and has many features that can be used to change and improve the stock version used.

If you would like your site to be a little different from all the others then it’s worth taking time to look at making a few simple changes.

This is stock,

image.png.faf8a406a9db3d01a30c7313f03d0269.png

By tweaking a few setting you can make changes,

image.png.829a4f5781cb66d59172a8ba7351892d.png

The first thing to do is check which version of the script you have as stock ocS CE was using an old version.

Check and see if you have Version 1.6.4 – 2016/05/10

You will need to look in here ext/colorbox

If not then you can get it from here

https://github.com/jackmoore/colorbox

You will see that you will have jquery.colorbox-min.js

This is not much use to the average user as it’s imposable to see what's going on in a minified file depending on your editor it may look like this

 

image.png.e9c75c76638d7cff210ee2da84672208.png

Use the un minified version for making changes,

jquery.colorbox.js this will look like this.

image.png.94d25371ccbf89e0d4770d8d6fd9281a.png

You can go to this website to see the full list of functions

http://www.jacklmoore.com/colorbox/

You can change things like the transition type the speed of change the background color the opacity of the overlay and many other things.

You are only limited by your imagination.

You will also see that you have colorbox.css which can also be used to make changes.

As you can see it has a range of user Style settings that can be changed to make your gallery more individual.

image.png.fb24fcc7b2f885a03ce518b3f45f6724.png

Just remember to backup before making any changes.

 

 

 

Link to comment
Share on other sites

I don't think that modifying the core js file of the application is a good idea, also not start using the uncompressed file.

The file is like that for a reason and is not meant to be modified in order to change any settings

Any options can be passed to the script before it is called in your code. This is the common way for all scripts of this type.

That way you can have individual settings for each purpose keeping the core file healthy. can upgrade easily by just replacing the file without having to re-modify etc

More info about passing default parameters: http://www.jacklmoore.com/colorbox/faq/#faq-defaults

More info general: http://www.jacklmoore.com/colorbox/faq/

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...