Sidebar

8 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$10
List Price:  $49
You save:  $39
€9.37
List Price:  €45.92
You save:  €36.54
£8
List Price:  £39.22
You save:  £31.22
CA$13.77
List Price:  CA$67.48
You save:  CA$53.71
A$15.42
List Price:  A$75.59
You save:  A$60.17
S$13.64
List Price:  S$66.86
You save:  S$53.21
HK$78.23
List Price:  HK$383.35
You save:  HK$305.12
CHF 9.20
List Price:  CHF 45.11
You save:  CHF 35.90
NOK kr110.99
List Price:  NOK kr543.85
You save:  NOK kr432.86
DKK kr69.89
List Price:  DKK kr342.50
You save:  DKK kr272.60
NZ$16.97
List Price:  NZ$83.18
You save:  NZ$66.20
د.إ36.72
List Price:  د.إ179.97
You save:  د.إ143.24
৳1,104.32
List Price:  ৳5,411.20
You save:  ৳4,306.87
₹834.82
List Price:  ₹4,090.64
You save:  ₹3,255.81
RM47.67
List Price:  RM233.60
You save:  RM185.93
₦13,251.30
List Price:  ₦64,931.37
You save:  ₦51,680.07
₨2,800.39
List Price:  ₨13,721.94
You save:  ₨10,921.54
฿371.50
List Price:  ฿1,820.35
You save:  ฿1,448.85
₺324.52
List Price:  ₺1,590.14
You save:  ₺1,265.62
B$51.95
List Price:  B$254.58
You save:  B$202.63
R186.92
List Price:  R915.93
You save:  R729
Лв18.33
List Price:  Лв89.82
You save:  Лв71.49
₩13,858.63
List Price:  ₩67,907.32
You save:  ₩54,048.68
₪37.34
List Price:  ₪183.01
You save:  ₪145.66
₱578.02
List Price:  ₱2,832.32
You save:  ₱2,254.29
¥1,579.19
List Price:  ¥7,738.03
You save:  ¥6,158.84
MX$171.14
List Price:  MX$838.58
You save:  MX$667.44
QR36.76
List Price:  QR180.14
You save:  QR143.38
P142.89
List Price:  P700.17
You save:  P557.28
KSh1,333.90
List Price:  KSh6,536.12
You save:  KSh5,202.21
E£478.63
List Price:  E£2,345.30
You save:  E£1,866.67
ብር573.45
List Price:  ብር2,809.94
You save:  ብር2,236.48
Kz8,345.40
List Price:  Kz40,892.46
You save:  Kz32,547.06
CLP$9,615.38
List Price:  CLP$47,115.38
You save:  CLP$37,500
CN¥72.41
List Price:  CN¥354.80
You save:  CN¥282.39
RD$588.91
List Price:  RD$2,885.67
You save:  RD$2,296.76
DA1,346.46
List Price:  DA6,597.65
You save:  DA5,251.19
FJ$22.85
List Price:  FJ$111.98
You save:  FJ$89.13
Q78.20
List Price:  Q383.22
You save:  Q305.01
GY$2,106.32
List Price:  GY$10,320.98
You save:  GY$8,214.66
ISK kr1,404.90
List Price:  ISK kr6,884.01
You save:  ISK kr5,479.11
DH101.76
List Price:  DH498.64
You save:  DH396.88
L177.59
List Price:  L870.23
You save:  L692.63
ден578.18
List Price:  ден2,833.08
You save:  ден2,254.90
MOP$80.59
List Price:  MOP$394.91
You save:  MOP$314.32
N$188.02
List Price:  N$921.30
You save:  N$733.28
C$370.39
List Price:  C$1,814.91
You save:  C$1,444.52
रु1,335.89
List Price:  रु6,545.89
You save:  रु5,210
S/37.67
List Price:  S/184.62
You save:  S/146.94
K38.85
List Price:  K190.40
You save:  K151.54
SAR37.50
List Price:  SAR183.77
You save:  SAR146.26
ZK269.48
List Price:  ZK1,320.47
You save:  ZK1,050.98
L46.63
List Price:  L228.50
You save:  L181.87
Kč235.77
List Price:  Kč1,155.30
You save:  Kč919.53
Ft3,661.84
List Price:  Ft17,943.01
You save:  Ft14,281.17
SEK kr110.11
List Price:  SEK kr539.57
You save:  SEK kr429.45
ARS$8,815.27
List Price:  ARS$43,194.85
You save:  ARS$34,379.57
Bs69.56
List Price:  Bs340.85
You save:  Bs271.29
COP$38,787.14
List Price:  COP$190,057.01
You save:  COP$151,269.87
₡5,117.80
List Price:  ₡25,077.26
You save:  ₡19,959.45
L248.65
List Price:  L1,218.39
You save:  L969.74
₲75,194.33
List Price:  ₲368,452.23
You save:  ₲293,257.89
$U385.75
List Price:  $U1,890.21
You save:  $U1,504.45
zł40.69
List Price:  zł199.39
You save:  zł158.70
Already have an account? Log In

Transcript

All right. Welcome back, guys. Now let me close this here. In our category pages, let's build the sidebar. All right. To do that, go to dashboard, go to Appearance then widgets.

Here as you can see, we have the WooCommerce sidebar. No thanks. Yeah, we have the WooCommerce sidebar, so let's just put some stuff in it. So what can we put? We can put the categories. Okay, definitely.

All right. Oh, no, no, no, no, no, no. We cannot put the arteries we should put the product categories. Okay, so yeah, we can put filter products by attribute. Add and filter title filter by color. All right.

Attribute color display type. Okay, see you. Again filter. Filter products by attribute, add it again. Understand we'll choose size. And here sighs All right, and save.

Done and done. Let's see what else filter products by price. Yes, our widget done. Let's see product categories Yes, Add Widget and hide empty categories All right, and product categories order by name and save. Okay, let's rearrange these product categories. Then the color the size, actually let's put size up and color then the price and after that we can put the recently viewed products.

So, recently viewed products, Add Widget. Okay, and done. Let's go back here and refresh. All right, as you can see, we have the product categories filter by price and the recently viewed products. But we don't have what we don't have, we don't have the size and the color. That is because we don't have the attributes added to these products.

And we need to actually add those attributes first in order to get them here. Okay, now to add attributes we need to do, what we need to do is go to products attributes, and here as you can see, we have two attributes already. We created these earlier on in one of the videos. Now what we need to do is configure terms and here we need to add all the colors of the T shirt that we have on our website. Okay, so I think we have red, white, green and black Red. Yeah.

So let's add all these. We have white and yellow already. Let's add green, black and white. Yeah, I think that will be all. Okay, so yeah. Now let's go back to attributes and configure towns for the size.

We have small and large already created. Let's create the medium size. Okay, and let's bring the small size up medium, large and extra large. Alright, let's see what the sizes that we have. We have small, medium, large, extra large and to extra large Okay, then to extra large and add new size All right, now let me bring the extra large town and to extra large town. Okay.

Now what we need to do is go into the all products. Okay, Open it, open one of the products, scroll down and go into attributes. Here you'll see that we have one attribute already added. Now this one is from printful. Whenever printful pushes products, it adds an attribute that we insert that Alright, so if you have also included color, you will see another attribute which is color. Now, when you click here, custom product, attribute color and size.

These two attributes are the ones that we created just now. All right. Please pay attention here. These two attributes are the ones that we created. Just now and the ones present here are from printful. Alright, be extremely mindful of this, because we need to show these variations on the product page.

All right. So, we used for variations, when we click on it will show up here. Now, let me add size add. And this T shirt is available in all the sizes. So just select select all and visible on the product page. No, we don't want it visible.

All right, now, add the color and add. From here, select the color or we didn't add red. All right. Let me just add the red attribute. All right, let's close this and save attributes. Okay, refresh.

Now, let's say The red color attributes and color add not visible on the product page and read or write and save attributes. Now when I go back here as you can see we have the sizes available and the color All right. Now, the thing is we need to do this for all the products. Okay, let me show it to you again for this T shirt. Here scroll down and variation no attributes, attributes and add the color add this is white. So from here select white, remove visible on the product page.

Again go to size and add. Select all not visible on product page save attributes. Once again, let me remind you this size is the one that we created and this one is from printful alright Take special care of this thing because this one is used for variation and this one is just to get the sidebar alright save attributes. Now, the thing is we need to do this for all the products and there is no workaround for this. So, if you have 100 products you will have to go into each one of those and add these attributes manually. And I mean there is no other way.

So, yeah, I will go into Fast Forward mode now and do this. Meanwhile, you also do that, okay, so, yeah. Alright guys, I'm done adding all the attributes. Let's Visit our website and men. Here as you can see I have six t shirt MB sizes, two t shirts and red color. Right and three t shirts and white color one t shirt and green color.

Okay, so yeah, now we are done creating our website. We are almost done. Actually we are done. There is nothing else that is left. In the next video. Let's test our website.

So I will see you there. Bye

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.