lập trình thay đổi hiển thị ưu đãi trong woocommerce:

code dưới đây giúp cho bạn đổi thay cách hiển thị khuyến mãi một cách bắt mắt người xem. Gây ấn tượng và đầy đủ thông tin phổ biến mà khách cần phải biết.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

/*Sale price by devvn - levantoan.com*/
function devvn_price_html($product, $is_variation = false)
ob_start();
if($product->is_on_sale()):
?>
<style>
.devvn_single_price 
background-color: #199bc42e;
border: 1px dashed #199bc4;
padding: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 0 0 10px;
color: #000;
.devvn_single_price span.label 
color: #333;
font-weight: 400;
font-size: 14px;
padding: 0;
margin: 0;
float: left;
width: 82px;
text-align: left;
line-height: 18px;
.devvn_single_price span.devvn_price .amount 
font-size: 14px;
font-weight: 700;
color: #ff3a3a;
.devvn_single_price span.devvn_price del .amount, .devvn_single_price span.devvn_price del 
font-size: 14px;
color: #333;
font-weight: 400;
</style>
<?php
endif;
if($product->is_on_sale() && ($is_variation 
function woocommerce_template_single_price()
global $product;
echo devvn_price_html($product);
add_filter('woocommerce_available_variation','devvn_woocommerce_available_variation', 10, 3);
function devvn_woocommerce_available_variation($args, $thisC, $variation)
$old_price_html = $args['price_html'];
if($old_price_html)
$args['price_html'] = devvn_price_html($variation, true);
return $args;

khách hàng chỉ cần thêm đoạn lập trình sau vào functions.php của theme đang kích hoạt là được. Chú ý là code đã bao gồm css nếu không thích dạng này thì tự thay đổi lại.

Cách tùy chỉnh function.php để đổi thay style hiển thị của woocommerce trong WordPress

Tùy chỉnh function.php trong WordPress khá đơn giản dễ dàng, bạn chỉ việc tìm file function.php của theme đang dùng và thêm lập trình vào đó. Khuyến cáo: tốt nhất nên dùng Child theme để tinh chỉnh. Bạn vào Word press người quản trị -> Giao diện -> Sửa (giao diện) và tìm kiếm file function.php. Tùy WordPress theme sẽ sở hữu các vị trí file function khác nhau. Thêm lập trình tùy chỉnh vào sau thẻ <?php, cần phải để dưới sau cùng của file.

Trước khi tùy biến, xin lưu ý: “backup web hoặc thực hiện demo trên local host, ít nhất cũng đánh dấu file function.php nguyên bản đã nhé. Đừng dại mà ném toẹt code ngay vào web site chính!”

Kết quả: Tận hưởng thành quả thôi!

Xem các bài viết liên quan: https://sieutocviet.page/menu-widget-area/ https://sieutocviet.page/cai-https-cung-really-simple-ssl/ https://sieutocviet.page/ui-ux-la-gi/

3/5 - (2 bình chọn)

Hướng dẫn thay đổi code style hiển thị giảm giá woocommerce