How to configure new products block

25
Eshopbox Wiki for Store Owners How to configure New products block Category: Design

description

This presentation will guide eshopbox site owners in how to configure new products block

Transcript of How to configure new products block

Page 1: How to configure new products block

Eshopbox Wiki for Store Owners

How to configure New products block

Category: Design

Page 2: How to configure new products block

What you will learn here

What is a new products block

How to configure new products block

Welcome to Eshopbox Wiki

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 3: How to configure new products block

1What is a new products block

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 4: How to configure new products block

The new products block allows you to display new or latest products to

users on your store

This block will display your product image, description, price and links to

Add to cart, Add to compare and Add to wish list

What is a new products block

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 5: How to configure new products block

2How to configure new

products block

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 6: How to configure new products block

Step 1:

Log in to your store admin panel with your login id and password

Select the ‘Store Design’ link under the ‘Design’ drop down menu

This will direct you to ‘Store design’ page

How to configure new products block

Store Design link

Design Tab

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 7: How to configure new products block

Step 2:

On your ‘Store Design’ page, select ‘Customize’ button to configure the

new products block

Store Design page

How to configure new products block

Customize button

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 8: How to configure new products block

Step 3:

Now, you can see the design tool bar on the home page of your store

Click on ‘Content’ editor located on the top right of this page

How to configure new products block

Design Tool BarContent Editor

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 9: How to configure new products block

Step 4:

You will see a ‘Content editor’ bar at the bottom of the ‘Customize page’

Click on ‘Manage content’ menu to configure the new products block on

Eshopbox site

How to configure new products block

Manage content menu

Customize pageContent editor

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 10: How to configure new products block

Step 5:

Now a pop up for ‘Content Configuration’ will open

Select the ‘Body’ link at the header of Content Configuration

Body link

Content configuration

How to configure new products block

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 11: How to configure new products block

Step 6:

Now Select ‘New Products’ block and click on the ‘Select & configure’

button

Select & configure

NewProducts Block

How to configure new products block

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 12: How to configure new products block

Step 7:

‘Block title’ of the ‘New Product Configuration’ block can be modified

To configure new products block, select the ‘Custom logic’ under the

‘Order by’ drop down menu

New Product Configuration

How to configure new products block

Custom logic

Block title

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 13: How to configure new products block

Step 8:

Select the number of products you want to display under the new

products block from the ‘Display count’ drop down menu

How to configure new products block

Display count

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 14: How to configure new products block

Step 9:

To change a product position, drag & drop it to the location you want it

Click on ‘X’ button to remove a product from the block

Click on ‘Add another product’ link to add more products under the new

products block

Remove product

How to configure new products block

Drag & drop the product

Add another product

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 15: How to configure new products block

Step 10:

Now you will get a pop up with the list of all products you have uploaded

on your online Eshopbox site

Select the product category or subcategory from the ‘Products in’ drop

down menu

Product category

How to configure new products block

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 16: How to configure new products block

Step 11:

Select the product brand from the ‘Category of’ drop down menu

How to configure new products block

Product brand

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 17: How to configure new products block

Step 12:

Now you will get the products that are available under the selected

category and brand

Select the checkbox against a product to make it visible under the new

products block

Click on ‘Select & Close’ button to add that product under the new

products block

Select checkbox

How to configure new products block

Status

Select & Close

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 18: How to configure new products block

Step 13:

Now you can see the new added product under the block content on

your ‘New Product Configuration’ window

New Product

How to configure new products block

New Product Configuration

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 19: How to configure new products block

Step 14:

Use scroll bar to scroll down the window and select the view from ‘Grid

view’ and ‘List view’ under the ‘Display in’ drop down menu

Your products will be visible on your store front according to the view

you have selected under the ‘Display in’ drop down menu

Select view

How to configure new products block

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 20: How to configure new products block

Step 15:

Choose the location of new products block from left, main and right body

block under the ‘Location’ drop down menu

New products block will be visible on the location of your home page you

have selected here

How to configure new products block

Choose location

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 21: How to configure new products block

Step 16:

Select the visibility from ‘Visible’ or ‘Hidden’ option under the ‘Visibility’

drop down menu

Select ‘Visible’ if you want this block to be visible on your store front or

select ‘Hidden’ to hide this block

Click on ‘Save’ button to apply the changes

Visibility

Save

How to configure new products block

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 22: How to configure new products block

Step 17:

A ‘Changes saved Successfully’ message will appear at top center of the

page

Now click on ‘Save & Exit’ tab to apply the changes in real time

Click on ‘X’ to undo all the changes you have made to new products block

Save & Exit

Cancel all changes

Changes saved Successfully

How to configure new products block

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 23: How to configure new products block

Step 18:

You have successfully configured the new products block

Now you can view these changes on your store front Store home page

New products block

How to configure new products block

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 24: How to configure new products block

You can configure the new products block any time on your store

according to your requirements

You can locate these new products block anywhere on the homepage like

in left, right or main body block

Good to know

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

Page 25: How to configure new products block

Wiki : A collection of illustrative presentations which will guide you in

a step by step manner to answer your store related queries.

Knowledgebase : A repository of detailed articles that provide you with in depth information about running your store and understanding the process involved.

Forum : An open community for Store owners to share and discuss everything about Eshopbox. Get real and practical solutions to most of your problems.

Blog : A rich source of Tips, Articles and Announcements that keep you

updated about the latest happening and techniques to enhance your art of selling online.

Ask a question : Find simple answers to complex questions through our experts. For any further assistance, mail us at [email protected]

For More Support

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.