Zen Cart Logo
Forums / All Other Contributions/Addons / Home Page Products Carousel [Support Thread]

Home Page Products Carousel [Support Thread]

Views: 8,417

Results 21 to 40 of 46
31 Jan 2021, 11:11 PM
#21
thegrimreaper avatar

thegrimreaper

Zen Follower

Join Date:
Jan 2021
Location:
Arizona
Posts:
134
Plugin Contributions:
0

Home Page Products Carousel [Support Thread]

TheGrimReaper:

Excellent thought. Both instances of it?

Yup!

Thank you for that one.

5 Feb 2021, 2:39 AM
#22
thegrimreaper avatar

thegrimreaper

Zen Follower

Join Date:
Jan 2021
Location:
Arizona
Posts:
134
Plugin Contributions:
0

Re: Home Page Products Carousel [Support Thread]

I am//was having a problem with the images in the carousel. It seems I was getting a small image that was over-expanded and pretty lossy. I tried resizing in the admin to no avail, even to the point of sizing lower than the small image. I tried several different sizing settings with no change. What I ended up doing was increasing the number of images in admin all the way up to 6 before it became sized right. 6 though, looks pretty good albeit pretty crowded. Any thoughts, ideas, suggestions are welcome

5 Feb 2021, 6:37 AM
#23
balihr avatar

balihr

Totally Zenned

Join Date:
Oct 2008
Location:
Croatia
Posts:
1,782
Plugin Contributions:
21

Re: Home Page Products Carousel [Support Thread]

TheGrimReaper:

I am//was having a problem with the images in the carousel. It seems I was getting a small image that was over-expanded and pretty lossy. I tried resizing in the admin to no avail, even to the point of sizing lower than the small image. I tried several different sizing settings with no change. What I ended up doing was increasing the number of images in admin all the way up to 6 before it became sized right. 6 though, looks pretty good albeit pretty crowded. Any thoughts, ideas, suggestions are welcome

Yeah, with Owl Carousel being responsive, it automatically adapts width of the individual item to the size of the container and number of items displayed.

You can try adding a max-width setting in your includes/templates/YOUR_TEMPLATE/css/index_home.css

.sliderItem {
    max-width: 200px;
    margin: 0 auto;
}

Of course, change the 200 to what you seem fit.

5 Feb 2021, 3:30 PM
#24
carlwhat avatar

carlwhat

zennedOut

Join Date:
Nov 2005
Location:
los angeles
Posts:
2,956
Plugin Contributions:
8

Re: Home Page Products Carousel [Support Thread]

balihr:

Yeah, with Owl Carousel being responsive, it automatically adapts width of the individual item to the size of the container and number of items displayed.
....

yeah with owl carousel being pretty much dead, it might behoove someone to update this plugin....

https://github.com/OwlCarousel2/OwlCarousel2

certainly needs updating in order to work with the latest version of jQuery....

5 Feb 2021, 3:50 PM
#25
thegrimreaper avatar

thegrimreaper

Zen Follower

Join Date:
Jan 2021
Location:
Arizona
Posts:
134
Plugin Contributions:
0

Re: Home Page Products Carousel [Support Thread]

balihr:

Yeah, with Owl Carousel being responsive, it automatically adapts width of the individual item to the size of the container and number of items displayed.

You can try adding a max-width setting in your includes/templates/YOUR_TEMPLATE/css/index_home.css

.sliderItem {
max-width: 200px;
margin: 0 auto;
}

> Of course, change the 200 to what you seem fit.

OUCH! Hummm, ok! Lets see how badly I can break my home page. Copy, copy, copy. I assume this is new code, not a replacement, so this (I think) is my first exposure to (somewhat) starting something and I best well copy that file many times just in case. Itsa gonna be a cool lesson- To the Batcave Robin!
5 Feb 2021, 3:54 PM
#26
thegrimreaper avatar

thegrimreaper

Zen Follower

Join Date:
Jan 2021
Location:
Arizona
Posts:
134
Plugin Contributions:
0

Re: Home Page Products Carousel [Support Thread]

TheGrimReaper:

OUCH! Hummm, ok! Lets see how badly I can break my home page. Copy, copy, copy. I assume this is new code, not a replacement, so this (I think) is my first exposure to (somewhat) starting something and I best well copy that file many times just in case. Itsa gonna be a cool lesson- To the Batcave Robin!

No need to copy that file, there's only 2 lines in it -
@import url("owl.carousel.css");
@import url("owl.theme.default.css");
There! Copied and stored.

5 Feb 2021, 3:59 PM
#27
thegrimreaper avatar

thegrimreaper

Zen Follower

Join Date:
Jan 2021
Location:
Arizona
Posts:
134
Plugin Contributions:
0

Re: Home Page Products Carousel [Support Thread]

balihr:

Yeah, with Owl Carousel being responsive, it automatically adapts width of the individual item to the size of the container and number of items displayed.

You can try adding a max-width setting in your includes/templates/YOUR_TEMPLATE/css/index_home.css

.sliderItem {
max-width: 200px;
margin: 0 auto;
}

> Of course, change the 200 to what you seem fit.

Well, that did work pretty good!. At first I thought it was a major file, but then realized it was only css - no problem. I learned.
5 Feb 2021, 6:47 PM
#28
balihr avatar

balihr

Totally Zenned

Join Date:
Oct 2008
Location:
Croatia
Posts:
1,782
Plugin Contributions:
21

Re: Home Page Products Carousel [Support Thread]

carlwhat:

yeah with owl carousel being pretty much dead, it might behoove someone to update this plugin....

https://github.com/OwlCarousel2/OwlCarousel2

certainly needs updating in order to work with the latest version of jQuery....

Well, uhm... OwlCarousel may be dead, but it's still quite good. The version currently available for download was based on OC 2.3.3, and I've submitted an update about a week ago (takes quite long to get approved). The update uses the latest OC 2.3.4 which definitely does work with jQuery 3.5.1 (tested on ZC 1.5.7b without issues). The one found on my website is updated.

But, you just raised another BIG red flag - I was just about to release ZX Slideshow v2 with much better functionality than the original, but I based it on OwlCarousel... :Flush:

5 Feb 2021, 6:50 PM
#29
thegrimreaper avatar

thegrimreaper

Zen Follower

Join Date:
Jan 2021
Location:
Arizona
Posts:
134
Plugin Contributions:
0

Re: Home Page Products Carousel [Support Thread]

balihr:

Well, uhm... OwlCarousel may be dead, but it's still quite good. The version currently available for download was based on OC 2.3.3, and I've submitted an update about a week ago (takes quite long to get approved). The update uses the latest OC 2.3.4 which definitely does work with jQuery 3.5.1 (tested on ZC 1.5.7b without issues). The one found on my website is updated.

But, you just raised another BIG red flag - I was just about to release ZX Slideshow v2 with much better functionality than the original, but I based it on OwlCarousel... :Flush:

Help me, I can't swim! gurgle, gurgle

Let me know what ya end up doing, always on board with better

5 Feb 2021, 7:01 PM
#30
balihr avatar

balihr

Totally Zenned

Join Date:
Oct 2008
Location:
Croatia
Posts:
1,782
Plugin Contributions:
21

Re: Home Page Products Carousel [Support Thread]

TheGrimReaper:

Let me know what ya end up doing, always on board with better

My reply was actually to @carlwhat...

I don't have any plans to improve this plugin - no feedback, no ideas, no requests... I'm assuming it's doing it's job quite well. There is an update already submitted, just not yet available in the Plugins because it's awaiting Moderators' approval (@Scott wakey wakey :wink2:). There's not much in the update so don't expect anything special.

The other thing I was just about to release was an update for ZX Slideshow, which is a similar, but quite different plugin. If you had the chance to check what I PM-ed you the other day, it's already included there...
But, I guess now I have to put that on hold since OwlCarousel is a dead end. Thank you, @carlwhat. Do you get commission from my Recycle Bin, perhaps? :wink2:

5 Feb 2021, 7:05 PM
#31
thegrimreaper avatar

thegrimreaper

Zen Follower

Join Date:
Jan 2021
Location:
Arizona
Posts:
134
Plugin Contributions:
0

Re: Home Page Products Carousel [Support Thread]

balihr:

My reply was actually to @carlwhat...
:

Yup yup! I understood that, just had to resubscribe becasue I accidentally hit the unsubscribe link, and it was a chance to try and stay in the loop.

5 Feb 2021, 8:40 PM
#32
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,513
Plugin Contributions:
177

Re: Home Page Products Carousel [Support Thread]

balihr:

There is an update already submitted, just not yet available in the Plugins because it's awaiting Moderators' approval
Approved.

6 Feb 2021, 2:44 AM
#33
carlwhat avatar

carlwhat

zennedOut

Join Date:
Nov 2005
Location:
los angeles
Posts:
2,956
Plugin Contributions:
8

Re: Home Page Products Carousel [Support Thread]

balihr:

Well, uhm... OwlCarousel may be dead, but it's still quite good. The version currently available for download was based on OC 2.3.3, and I've submitted an update about a week ago (takes quite long to get approved). The update uses the latest OC 2.3.4 which definitely does work with jQuery 3.5.1 (tested on ZC 1.5.7b without issues)...

https://github.com/OwlCarousel2/OwlCarousel2/blob/4eedccac4ea061931162a86e3f268332c16a1ad0/dist/owl.carousel.js#L1015

"jquery-migrate-3.3.2.js:100 JQMIGRATE: jQuery.type is deprecated"

one of many....

thanks for playing! :p

now about that recycle bin commission...

6 Feb 2021, 5:35 AM
#34
balihr avatar

balihr

Totally Zenned

Join Date:
Oct 2008
Location:
Croatia
Posts:
1,782
Plugin Contributions:
21

Re: Home Page Products Carousel [Support Thread]

carlwhat:

https://github.com/OwlCarousel2/OwlCarousel2/blob/4eedccac4ea061931162a86e3f268332c16a1ad0/dist/owl.carousel.js#L1015

"jquery-migrate-3.3.2.js:100 JQMIGRATE: jQuery.type is deprecated"

one of many....

thanks for playing! :p

now about that recycle bin commission...

OK, this has gotta be something I'm not familiar with or don't understand. How come it's working just fine on a vanilla ZC 1.5.7b (using jQuery 3.5.1 out of the box)? I'll definitely check that replacement (tiny-slider) when I get a chance, but until then, I guess we're stuck with OwlCarousel.

6 Feb 2021, 6:06 AM
#35
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,513
Plugin Contributions:
177

Re: Home Page Products Carousel [Support Thread]

6 Feb 2021, 6:11 AM
#36
balihr avatar

balihr

Totally Zenned

Join Date:
Oct 2008
Location:
Croatia
Posts:
1,782
Plugin Contributions:
21

Re: Home Page Products Carousel [Support Thread]

DrByte:

Maybe https://swiperjs.com ?

Very nice, love it! I'll see what I can do to convert it, thanks! But sadly, last day in the saddle today, back to work as of Mon so no ETA.

6 Feb 2021, 3:57 PM
#37
carlwhat avatar

carlwhat

zennedOut

Join Date:
Nov 2005
Location:
los angeles
Posts:
2,956
Plugin Contributions:
8

Re: Home Page Products Carousel [Support Thread]

balihr:

OK, this has gotta be something I'm not familiar with or don't understand. How come it's working just fine on a vanilla ZC 1.5.7b (using jQuery 3.5.1 out of the box)? I'll definitely check that replacement (tiny-slider) when I get a chance, but until then, I guess we're stuck with OwlCarousel.

apparently deprecation means, encouragement of other alternatives...

from: https://blog.jquery.com/2018/01/19/j...a-new-feature/

"...These functions have either lost some of their usefulness over time, are considered to be less favorable than available alternatives, or were intended for internal usage from the beginning. While most of these will be removed in jQuery 4.0, it’s worth noting that we do not consider the deprecation of a method to mean that it will be removed; it means that we encourage the use of alternatives."

which is why, still working on a vanilla install using 3.5.1.

but new development using owl.... no. i'm going to remove it from my clients sites.... hopefully....

best.

21 Jan 2023, 10:43 PM
#38
flappingfish avatar

flappingfish

Zen Follower

Join Date:
Nov 2020
Posts:
318
Plugin Contributions:
3

Re: Home Page Products Carousel [Support Thread]

can i check folks i have version 1.0.4 of this module and im getting issues on google page speed insight indicating an excessive dom size which seems to relate to the items displayed in the carousel with some 1358 elements. I can tell its the carousel or the image just unsure which and if the module perhaps has an updated version that would resolve the issue for me?

If i disable the carousel i have no warning about excessive dom elements and my page speed score increases from 63 to 74 :/ hoping improve load speed to help seo? not sure if thats how it works but it has a terrible score for mobile and the desktop score is 95 or 96 with the carousel disabled?

22 Jan 2023, 12:24 AM
#39
balihr avatar

balihr

Totally Zenned

Join Date:
Oct 2008
Location:
Croatia
Posts:
1,782
Plugin Contributions:
21

Re: Home Page Products Carousel [Support Thread]

flappingfish:

can i check folks i have version 1.0.4 of this module and im getting issues on google page speed insight indicating an excessive dom size which seems to relate to the items displayed in the carousel with some 1358 elements. I can tell its the carousel or the image just unsure which and if the module perhaps has an updated version that would resolve the issue for me?

If i disable the carousel i have no warning about excessive dom elements and my page speed score increases from 63 to 74 :/ hoping improve load speed to help seo? not sure if thats how it works but it has a terrible score for mobile and the desktop score is 95 or 96 with the carousel disabled?

Uhm... 1.0.4? Are you sure you're using THIS plugin?

A URL would be helpful to get started. However, 1358 elements in the carousel alone really is excessive - perhaps you're just showing too many products in the carousel? the speed impact shouldn't be THAT significant, unless the images are not optimized, but again, really hard to say anything without the URL in question.

22 Jan 2023, 1:15 AM
#40
flappingfish avatar

flappingfish

Zen Follower

Join Date:
Nov 2020
Posts:
318
Plugin Contributions:
3

Re: Home Page Products Carousel [Support Thread]

www.crazygamer.uk
``` apologies for that oversight and this seems to be the only module i can find with the name and the filenames match, maybe it has been tweaked when added to my site? i mean i have easy populate 4 update my computing section every hour to keep the stock accurate (possibly more often tbh) so perhaps its loading all of those in the new column?