Lightbox customer interface

Shopify Partner
494 0 2

shop.css is what several themes call the master stylesheet, yours is called layout.css.

Jared Burns, CEO at Getsy (http://get.sy)
0 Likes
Shopify Partner
26 0 0

of course. sorry. so I added it to the layout.css and have uploaded all the assets, modified theme.liquid and product.liquid. still not working.
By the way, you’re a superstar for helping update this…

Eileen www.daisyfairbanks.com
0 Likes
Shopify Partner
494 0 2

Did you change the name of your downloaded mootools package to mootools.js? When I tried to access it, I received a page not found error.

Jared Burns, CEO at Getsy (http://get.sy)
0 Likes
Shopify Partner
26 0 0

you’re right, I’d missed that step. It
s done now and uploaded, still not working.

Eileen www.daisyfairbanks.com
0 Likes
Shopify Partner
494 0 2

Try pulling the effects.js tag from your theme.liquid head.

<script src="/global/effects.js" type="text/javascript"></script>

That could be disrupting your new scripts.

Jared Burns, CEO at Getsy (http://get.sy)
0 Likes
Tourist
21 0 1

@Jared – thank you

I love this responsive and very helpful Shopify community :)
I’ll let you know how I get on.

0 Likes
Shopify Partner
26 0 0

this is the code in mine:

{{ ‘effects.js’ | global_asset_url | script_tag }}

delete it?

Eileen www.daisyfairbanks.com
0 Likes
Shopify Partner
26 0 0

nope, still not working

Eileen www.daisyfairbanks.com
0 Likes
Shopify Partner
494 0 2

Don’t you worry, Eileen, we’ll get there. It looks like you put all the Slimbox CSS inside your shop.js file. CSS cannot go inside a javascript file. That needs to be placed in your layout.css file. Also remove the “Lightbox Modifications” section at the end of your layout.css file:

/* Lightbox modifications */

#lightbox{
    border: 2px solid #EA3A41 !important;
    }

#overlay{
    background: #000 url(zoom-lg.gif) no-repeat bottom right fixed !important;;
    }

You’ve also got a lot of javascript in shop.js for a tooltip, but I don’t see any special tooltips on your website. If you’re not using that, you should probably remove that too.

Jared Burns, CEO at Getsy (http://get.sy)
0 Likes
Shopify Partner
26 0 0

I’ve already moved the slimbox from shop.js to layout.css and removed the modifications. I’m looking at the shop.js extra javascript now.

Eileen www.daisyfairbanks.com
0 Likes