When there is a single Featured Apps group created; the new group appears more than once in StoreFront.

StoreFront 3.0 is designed with Continual Horizontal Scrolling feature. Citrix recommends that you create 3 or more Featured Apps groups to have a seamless experience. The following is a JavaScript customization you can apply if you do not like the Continual Horizontal Scrolling behavior.

Copy and paste the following text into the custom\script.js file within your website, then save the file.
The location of script.js file is: C:\inetpub\wwwroot\citrix\<store name>Web\custom\

For StoreFront 3.0 - 3.5:

 
var oldAppBundleWidget = CTXS.Widgets.ApplicationBundlesWidget,
    oldAppBundleWidgetPrototype = CTXS.Widgets.ApplicationBundlesWidget.prototype;
 
CTXS.Widgets.ApplicationBundlesWidget = function ($applicationBundleContainer, applicationBundles, options) {
    this.options = $.extend({}, {}, options);
    this.$bundleContainer = $applicationBundleContainer;
    this.$carousel = this.$bundleContainer.find('.appBundles');
    this.$carousel.html(CTXS.Views.ApplicationBundlesView.getApplicationBundleMarkup(applicationBundles, CTXS.UI.useSmallTiles()));
    this.applicationBundles = applicationBundles;
    this.$prevButton = this.$bundleContainer.find('.prevBundleOuter');
    this.$nextButton = this.$bundleContainer.find('.nextBundleOuter');
 
    if (CTXS.UI.useSmallTiles()) {
        this._applySmallUIResizing();
    } else {
        this._applyLargeUIResizing();
    }
 
    this._bindToUIEvents();
 
    if (this.applicationBundles.length > 0) {
        this.$carousel.slick('slickSetOption', 'infinite', false, true);
    }
};
 
CTXS.Widgets.ApplicationBundlesWidget.prototype = oldAppBundleWidgetPrototype;
 
CTXS.Widgets.ApplicationBundlesWidget.prototype.show = function() {
    if (this.applicationBundles.length > 0) {
        this.$bundleContainer.show();
        this.$prevButton.toggleClass("hidden", CTXS.UI.useSmallTiles());
        this.$nextButton.toggleClass("hidden", CTXS.UI.useSmallTiles());
        this.$carousel.slick("setPosition");
    }
};