How to change the product lists styling in LinkDeli



This guide covers how to use LinkDeli List Styling to perfect your product list's appearance.

LinkDeli provides the following options to customize the styling of your product list:

 

♦ Product list widget style

♦ Thumbnail size

♦ Background color

♦ Image roundness

♦ Product title

♦ Shop links

 

You can set a default theme for all your product lists or change the look of only one list.

 

Let's see first how to apply a general style for all the product lists:

 

1.    Sign in and go to your Settings

2. Click on the "List styling" tab

 

The available style options to customize the product lists will be shown:

Product list widget style

The LinkDeli is displayed products in a grid by default. To change the style from grid to a horizontal scrollable menu, click on the Product list widget style and select the slider widget.

Here is how the Slider Style looks like:

If you want to learn more about the Slider Style, click here.

Thumbnail size

Adjust the size of the thumbnails to perfect fit to your blog's layout. Resize them by selecting small, medium or large display. Save.

null nullnull

Background color

Click on the box underneath the "background color" tab and a coloring board will be shown up. Use the HEX color tool (1) to generate a css code for your selected color (simply type the 6 digit color code in the box), the RGB color model (2) to reproduce a broad array of desired colors or the HSL color model (3). You can also adjust the transparency of your selected color. 

nullnullnull

 

Image roundness
Adjust the images roundness according to your preferences. The images could be squared, without any edges or round.
null
null
null
Product title

Turn the visibility of the product title on or off.

null

null

Shop links

Toggle the visibility of the shop links.

null

null

If the "Shop links" option is turned on, you can edit the "buy now" text as well and type in one that will work better for you.

null

How to change the  style of one only list

1. Go to the Lists page.

2. Search for the list you want to style and click to edit it.

3. Click on the grey brush.
4. Make any changes to the style you want

5. Save.

How to reset list styling

You have two options to reset the style you have applied to your lists:

1. Go to your Settings and reset your lists' styling to defaults for all your product lists.

null

2. Edit a list and remove the applied styling only to this list.

null

 

Watch the video: