Kreme Theme

How to edit shop page

269 views June 26, 2017 July 13, 2017 bearswp 3

Hello friends,

Today we will learn together how to edit the shop page. Link: http://kreme.mthemes.org/style2/shop/?orderby=rating&filter_color=blue

This page contains 4 sections need to setup: Top sidebar, Category, Filter, Bottom sidebar as below image:

1_ Top Sidebar

Create sidebar: Go Appearance -> Theme options -> Sidebar Settings: Create sidebar with name Shop Top Sidebar if not available. Click Add new button:https://www.screencast.com/t/gWHjOE6lD

Assign sidebar: Go Theme Options -> Shop -> General, Choose shop layout is: “Fullwidth Style 2”, Choose Top Sidebar Select is “Shop Top Sidebarcreate in step above. Then click Save changes button

shop-2

shop-4

Add content for sidebar: Go Appearance -> Widgets. Add widget “mTheme Jumbotron” to sidebar “Shop Top Sidebar“. https://www.screencast.com/t/hdXjqUGz

Enter value for widget mTheme Jumbotron:https://www.screencast.com/t/6Nh01L8Oa34

2_ Category

Go Appearance -> Theme Options -> Shop -> Layout Setting -> Choose categories: Add New a category, or edit, or delete.

shop-7

shop-8

3_ Filters

Create attributes: Go Products -> Attributes,Add the attributes you want to use. Sample: Color, Food Type,…

shop-9

– Add Color attribute:

2017-05-26_2246

– Add items for color attribute:

2017-05-26_2248

2017-05-26_2249

Do the same for other properties.

Create sidebar for each properties: Go Appearance -> Theme options -> Sidebar Settings. Create some sidebars below if not available:

2017-05-26_2252

Nav Filter will show selected properties

Assign sidebar: Go Theme Options -> Shop -> Layout Setting ->Choose attributes for filter.Creating properties that you want to show

2017-05-26_2256

Do the same for other properties.

Assign widget to sidebar:Go Appearance -> Widgets: Add widget WooCommerce layered nav to sidebar Advanced Filter Product Line

2017-05-26_2300

2017-05-26_2301

 

2017-05-26_2302

2017-05-26_2303

Add widget “WooCommerce layered nav filters” to sidebar “Nav Filter”

2017-05-26_2303

4_ Bottom Sidebar

Create sidebar: Go Appearance -> Theme options -> Sidebar Settings: Create sidebar with name Shop Bottom Sidebar if not available. Click Add new button:https://www.screencast.com/t/DLSoL15fvd

Assign sidebar: Go Theme Options -> Shop -> General, Choose shop layout is: Fullwidth Style 2, Choose Bottom Sidebar Select is Shop Bottom Sidebar create in step above. Then click Save changes button.

2017-05-26_2309

Then Go Tab: Layout setting, Choose sidebar for “Nav Filter Sidebar Select”

2017-05-26_2310

Create content for sidebar:

Go Theme Options -> Widgets:

+/ Add widget ” mTheme Call To Action” to sidebar “Shop Bottom Sidebar”

2017-05-26_2314

+/ Add widget “mTheme Compare” to sidebar “Shop Bottom Sidebar”

2017-05-26_2315

Need to help, please contact with us. Email: dvkiem1985@gmail.com

Thank for reading!

 

Was this helpful?