Random Background images

[carinac]

Is there a way to have different background image every time someone comes onto the site? So it changes between a handful of images?

[presta4you.com]

Prestashop don't have this functionality, but check addons.prestashop.pl, probably this module exist.

[vekia]

it's possible to do this with css

$images: ('http://link-to-image-1', 'http://link-to-image-2',  'http://link-to-image-3');

$img: nth($images, random(length($images)));

body {
  background: url($img) top center no-repeat;
}

[carinac]

 

it's possible to do this with css

$images: ('http://link-to-image-1', 'http://link-to-image-2',  'http://link-to-image-3');

$img: nth($images, random(length($images)));

body {
  background: url($img) top center no-repeat;
}

In the global css? That is all? feels like there would be more to add somewhere.

[vekia]

yes global.css, anywhere you want (the best: at the end)

maybe it will be necessary to add !Important here

body {
background: url($img) top center no-repeat!important;
}

if you want to rotate background only - that's all :-)

[carinac]

yes global.css, anywhere you want (the best: at the end)

maybe it will be necessary to add !Important here

body {
background: url($img) top center no-repeat!important;
}

if you want to rotate background only - that's all :-)

Hmm, it isn't working. I noticed my background image is in the wrapper so I did

.wrapper {

background: url($img) top center no-repeat!important;

}

 

instead, but that also didn't work.

 

Thanks though!