Web Recommendations styling

Product Recommendations are an important feature of the web personalization capabilities of Releva. We know that every website is unique when it comes to design, so we offer an easy way to build and cutomize recommender templates that fit even the most complex designs.

Here is an example of how you can customize the look and feel of Releva’s product recommendations on your site.

• Go to Releva -> Recources -> Templates

• Select Default Recommender Template(Web)

• Make a copy.

• Use CSS classes .rlv-recommender-container /  .rlv-recomender-image  to style you Recommender

.rlv-recommender-container {
   /*Recoomender container styling */
}

.rlv-recomender-image {
   /*Recoomender image styling */
}

• Changing class attributes for .rlv-recommender-container changes the recommender visually

.rlv-recommender-container {
    padding-top: 35px;
    font-family: cursive;
    background-color: lightblue;
}

.rlv-recomender-image {
    border: 2px solid red;
    border-radius: 5px;
}

• Before:

• After:

• Save and close.