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:
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.
Adjust the size of the thumbnails to perfect fit to your blog's layout. Resize them by selecting small, medium or large display. Save.
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.
Turn the visibility of the product title on or off.
Toggle the visibility of the shop links.
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.
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
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.
2. Edit a list and remove the applied styling only to this list.
Watch the video: