Moving PowerGallery & Settings

I'm just starting the development of a new site using Powerstore3 and Powergallery. The current site is built using eCart and other WA extensions. While developing, I created a new directory called "new_site" and uploaded that to the server. Everything is inside this directory and is working so far. But I'm very concerned that when I'm ready to eliminate the old site and copy the new PowerStore and PowerGallery over to the root - things are not going to work. For example I noticed the code that I pasted into the description area for the powerstore from the powergallery has an absolute path that will be incorrect. Am I right? I could easily move the PowerGallery over to the root, but the rest of the site contain some of the same named files and I can't do that. I want to do this right from the beginning.

Then I have a couple of styling questions regarding the powergallery. I see on the index.php the wrapper is set to auto for left and right, which centers the strip on the page. I want it to be left justified to line up better with the photo above and the text below (Products_Detail.php?ProductID=1). I've tried a million things to the index.php and the stylesheets, but nothing seems to take.

And, from what I can gather, I cannot turn off the floating details/image name from appearing over the thumbs - is that true?

If you move the gallery you will need to update the paths for the current ones to continue working. Once moved though the paths that are created should work for you. You will only have problems with moving the files into your root if your have the exact same page and file names.

When it comes to the margin you should be able to just adjust individual margin value for the left and right to get it positioned where you need it to be. I can see the page you posted and the gallery on it, but I'm not sure how you would like it to look.

You can turn off the tool tip when hovering over the thumbnail by commenting out the line of code that shows it. This code is in the gallery.js file, in here look for this line:

this.tip.fade('show');

You can comment it out like this:

/*this.tip.fade('show');*/

Thank you. I got the tool tip to stop and I figured out the margin. I had to adjust two rules to get this to work - both in light.css: .pg-rlp .ribbon .prev & .pg-rlp .ribbon .thumbs-wrapper
I just wanted the ribbon to be left justified with my margin.

I also am changing the path to a relative one when I paste in the gallery thread into Powerstore, so this way I won't have a problem when I move it all. Then once it's moved, I won't worry about it.

And could you please tell me where I can find the rule to adjust the size of the enlarged image? I've looked and can't seem to find it.

When it comes to changing up the size of the images there are two ways you can do this, you can edit the css if the actual dimensions of the image on your server are not an issue:

showthread.php?t=11211

If you wan to change the actual size of the images then you will need to edit some of the internal properties for PowerGallery, here is a link to a post that details how to do this:

showpost.php?p=36751&postcount=2

Thank you. The .pg-rf .fullsize img cs is not a rule with the Powerstore stylesheet. This is why I couldn't find it, it's not there. I saw it on one of the other types of galleries though. But I'm going to give the alternate way by changing the internal properties a shot. I'll let you know what happens.

In regards to the css the rf part of pg-rf .fullsize would differ from one gallery to the next so you should just check for the fullsize styling for yours.

Right. But my common.css has no mention of full size anywhere. I've attached it here for you to see. Am I totally missing something. At any rate, I understand how to have the images processed at a different size, which I would have to do since it actually enlarged my images during the import. I thought the .css was enlarging them originally but not see that's not the case.

The type of design you are using does not use a full size setting, it uses the lightbox effect instead. When you click on the image you are going to see the actual full sized image, not an image that is loaded into an area on the page and controlled with the css. To update these images full size setting you would need to make the adjustments to the js and not to the css.

Got it!

Thank you.