Besides allowing you to change banner images, colors, fonts, etc., for your B2B platform, Uphance offers advanced customization. Let's walk you through how it works.
Understanding How Blocks Work
Blocks are editable components that let you customize the layout and appearance of key components on your B2B platform. For example, there is the Header Block.
Like every other block, the Header Block has default components you can edit or duplicate and then add to your pages. Details in the next section.
Adding a Block to a Page
As we mentioned earlier, you can easily add a block to any page on your B2B platform. You have the option of editing/duplicating the block component before adding to a page.
By way of illustration, let's go over the step for adding the header block to a homepage.
First, we will duplicate the block and edit to our liking, before adding to the homepage. The steps are illustrated below.
Note that this step is completely optional - you can always add a block to a page without duplicating or editing it. Also note that the process for duplicating/editing the Header Block is the same for other blocks.
With the block duplicated, you can now proceed to adding it to a page. To do so, open the page template you wish to add the block to and select the active template (the one grayed out).
Next, added the block to the page - which for this illustration is the header block. Note that if it's a default block (such as a header or footer), chances are it's already on the page. For this example, the header block is already on the homepage so no need to add it again.
After that, open the layer manager and select the block you just added. With the block selected, click the settings icon and select the clock you want from the Layout settings.
Adding and Customizing Product Cards to a Page
The Product Card Block allows you to customize how products are displayed on the product list, season, order, etc. pages.
Like other blocks, the product card block can also be duplicated and edited. To add to a page, first, select the page template. Ideally, you will want to add it to the product list or season page.
If you are adding to the product list page, you might not need to worry about adding a product list card because it already comes with one. But you can always add another if you want, and the steps are demonstrated below:
With the product list card in place, the next thing you will want to do is to tweak the settings. A good place to start is Enabling Filters. Be sure to select the filters you want to have on your page.
Once enabled, you should have something like this on your product list page.
Next, you can change the number of columns on the product list card. It's set to 4 columns by default, but you can alter the number.
After that, the next thing you will want to do is set the layout, variation layout and number of products to show.
The layout templates are derived from the product card blocks we mentioned earlier.
As for Variation Layout, you have two options to pick from: One card per product and One card per variation.
If you select the former, each card will contain a product together with all the variations it has. In the illustration below, the Diana Suede Crossbody bag has three variations, which are all in one card.
However, once the variation layout is set to one card per variation, the 3 variations will be split into three different cards.
You can also set the number of products to show per page and your preferred pagination option.
Another thing you can do on the product list page is select where you want the products to be shown from. You can choose to show all products or products from a specific season, brand, category, etc.
The best part is that you can add additional filtering criteria for showing products. For example, besides showing products from seasons, you can also choose to show from brand, categories, tags, etc.
Note: You can only select one brand, category, and tag when choosing where to show products from.
Displaying Product Addons on Your B2B Platform
Uphance gives you the option of displaying addons to your B2B platform. To do so, first, you need to enable the functionality:
Once enabled, customers will be able to add customizations and addons to their orders.