{"id":1231,"date":"2025-04-20T11:49:30","date_gmt":"2025-04-20T11:49:30","guid":{"rendered":"https:\/\/themepoints.com\/logoshowcase\/docs\/logo-showcase\/manage-shortcode\/slider-settings\/"},"modified":"2025-08-06T11:24:53","modified_gmt":"2025-08-06T11:24:53","slug":"slider-settings","status":"publish","type":"docs","link":"https:\/\/themepoints.com\/logoshowcase\/docs\/logo-showcase\/manage-shortcode\/slider-settings\/","title":{"rendered":"Slider Settings"},"content":{"rendered":"\n

The Slider Settings<\/strong> section in Logo Showcase<\/strong> allows you to control the behavior and appearance of the logo showcase. Below is a detailed explanation of each option available.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

1. Autoplay Settings<\/strong><\/h4>\n\n\n\n
1.1 Autoplay<\/strong><\/h5>\n\n\n\n
    \n
  • Enable or disable the automatic sliding<\/strong> of the logo showcase.<\/li>\n\n\n\n
  • Options:\n
      \n
    • Yes<\/strong> \u2013 The slider will move automatically.<\/li>\n\n\n\n
    • No<\/strong> \u2013 Users must manually navigate logos.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
      1.2 Slide Delay<\/strong><\/h5>\n\n\n\n
        \n
      • Set the duration (in milliseconds)<\/strong> between each slide transition.<\/li>\n\n\n\n
      • Example: 3000ms (3 seconds)<\/strong> for a smooth user experience.<\/li>\n<\/ul>\n\n\n\n
        1.3 Stop Hover<\/strong><\/h5>\n\n\n\n
          \n
        • Pause the slider when the user hovers over logo items.<\/li>\n\n\n\n
        • Options:\n
            \n
          • Yes<\/strong> \u2013 The slider stops when hovered.<\/li>\n\n\n\n
          • No<\/strong> \u2013 The slider continues even on hover.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
            1.4 Autoplay Timeout (Seconds)<\/strong><\/h5>\n\n\n\n
              \n
            • Define the time interval before restarting<\/strong> the slider after the last transition.<\/li>\n<\/ul>\n\n\n\n
              1.5 Center Mode<\/strong><\/h5>\n\n\n\n
                \n
              • Enable or disable slider center mode.<\/li>\n<\/ul>\n\n\n\n
                \n\n\n\n

                2. Number of Items<\/strong><\/h4>\n\n\n\n
                2.1 Items No<\/strong><\/h5>\n\n\n\n
                  \n
                • Set how many logos will be displayed per slide.<\/li>\n<\/ul>\n\n\n\n
                  2.2 Items for Different Devices<\/strong><\/h5>\n\n\n\n
                    \n
                  • Items Desktop<\/strong> \u2013 Number of logos shown on large screens<\/strong> (e.g., 1920px+).<\/li>\n\n\n\n
                  • Items Desktop Small<\/strong> \u2013 Number of logos shown on smaller desktops<\/strong> (e.g., 1366px+).<\/li>\n\n\n\n
                  • Items Mobile<\/strong> \u2013 Number of logos shown on mobile screens<\/strong> (e.g., 480px+).<\/li>\n<\/ul>\n\n\n\n
                    \n\n\n\n

                    3. Loop & Margin<\/strong><\/h4>\n\n\n\n
                    3.1 Loop<\/strong><\/h5>\n\n\n\n
                      \n
                    • Enable or disable infinite looping of the slider.<\/li>\n\n\n\n
                    • Options:\n
                        \n
                      • Yes<\/strong> \u2013 The slider restarts from the first slide after the last one.<\/li>\n\n\n\n
                      • No<\/strong> \u2013 The slider stops at the last logo.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
                        3.2 Margin<\/strong><\/h5>\n\n\n\n
                          \n
                        • Set the spacing between each logo slide.<\/li>\n\n\n\n
                        • Example: 10px margin<\/strong> for better spacing.<\/li>\n<\/ul>\n\n\n\n
                          \n\n\n\n

                          4. Navigation Controls<\/strong><\/h4>\n\n\n\n
                          4.1 Navigation (Arrows)<\/strong><\/h5>\n\n\n\n
                            \n
                          • Enable or disable next\/previous arrows<\/strong> for manual control.<\/li>\n\n\n\n
                          • Options:\n
                              \n
                            • Yes<\/strong> \u2013 Navigation arrows will be shown.<\/li>\n\n\n\n
                            • No<\/strong> \u2013 Navigation arrows will be hidden.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
                              4.2 Navigation Align<\/strong><\/h5>\n\n\n\n
                                \n
                              • Choose where to position the navigation arrows.<\/li>\n\n\n\n
                              • Available options:\n
                                  \n
                                • Top Left<\/strong><\/li>\n\n\n\n
                                • Center<\/strong><\/li>\n\n\n\n
                                • Top Right<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
                                  4.3 Navigation Style<\/strong><\/h5>\n\n\n\n
                                    \n
                                  • Select the style of navigation buttons.<\/li>\n\n\n\n
                                  • Available options:\n
                                      \n
                                    • Default<\/strong> \u2013 Standard navigation design.<\/li>\n\n\n\n
                                    • Round<\/strong> \u2013 Circular navigation buttons.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
                                      4.4 Navigation Color<\/strong><\/h5>\n\n\n\n
                                        \n
                                      • Choose a color for navigation arrows<\/strong>.<\/li>\n<\/ul>\n\n\n\n
                                        4.5 Navigation Background<\/strong><\/h5>\n\n\n\n
                                          \n
                                        • Pick a background color<\/strong> for the navigation buttons.<\/li>\n<\/ul>\n\n\n\n
                                          4.6 Navigation Color (Hover)<\/strong><\/h5>\n\n\n\n
                                            \n
                                          • Set the hover color<\/strong> for the navigation buttons.<\/li>\n<\/ul>\n\n\n\n
                                            4.7 Navigation Background (Hover)<\/strong><\/h5>\n\n\n\n
                                              \n
                                            • Choose the hover background color<\/strong> for the navigation buttons.<\/li>\n<\/ul>\n\n\n\n
                                              \n\n\n\n

                                              5. Pagination (Dots)<\/strong><\/h4>\n\n\n\n
                                              5.1 Pagination<\/strong><\/h5>\n\n\n\n
                                                \n
                                              • Enable or disable pagination dots<\/strong> below the slider.<\/li>\n\n\n\n
                                              • Options:\n
                                                  \n
                                                • Yes<\/strong> \u2013 Dots will be displayed for navigation.<\/li>\n\n\n\n
                                                • No<\/strong> \u2013 Pagination will be hidden.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
                                                  5.2 Pagination Align<\/strong><\/h5>\n\n\n\n
                                                    \n
                                                  • Choose where to position the pagination dots<\/strong>.<\/li>\n\n\n\n
                                                  • Available options:\n
                                                      \n
                                                    • Left<\/strong><\/li>\n\n\n\n
                                                    • Center<\/strong><\/li>\n\n\n\n
                                                    • Right<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
                                                      5.3 Pagination Style<\/strong><\/h5>\n\n\n\n
                                                        \n
                                                      • Select a pagination style.<\/li>\n\n\n\n
                                                      • Available options:\n
                                                          \n
                                                        • Default<\/strong> \u2013 Standard dot style.<\/li>\n\n\n\n
                                                        • Round<\/strong> \u2013 Rounded pagination dots.<\/li>\n\n\n\n
                                                        • Star<\/strong> \u2013 Star pagination dots.<\/li>\n\n\n\n
                                                        • Line<\/strong> \u2013 Line pagination dots.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
                                                          5.4 Pagination Background Color<\/strong><\/h5>\n\n\n\n
                                                            \n
                                                          • Set the background color<\/strong> of pagination dots.<\/li>\n<\/ul>\n\n\n\n
                                                            5.5 Pagination Background (Active)<\/strong><\/h5>\n\n\n\n
                                                              \n
                                                            • Choose a color for the active pagination dot<\/strong>.<\/li>\n<\/ul>\n\n\n\n

                                                               <\/p>\n","protected":false},"featured_media":0,"parent":1222,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-1231","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/themepoints.com\/logoshowcase\/wp-json\/wp\/v2\/docs\/1231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themepoints.com\/logoshowcase\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themepoints.com\/logoshowcase\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/themepoints.com\/logoshowcase\/wp-json\/wp\/v2\/comments?post=1231"}],"version-history":[{"count":3,"href":"https:\/\/themepoints.com\/logoshowcase\/wp-json\/wp\/v2\/docs\/1231\/revisions"}],"predecessor-version":[{"id":1666,"href":"https:\/\/themepoints.com\/logoshowcase\/wp-json\/wp\/v2\/docs\/1231\/revisions\/1666"}],"up":[{"embeddable":true,"href":"https:\/\/themepoints.com\/logoshowcase\/wp-json\/wp\/v2\/docs\/1222"}],"next":[{"title":"Grid Settings","link":"https:\/\/themepoints.com\/logoshowcase\/docs\/logo-showcase\/manage-shortcode\/grid-settings\/","href":"https:\/\/themepoints.com\/logoshowcase\/wp-json\/wp\/v2\/docs\/1698"}],"prev":[{"title":"General Settings","link":"https:\/\/themepoints.com\/logoshowcase\/docs\/logo-showcase\/manage-shortcode\/general-settings\/","href":"https:\/\/themepoints.com\/logoshowcase\/wp-json\/wp\/v2\/docs\/1229"}],"wp:attachment":[{"href":"https:\/\/themepoints.com\/logoshowcase\/wp-json\/wp\/v2\/media?parent=1231"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/themepoints.com\/logoshowcase\/wp-json\/wp\/v2\/doc_tag?post=1231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}