Hero Carousel CSS Resources

[Matt Zimmermann]

Hi Jamie,

I would recommend contacting support; they will be able to take a look at the code and see what is going on.

[jsdva]

Missed that message. I'll try those and get back with results

Nope. Still no dice. I created the folder for carousel within the themes/00000001/shadows/extensions/ folder and uploaded the css and js there. Then copied the path in Miva as
themes/00000001/shadows/extensions/carousel/roundabout.js and themes/00000001/shadows/extensions/carousel/roundabout.css into their respective locations.

So, thought maybe Miva didn't like me just inserting the path, so I used the upload button within the CSS/Javascript resources, CTLR+F5, and still the same.

[jsdva]

HI Jamie,

Here are the files: https://github.com/mivaecommerce/rea...sions/carousel

Missed that message. I'll try those and get back with results

[jsdva]

Taking that back. Getting a lot of unsupported features in the console:

Feature Policy: Skipping unsupported feature name “autoplay”. storefront.html
Feature Policy: Skipping unsupported feature name “clipboard-write”. storefront.html
Feature Policy: Skipping unsupported feature name “encrypted-media”. storefront.html
Feature Policy: Skipping unsupported feature name “gyroscope”. storefront.html
Feature Policy: Skipping unsupported feature name “picture-in-picture”. storefront.html
Feature Policy: Skipping unsupported feature name “accelerometer”. storefront.html
Feature Policy: Skipping unsupported feature name “autoplay”. storefront.html
Feature Policy: Skipping unsupported feature name “clipboard-write”. storefront.html
Feature Policy: Skipping unsupported feature name “encrypted-media”. storefront.html
Feature Policy: Skipping unsupported feature name “gyroscope”. storefront.html
Feature Policy: Skipping unsupported feature name “picture-in-picture”. storefront.html
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://googleads.g.doubleclick.net/pagead/id. (Reason: CORS request did not succeed).
The resource at “<URL>” was blocked because content blocking is enabled. 4
Some cookies are misusing the recommended “SameSite“ attribute 2
Cannot play media. No decoders for requested formats: video/mp4; codecs="avc1.42001E", audio/mp4; codecs="mp4a.40.2" HV1Z7Q83X44
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://googleads.g.doubleclick.net/pagead/id. (Reason: CORS request did not succeed).
MouseEvent.mozPressure is deprecated. Use PointerEvent.pressure instead. base.js:971:347
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://googleads.g.doubleclick.net/pagead/id. (Reason: CORS request did not succeed).


Banging head on keyboard.

[jsdva]

Well, did it. No dice. Still displaying the same way as stated above. No console errors this time. Got the css and js for the roundabout here: https://github.com/mivaecommerce/rea...dows/issues/51

[jsdva]

Think I found it. Will test and get back to you.

[Matt Zimmermann]

HI Jamie,

Here are the files: https://github.com/mivaecommerce/rea...sions/carousel

[jsdva]

It's throwing an net:: error 404 for:
themes/00000001/shadows/extensions/carousel/roundabout.js

I don't have that js file. I got the css file from github, but a quick search is not finding the js file.

[Matt Zimmermann]

Hi Jamie,

That looks correct, are you seeing any console errors?

[jsdva]

I put his in the jsSFNT function:

$.loadScript(theme_path + 'extensions/carousel/roundabout.js', function () { $.hook('hero-carousel').roundabout({ autoStart: true }); });

I've got it set to view with only my IP address by <mvt:if expr="s.remote_addr EQ, so a link won't show you what I've done.

[Matt Zimmermann]

Hi Jamie,

Did you add the initialization call to the JavaScript? Can you post a link to the site?

[jsdva]

Didn't though and don't know why.

[Matt Zimmermann]

Hi Jamie,

Technically, if you add in all the CSS and JavaScript required for Roundabout, it should still work in a Shadows v2 site.

[jsdva]

Hi Jamie,

Is the site you are working on using Shadows v1 or v2? If it is on v2, Roundabout is no longer part of the code.

So....Matt, what would stop the shadows v.1 hero-slider found on this page https://docs.miva.com/readytheme-sha...ml#hero-slider from working on a shadows v2 site?

Tried it exactly as the instructions suggest, and it shows three images with the arrows at the top and bottom of the three images and the three images one above the other.

Seems like it should work.

Thanks,

Jamie

[jsdva]

Yep. It is a v.2. Crap. Guess I'll look for another way.

Thanks for the help, Matt!