Our Blog

Image Slider for Salesforce Commerce Cloud

Image Slider for Salesforce Commerce Cloud

Image Slider for Salesforce Commerce Cloud

Are you tired of static store images? Want to wow your customers with dynamic, beautiful images? Create gorgeous image sliders that stop and grab attention.

Our Image Slider for Salesforce Commerce Cloud creates amazing image sliders that will upgrade your SFRA store and drive engagement.

Upgrade your SFRA store today with our Image Slider tool!

Features of Image Slider for Salesforce Commerce Cloud:

  • Quick Setup: Add the image slider to your SFRA store in no time.
  • Customizable Size: Set the image size to fit your store layout.
  • Add Multiple Images: Add multiple images to show in the slider.
  • Responsive: Looks great on all devices, desktop to mobile.
  • Smooth Transitions: Seamless transitions between slides.
  • Autoplay with custom intervals: Auto cycle through images.
  • Image Caching: Caching images to improve load times and reduce server load.
  • Pagination: Easy navigation through multiple slides.
  • Centralized Image Management: Upload and manage images within your catalogue.
  • Flexible Placement: Place the slider anywhere on your homepage template.

Note: Keep your customers engaged with your storefront by giving them real-time weather information. Learn more about our innovative product, Multi Weather for Salesforce Commerce Cloud.

 

Pre-requisites

Node version 12. x.x is required to install the application successfully.

Installation Process of Image Slider

  1. Deploy Cartridge to Salesforce Commerce Cloud
  2. Site Import for Meta Data

Deploy Cartridge to Salesforce Commerce Cloud

Go to the root directory of the project.

Run the ./install.sh command to install all the dependencies. 

image slider for salesforce commerce cloud

Enter all the details and upload the cartridge to the instance.

deploy image slider

A successful cartridge message will be shown in the terminal.

image slider for salesforce commerce cloud

Site Import for Meta Data

Click on Administration> Under site section> Click on Manage Sites.

site import in salesforce

Select the wkImageSliderMetaData.zip file and click on the upload button.

image slider zipfile

Select the Image Slider file and click on the import button.

import image slider for salesforce commerce cloud

Add the cartridge to the cartridge path

Go to Administration> Under Sites> Click on Manage Sites.

image slider for salesforce commerce cloud cartridge

Select the preferred site in which you want to upload the cartridge.

image slider cartridge selectsite

In this window, Shift to the settings tab.

image slider cartridge

In this window Add the cartridge ‘app_custom_slider’ in the first place. Click on the apply button to save changes.

image-cartridge-add

Make the Image Slider Visible to the Business Manager

Go to the Administration> Under Organization section> Select Roles and Permissions.

salesforce roles and permissions

Open Administrator.

salesforce administrator

Afterwards, go to the Business Manager Modules.

business manager module

Select your preferred site and click on the apply button.

image slider for salesforce commerce cloud

In this window, check the checkboxes in front of Slider Setup. Scroll down to the bottom and click on the update button to save changes.

image slider for salesforce commerce cloud setup

Finally, you can see the Image Slider is visible in merchant tools.

image slider in business manager

Configure Image Slider for Salesforce Commerce Cloud

After the successful installation, the image slider can be configured. To do so, Go to Merchant Tools> Under Slider Setup> Click on Slider Configuration.

image slider for salesforce commerce cloud configuration

In this new window, set the width of the image container, the number of images shown, and the images to be selected.

image slider configuration

When you click on the select button a new window opens where you can select images from your storefront catalogue and your computer.

image slider configure catalogue

Upload images from your preferred place and click on the image to select them.

image slider

After selecting the image, click on the button to add the selected image.

image selection

Using the same process, add multiple images for your slider and click the save button to save changes. You can check the saved changes on your storefront by clicking on the storefront.

image slider for salesforce commerce cloud

Finally, you can see the images added to the image slider for the Salesforce commerce cloud.

image slider for salesforce commerce cloud

 

Support

Leave a Comment

Comments (0)

Please verify that you are not a robot.

Welcome back

Welcome back! Please enter your details

One or more fields have an error. Please check and try again.

Forgot Password?

Tell us about Your Company

How can we help you with your business?