Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Alien Stemware _slider

Alien Stemware _slider

Views: 2,530

Results 1 to 18 of 18
2 Jul 2012, 2:53 PM
#1
chava1106 avatar

chava1106

New Zenner

Join Date:
Jun 2012
Posts:
21
Plugin Contributions:
0

Alien Stemware _slider

Hi,
i have 2 questions,

  1. how do you disable the slider from showing after the first page?
    i want the slider to show of the first page but not the rest can
    anyone help.

2)for some reason my slider doesn't really work it will show different images when i refresh a page
but it wont automatically change and the arrows don't work...

PLEASE help me out thank you!

2 Jul 2012, 6:43 PM
#2
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: Alien Stemware _slider

I still have this template on my secondary site here:

http://www.fashion-mart.biz/

The slider uses the header banners; actually, all three header banners are set to appear there. Perhaps it's possible to set all header banners for homepage only. But even if they don't show on other pages, I suspect that the slider/banner area might.

My slider stalls on first image on product page when Lightbox is turned on. I have to turn it off it want slider to function on product pages.

3 Jul 2012, 12:15 AM
#3
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Alien Stemware _slider

  1. It's pretty simple, really. Since chava didn't post a link to his/her site, I'll use SPH's site as an example. Say SPH only wants his slider to show on the Home page ONLY. So, get your editing tools all gathered up, and let's begin:

First, go to SPH's site that he posted and look at the css.

You'll find that the name of his slider is #loopedSlider.
Next you'll go to his includes/templates/alien-stemware/css/stylesheet.css and find ALL code pertaining to #loopedSlider, and CUT that code out of stylesheet.css.

Next, open up your editor and paste all of your #loopedSlider code into it.
Next, while still in your editor, you'll need to add #indexHomeBody in front of EVERY "#loopedSlider" you see, making SPH's whole the whole page look something like this:

#indexHomeBody #loopedSlider * {
   margin : 0;
   padding : 0;
}

#indexHomeBody #loopedSlider .container {
   width : 598px;
   height : 300px;
   overflow : hidden;
   position : relative;
   cursor : pointer;
   background : #05030d !important ;
   margin : 0 0 10px 10px;
}

#indexHomeBody #loopedSlider, #newsSlider {
   margin : 0 auto;
   width : 598px;
   position : relative;
}

#indexHomeBody #loopedSlider {
   margin : 0;
   float : left;
}

Next, save that file as: includes/templates/alien-stemware/css/stylesheet_home.css

Then, go back to your other stylesheet (stylesheet.css) and add this to it:

#loopedSlider {
   display: none;
}

Hope this helps.

Oh........and for #2............post a link to your site, so we can see it. We can't help in a situation such as yours without actually seeing the problem in action.

3 Jul 2012, 1:36 AM
#4
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: Alien Stemware _slider

Very nice, thanks! I might try it out but do not have a problem with slider as is.

You make it look so easy....

3 Jul 2012, 1:19 PM
#5
chava1106 avatar

chava1106

New Zenner

Join Date:
Jun 2012
Posts:
21
Plugin Contributions:
0

Re: Alien Stemware _slider

The site i am working on is https://www.tallytaylor.com :)

3 Jul 2012, 3:57 PM
#6
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: Alien Stemware _slider

Pretty good. I was never able to successfully remove the right column; it messed-up the template.

What I like most about this template is the header/logo area. Maybe someday I'll see if I can put it on a more standard template. And change color scheme to white or something.

One thing always annoyed me with this template: in IE9 at least when I place cursor over the Specials, New, All at bottom of side categories, the cursor hand has to cover the link well into it's "palm". Would rather just use tip of cursor finger.

3 Jul 2012, 6:18 PM
#7
chava1106 avatar

chava1106

New Zenner

Join Date:
Jun 2012
Posts:
21
Plugin Contributions:
0

Re: Alien Stemware _slider

i just put everything to the left column via the back end then in the css (i think) i made the middle column bigger.

I also have a sister site which is sorta linked to Tally Taylor it is tallytaylor.com/daniella that one i switched it to a light tan and brown themed page check it out what do you think of it?

do you know how to take the numbers off the left side of the categories?

3 Jul 2012, 6:28 PM
#8
chava1106 avatar

chava1106

New Zenner

Join Date:
Jun 2012
Posts:
21
Plugin Contributions:
0

Re: Alien Stemware _slider

I am also having a problem with the instructions on how to make the sideshow only show on my home page when i did it it didn't show on any and messed up my whole layout :lamo:

4 Jul 2012, 1:59 PM
#9
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Alien Stemware _slider

chava1106:

The site i am working on is www.tallytaylor.com :)

From what I can see right "off the bat" is that you've got code for the Easy Slider as well as the Looped Slider, which is probably where you're getting your conflict causing your Looped Slider to be "broken". That's where I'd start looking, anyway.

Hope this helps,
Robert

4 Jul 2012, 2:01 PM
#10
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Alien Stemware _slider

Edit.....mistake.....Not enough coffee, yet. :) Morning everyone! :cool:

4 Jul 2012, 2:54 PM
#11
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Alien Stemware _slider

chava1106:

do you know how to take the numbers off the left side of the categories?

Admin>My Store>**Show Category Counts **. Set to "false".

Hope this helps.

4 Jul 2012, 5:19 PM
#12
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: Alien Stemware _slider

chava1106:

i just put everything to the left column via the back end then in the css (i think) i made the middle column bigger.

I also have a sister site which is sorta linked to Tally Taylor it is tallytaylor.com/daniella that one i switched it to a light tan and brown themed page check it out what do you think of it?

Thanks for the CSS tip.

I like your brown Daniella site even more! Black/dark sites can look great, but I think are also more dangerous re visibility and usability. Plus may set wrong mood. But many of our designer's sites are black/dark.

Looks like we're in the same business. Are you the designer or what is the affiliate?

EDIT: Your lightbox pop-up is very large and I have a large monitor. Have to scroll down to click the X to turn it off. You might set lightbox to turn off by clicking the photo in general or off to the side. Just a thought.

5 Jul 2012, 1:24 PM
#13
chava1106 avatar

chava1106

New Zenner

Join Date:
Jun 2012
Posts:
21
Plugin Contributions:
0

Re: Alien Stemware _slider

SPH:

Looks like we're in the same business. Are you the designer or what is the affiliate?

I am the designer/intern. i thought i was suppose to do Photoshop type of work but when the boss found out i could do CSS and HTML he told me to redo his website...
I never worked with a store site before, and the php is confusing me so much :P

SPH:

Your lightbox pop-up is very large and I have a large monitor. Have to scroll down to click the X to turn it off. You might set lightbox to turn off by clicking the photo in general or off to the side. Just a thought.

I will look into it thank you!
P.S. if you have any tips on how to fix it i am all ears!

5 Jul 2012, 1:38 PM
#14
chava1106 avatar

chava1106

New Zenner

Join Date:
Jun 2012
Posts:
21
Plugin Contributions:
0

Re: Alien Stemware _slider

i figured out the light box thing... :)

still puzzled by my looped slider...

5 Jul 2012, 4:35 PM
#15
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: Alien Stemware _slider

Here's one tip: Going back to the Tally Taylor site. The category pages load slow for me and I think it is due to the images, which are very large (even if they do not appear to be).

Zencart's default image system is to use a small, medium and large photo of each and every photo. The "small" is what appears on the category pages (size can be set in admin). But making three sets of images is alot of work...and a real pain if one decides to change the size of the images.

Do you have Image Handler installed? It will take care of all that. You only upload one photo...the large photo...and Image Handler will take care of the re-sizing for small and medium. Looks like you have ZC 1.5 so you will want the new Image Handler 4. Here is the support thread and it has a link to the download:

http://www.zen-cart.com/showthread.php?194740-Image-Handler-4-%28for-v1-5-x%29-Support-Thread

Image Handler allows you to instantly change or adjust the size of your images in the admin. I do this often as I test templates. No more making three static sets of images.

Another optimization tip: Apart from the actual image dimension size, the file size looks a little large. I'm speaking of KB size. I now run my images through the free Irfanview program both to re-size the actual image dimension size (my largest is normally 800px high with height greater than width) and to also reduce it's file size. The trick is to reduce the image KB size enough for fast loading but before the photo degrades and looks like they have leprosy. Just don't overwrite the originals in case of mistake! Perhaps you have a similar program to handle images.

PS: I meant that it looks like we're in the dress business and was wondering if you're the dress designer.

5 Jul 2012, 5:43 PM
#16
chava1106 avatar

chava1106

New Zenner

Join Date:
Jun 2012
Posts:
21
Plugin Contributions:
0

Re: Alien Stemware _slider

SPH:

Do you have Image Handler installed? It will take care of all that. You only upload one photo...the large photo...and Image Handler will take care of the re-sizing for small and medium. Looks like you have ZC 1.5 so you will want the new Image Handler 4. Here is the support thread and it has a link to the download:

http://www.zen-cart.com/showthread.php?194740-Image-Handler-4-%28for-v1-5-x%29-Support-Thread

Image Handler allows you to instantly change or adjust the size of your images in the admin. I do this often as I test templates. No more making three static sets of images.

That is next on my list to do... from the boss.

5 Jul 2012, 5:46 PM
#17
chava1106 avatar

chava1106

New Zenner

Join Date:
Jun 2012
Posts:
21
Plugin Contributions:
0

Re: Alien Stemware _slider

SPH:

PS: I meant that it looks like we're in the dress business and was wondering if you're the dress designer.

I wish...
i never went to school for it but i grew up drawing dresses and different other types of clothing...
I am thinking of getting into the clothing design business eventually..
my sister en-law is in that business but the maternity side of it.

17 Aug 2012, 1:23 PM
#18
brocar3a avatar

brocar3a

New Zenner

Join Date:
Aug 2012
Posts:
1
Plugin Contributions:
0

Re: Alien Stemware _slider

I am using the Alien Stemware template and I am trying to have the rotating banner appear only on the home page. I think I followed the directions correctly, however the banner does not show on any pages.
http://theliquidgoldcompany.com/onlinestore Your assistance will be greatly appreciated.