Mục lục
Dự án VitaClinic được xây dựng trên nền tảng WordPress, sử dụng theme Flatsome và lấy ý tưởng từ mẫu Website Dr.Patterson được tìm thấy trên Themeforest
Nguồn: https://patterson.themerex.net
Demo: https://vitaclinic.forestjump.com.vn
Trang chủ
ACF JSON
[
{
"key": "group_661cce9f208c6",
"title": "Trang chủ",
"fields": [
{
"key": "field_661ccea06f1a8",
"label": "Slider",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_661cceb86f1a9",
"label": "Desktop Slider",
"name": "desktop_slider",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "row",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Row",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_661ccec26f1aa",
"label": "Hình ảnh",
"name": "hinhanh_slider",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium",
"parent_repeater": "field_661cceb86f1a9"
},
{
"key": "field_661ccedf6f1ab",
"label": "Tiêu đề lớn",
"name": "tieudelon",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661cceb86f1a9"
},
{
"key": "field_661ccee96f1ac",
"label": "Tiêu đề nhỏ",
"name": "tieudenho",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661cceb86f1a9"
},
{
"key": "field_661ccef16f1ad",
"label": "Nội dung",
"name": "noidung",
"aria-label": "",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"rows": "",
"placeholder": "",
"new_lines": "",
"parent_repeater": "field_661cceb86f1a9"
}
]
},
{
"key": "field_661ccf0b6c55c",
"label": "Mobile Slider",
"name": "mobile_slider",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "row",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Row",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_661ccf0b6c55d",
"label": "Hình ảnh",
"name": "hinhanh_slider",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium",
"parent_repeater": "field_661ccf0b6c55c"
},
{
"key": "field_661ccf0b6c55e",
"label": "Tiêu đề lớn",
"name": "tieudelon",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661ccf0b6c55c"
},
{
"key": "field_661ccf0b6c55f",
"label": "Tiêu đề nhỏ",
"name": "tieudenho",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661ccf0b6c55c"
},
{
"key": "field_661ccf0b6c560",
"label": "Nội dung",
"name": "noidung",
"aria-label": "",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"rows": "",
"placeholder": "",
"new_lines": "",
"parent_repeater": "field_661ccf0b6c55c"
}
]
},
{
"key": "field_661ccf3bb5eef",
"label": "Dịch vụ",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_661ccf4eb5ef0",
"label": "Tất cả dịch vụ",
"name": "tatca_dichvu",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "row",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Row",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_661ccf59b5ef1",
"label": "iCon",
"name": "icon",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium",
"parent_repeater": "field_661ccf4eb5ef0"
},
{
"key": "field_661ccf62b5ef2",
"label": "Tiêu đề",
"name": "tieude",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661ccf4eb5ef0"
},
{
"key": "field_661ccf6eb5ef3",
"label": "Nội dung",
"name": "noidung",
"aria-label": "",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"rows": "",
"placeholder": "",
"new_lines": "",
"parent_repeater": "field_661ccf4eb5ef0"
},
{
"key": "field_661ccf79b5ef4",
"label": "Link chi tiết",
"name": "link",
"aria-label": "",
"type": "page_link",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"post_type": [
"page"
],
"post_status": "",
"taxonomy": "",
"allow_archives": 1,
"multiple": 0,
"allow_null": 0,
"parent_repeater": "field_661ccf4eb5ef0"
}
]
},
{
"key": "field_661ccfe8a02e5",
"label": "Video",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_661ccff0a02e6",
"label": "Hình ảnh",
"name": "hinhanh_video",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium"
},
{
"key": "field_661cd010a02e7",
"label": "Tiêu đề",
"name": "tieude_video",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661cd018a02e8",
"label": "Nội dung",
"name": "noidung_video",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661cd021a02e9",
"label": "ID Youtube Video",
"name": "id_video",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661cd035a02ea",
"label": "Thống kê",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_661cd069a02eb",
"label": "Tiêu đề lớn",
"name": "tieudelon_thongke",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661cd073a02ec",
"label": "Tiêu đề nhỏ",
"name": "tieudenho_thongke",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661cd080a02ed",
"label": "Nội dung",
"name": "noidung_thongke",
"aria-label": "",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"rows": "",
"placeholder": "",
"new_lines": ""
},
{
"key": "field_661cd08da02ee",
"label": "Các thống kê",
"name": "cac_thongke",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "table",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Row",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_661cd0a6a02ef",
"label": "Số liệu",
"name": "solieu",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661cd08da02ee"
},
{
"key": "field_661cd0bda02f0",
"label": "Nội dung",
"name": "noidung",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661cd08da02ee"
}
]
},
{
"key": "field_661d2c892272c",
"label": "Feedbacks",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_661d2caa2272d",
"label": "Tiêu đề",
"name": "tieude_feedbacks",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661d2ce52272e",
"label": "Tất cả Feedbacks",
"name": "tatca_feedbacks",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "row",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Row",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_661d2cf72272f",
"label": "Họ tên",
"name": "hoten",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661d2ce52272e"
},
{
"key": "field_661d2cff22730",
"label": "Địa chỉ",
"name": "diachi",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661d2ce52272e"
},
{
"key": "field_661d2d0622731",
"label": "Nội dung",
"name": "noidung",
"aria-label": "",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"rows": "",
"placeholder": "",
"new_lines": "",
"parent_repeater": "field_661d2ce52272e"
},
{
"key": "field_661d2d0f22732",
"label": "Hình ảnh",
"name": "hinhanh",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium",
"parent_repeater": "field_661d2ce52272e"
}
]
},
{
"key": "field_661d2d2522733",
"label": "Ảnh nền",
"name": "anhnen_feedbacks",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium"
},
{
"key": "field_661f271e2129d",
"label": "Career & Team",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_661f27562129e",
"label": "Tất cả nội dung",
"name": "career_team",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "row",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Row",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_661f27a32129f",
"label": "iCon",
"name": "icon",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium",
"parent_repeater": "field_661f27562129e"
},
{
"key": "field_661f27b8212a0",
"label": "Tiêu đề",
"name": "tieude",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661f27562129e"
},
{
"key": "field_661f27bf212a1",
"label": "Nội dung",
"name": "noidung",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661f27562129e"
},
{
"key": "field_661f27c6212a2",
"label": "Link",
"name": "link",
"aria-label": "",
"type": "page_link",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"post_type": "",
"post_status": "",
"taxonomy": "",
"allow_archives": 1,
"multiple": 0,
"allow_null": 0,
"parent_repeater": "field_661f27562129e"
}
]
},
{
"key": "field_661d2f3422734",
"label": "Dịch vụ y tế",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_661d2f4222735",
"label": "Tiêu đề lớn",
"name": "tieudelon_dvyte",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661d2f5122736",
"label": "Tiêu đề nhỏ",
"name": "tieudenho_dvyte",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661d2f7222737",
"label": "Tất cả dịch vụ",
"name": "dichvu_yte",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "row",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Row",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_661dd88822738",
"label": "sott",
"name": "sott",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661d2f7222737"
},
{
"key": "field_661dd89b22739",
"label": "Tiêu đề",
"name": "tieude",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661d2f7222737"
},
{
"key": "field_661dd8a22273a",
"label": "Nội dung",
"name": "noidung",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661d2f7222737"
},
{
"key": "field_661ddb9f87f69",
"label": "Hình ảnh",
"name": "hinhanh",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium",
"parent_repeater": "field_661d2f7222737"
},
{
"key": "field_661dd8a92273b",
"label": "Link chi tiết",
"name": "link",
"aria-label": "",
"type": "page_link",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"post_type": "",
"post_status": "",
"taxonomy": "",
"allow_archives": 1,
"multiple": 0,
"allow_null": 0,
"parent_repeater": "field_661d2f7222737"
}
]
},
{
"key": "field_661dd9e7f7e89",
"label": "Blog",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_661dd9f1f7e8a",
"label": "Tiêu đề lớn",
"name": "tieudelon_blog",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661dda00f7e8b",
"label": "Tiêu đề nhỏ",
"name": "tieudenho_blog",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661dda14f7e8c",
"label": "Nội dung",
"name": "noidung_blog",
"aria-label": "",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"rows": "",
"placeholder": "",
"new_lines": ""
},
{
"key": "field_661dda25f7e8d",
"label": "Chọn danh mục",
"name": "danhmuc_blog",
"aria-label": "",
"type": "taxonomy",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"taxonomy": "category",
"add_term": 1,
"save_terms": 0,
"load_terms": 0,
"return_format": "id",
"field_type": "select",
"allow_null": 0,
"bidirectional": 0,
"multiple": 0,
"bidirectional_target": []
},
{
"key": "field_661dda8687f5f",
"label": "Ảnh nền",
"name": "anhnen_blog",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium"
},
{
"key": "field_661ddac187f60",
"label": "Bảng giá",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_661ddad087f61",
"label": "Tiêu đề lớn",
"name": "tieudelon_price",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661ddadc87f62",
"label": "Tiêu đề nhỏ",
"name": "tieudenho_price",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661ddaeb87f63",
"label": "Tất cả bảng giá",
"name": "tatca_banggia",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "row",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Row",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_661ddafd87f64",
"label": "Tiêu đề",
"name": "tieude",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661ddaeb87f63"
},
{
"key": "field_661ddb0e87f65",
"label": "Nội dung",
"name": "noidung",
"aria-label": "",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 1,
"delay": 0,
"parent_repeater": "field_661ddaeb87f63"
},
{
"key": "field_661ddb1b87f66",
"label": "Đơn giá",
"name": "dongia",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661ddaeb87f63"
},
{
"key": "field_661ddb2987f67",
"label": "Hình ảnh",
"name": "hinhanh",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium",
"parent_repeater": "field_661ddaeb87f63"
},
{
"key": "field_661ddb8687f68",
"label": "Link chi tiết",
"name": "link",
"aria-label": "",
"type": "page_link",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"post_type": "",
"post_status": "",
"taxonomy": "",
"allow_archives": 1,
"multiple": 0,
"allow_null": 0,
"parent_repeater": "field_661ddaeb87f63"
}
]
},
{
"key": "field_661ddd0cea243",
"label": "Đặt lịch hẹn",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_661ddd18ea244",
"label": "Tiêu đề lớn",
"name": "tieudelon_datlich",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661ddd39ea245",
"label": "Tiêu đề nhỏ",
"name": "tieudenho_datlich",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661ddd52ea246",
"label": "Form đặt lịch",
"name": "form_datlich",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661ddd5dea247",
"label": "Hotline",
"name": "hotline_datlich",
"aria-label": "",
"type": "group",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "block",
"sub_fields": [
{
"key": "field_661ddd70ea248",
"label": "Số điện thoại",
"name": "dienthoai",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661ddd7cea249",
"label": "Nội dung",
"name": "noidung",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
}
]
},
{
"key": "field_661ddd8c07c08",
"label": "Ảnh nền",
"name": "anhnen_datlich",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium"
},
{
"key": "field_661dddaa07c09",
"label": "Đối tác",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_661dd808a015c",
"label": "Tiêu đề lớn",
"name": "tieudelon_doitac",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661dd815a015d",
"label": "Tiêu đề nhỏ",
"name": "tieudenho_doitac",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661dd822a015e",
"label": "Tất cả đối tác",
"name": "tatca_doitac",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "table",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Row",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_661dd831a015f",
"label": "Logo",
"name": "logo",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium",
"parent_repeater": "field_661dd822a015e"
},
{
"key": "field_661dd840a0160",
"label": "Link",
"name": "link",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661dd822a015e"
}
]
},
{
"key": "field_661f27d8e93ff",
"label": "Bản đồ",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_661f27e1e9400",
"label": "Mã nhúng bản đồ",
"name": "manhung_bando",
"aria-label": "",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"rows": "",
"placeholder": "",
"new_lines": ""
}
],
"location": [
[
{
"param": "page_template",
"operator": "==",
"value": "page-home.php"
}
]
],
"menu_order": 0,
"position": "acf_after_title",
"style": "default",
"label_placement": "top",
"instruction_placement": "label",
"hide_on_screen": "",
"active": true,
"description": "",
"show_in_rest": 0
}
]
Code PHP
<?php
/**
* Template name: A - Home
*
* @package Flatsome\Templates
* @flatsome-version 3.18.0
*/
get_header(); ?>
<!--- Slider --->
<?php if(!wp_is_mobile()) : if(have_rows('desktop_slider')) : ?>
<div class="homeslider row row-collapse row-full-width slider slider-nav-simple slider-nav-large slider-nav-light slider-style-normal slider-show-nav" data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : 6000}'>
<?php while(have_rows('desktop_slider')) : the_row(); ?>
<div class="col large-12 small-12">
<div class="box has-hover box-overlay box-text-middle">
<div class="image-box">
<div class="image-cover" style="padding-top: calc(100vh - 90px);">
<?php if(get_sub_field('link_slider')) : ?><a href="<?php the_sub_field('link_slider'); ?>"><?php endif; ?>
<img src="<?php the_sub_field('hinhanh_slider'); ?>">
<?php if(get_sub_field('link_slider')) : ?></a><?php endif; ?>
</div>
</div>
<div class="box-text align-center">
<div class="row row-small <?php if(wp_is_mobile()) : ?>align-center<?php endif; ?>" style="margin: auto">
<div class="col large-6 medium-6 small-10" data-animate="bounceInRight">
<div class="col-inner box-shadow-1 box-shadow-2-hover">
<p class="bigtitle"><?php the_sub_field('tieudelon'); ?></p>
<p class="smalltitle"><?php the_sub_field('tieudenho'); ?></p>
<div class="lightdivider"></div>
<div class="content"><?php the_sub_field('noidung'); ?></div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php endwhile; ?>
</div>
<?php endif; else : if(have_rows('mobile_slider')) : ?>
<div class="homeslider row row-collapse row-full-width slider slider-nav-simple slider-nav-large slider-nav-light slider-style-normal slider-show-nav" data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : 6000}'>
<?php while(have_rows('mobile_slider')) : the_row(); ?>
<div class="col large-12 small-12">
<div class="box has-hover box-overlay box-text-middle">
<div class="image-box">
<div class="image-cover" style="padding-top: calc(100vh - 90px);">
<?php if(get_sub_field('link_slider')) : ?><a href="<?php the_sub_field('link_slider'); ?>"><?php endif; ?>
<img src="<?php the_sub_field('hinhanh_slider'); ?>">
<?php if(get_sub_field('link_slider')) : ?></a><?php endif; ?>
</div>
</div>
<div class="box-text align-center">
<div class="row row-small <?php if(wp_is_mobile()) : ?>align-center<?php endif; ?>" style="margin: auto">
<div class="col large-6 medium-6 small-12" data-animate="bounceInRight">
<div class="col-inner box-shadow-1 box-shadow-2-hover">
<p class="bigtitle"><?php the_sub_field('tieudelon'); ?></p>
<p class="smalltitle"><?php the_sub_field('tieudenho'); ?></p>
<div class="lightdivider"></div>
<div class="content"><?php the_sub_field('noidung'); ?></div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php endwhile; ?>
</div>
<?php endif; endif; ?>
<!--- Slider --->
<!--- Services --->
<?php if(have_rows('tatca_dichvu')) : ?>
<div class="homeservices row row-normal">
<?php while(have_rows('tatca_dichvu')) : the_row(); ?>
<div class="col large-4 medium-12 small-12" data-animate="fadeInUp">
<div class="col-inner box-shadow-2 box-shadow-3-hover text-center align-center">
<img src="<?php the_sub_field('icon'); ?>" alt="<?php the_sub_field('tieude'); ?>">
<p class="title"><?php the_sub_field('tieude'); ?></p>
<div class="lightdivider"></div>
<p class="content"><?php the_sub_field('noidung'); ?></p>
<a href="<?php the_sub_field('link'); ?>" class="button primary">Xem thêm</a>
</div>
</div>
<?php endwhile; ?>
</div>
<?php endif; ?>
<!--- Services --->
<!--- Video --->
<?php if(get_field('id_video')) : ?>
<div class="homevideo bgsection" style="background: url(<?php the_field('hinhanh_video'); ?>)">
<div class="videoinner">
<div class="row row-large">
<div class="col large-6 medium-12 small-12 video">
<div class="video-button-wrapper dark" data-animate="fadeInUp">
<a href="https://www.youtube.com/watch?v=<?php the_field('id_video'); ?>" class="button open-video icon circle is-outline is-xxlarge" rel="nofollow noopener" target="_blank">
<i class="icon-play" style="font-size:1.5em;"></i>
</a>
<div class="videotext">
<p class="title"><?php the_field('tieude_video'); ?></p>
<p class="content"><?php the_field('noidung_video'); ?></p>
</div>
</div>
</div>
<!--- Stats --->
<?php if(have_rows('cac_thongke')) : ?>
<div class="col large-6 medium-12 small-12" data-animate="fadeInUp">
<div class="col-inner box-shadow-2 box-shadow-3-hover">
<h2 class="hometitle"><?php the_field('tieudelon_thongke'); ?></h2>
<p class="homesubtitle"><?php the_field('tieudenho_thongke'); ?></p>
<div class="lightdivider"></div>
<div class="content"><?php the_field('noidung_thongke'); ?></div>
<div class="row row-small homestats">
<?php while(have_rows('cac_thongke')) : the_row(); ?>
<div class="col large-4 medium-4 small-4 text-center">
<p class="number"><?php the_sub_field('solieu'); ?></p>
<p class="subtitle"><?php the_sub_field('noidung'); ?></p>
</div>
<?php endwhile; ?>
</div>
</div>
</div>
<?php endif; ?>
<!--- Stats --->
</div>
</div>
</div>
<?php endif; ?>
<!--- Video --->
<!--- Feedbacks --->
<?php if(have_rows('tatca_feedbacks')) : ?>
<div class="row row-large align-middle">
<div class="col large-6 medium-12 small-12" >
<div class="col-inner homefeedbacks" style="background: url(<?php the_field('anhnen_feedbacks'); ?>">
<div class="inner dark">
<h2 class="hometitle"><?php the_field('tieude_feedbacks'); ?></h2>
<div class="lightdivider"></div>
<div class="row row-small row-full-width slider slider-nav-simple slider-nav-large slider-nav-light slider-style-normal slider-show-nav" data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : false}'>
<?php while(have_rows('tatca_feedbacks')) : the_row(); ?>
<div class="col large-12 small-12 text-center align-center">
<div class="box has-hover">
<div class="box-image">
<div class="image-cover" style="padding-top: 100%">
<img src="<?php the_sub_field('hinhanh'); ?>" alt="<?php the_sub_field('hoten'); ?>">
</div>
</div>
</div>
<p class="human"><strong><?php the_sub_field('hoten'); ?></strong>, <?php the_sub_field('diachi'); ?></p>
<p class="feedback"><?php the_sub_field('noidung'); ?></p>
</div>
<?php endwhile; ?>
</div>
</div>
</div>
</div>
<!-- Career & Team -->
<?php if(have_rows('career_team')) : ?>
<div class="col large-6 medium-12 small-12" >
<div class="row row-normal align-equal">
<?php while(have_rows('career_team')) : the_row() ;?>
<div class="col large-6 medium-6 small-12" data-animate="fadeInUp">
<div class="col-inner text-center align-center box-shadow-2 box-shadow-3-hover careerteam">
<img src="<?php the_sub_field('icon'); ?>" alt="<?php the_sub_field('tieude'); ?>">
<p class="title"><?php the_sub_field('tieude'); ?></p>
<div class="lightdivider"></div>
<p class="content"><?php the_sub_field('noidung'); ?></p>
<?php if(get_sub_field('link')) : ?>
<a href="<?php the_sub_field('link'); ?>" class="button primary is-link">Xem thêm<i class="icon-angle-right" aria-hidden="true"></i></a>
<?php endif; ?>
</div>
</div>
<?php endwhile; ?>
</div>
</div>
<?php endif; ?>
<!-- Career & Team -->
</div>
<?php endif; ?>
<!--- Feedbacks --->
<!--- Medical Services --->
<?php if(have_rows('dichvu_yte')) : ?>
<div class="homemedicalservices align-center">
<div class="text-center">
<h2 class="hometitle"><?php the_field('tieudelo_dvyte'); ?></h2>
<p class="homesubtitle"><?php the_field('tieudenho_dvyte'); ?></p>
<div class="lightdivider"></div>
</div>
<div class="row row-normal slider slider-nav-simple slider-nav-large slider-nav-dark slider-nav-outside slider-style-normal slider-show-nav" data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : false}'>
<?php while(have_rows('dichvu_yte')) : the_row(); ?>
<div class="col large-4 medium-5 small-10 text-center">
<div class="col-inner box-shadow-2 box-shadow-3-hover">
<div class="box has-hover box-overlay box-text-bottom">
<div class="box-image">
<div class="image-cover" style="padding-top: 56.25%">
<img src="<?php the_sub_field('hinhanh'); ?>" alt="<?php the_sub_field('tieude'); ?>">
<div class="overlay"></div>
</div>
</div>
<div class="box-text dark">
<span class="number"><?php the_sub_field('sott'); ?></span>
</div>
</div>
<div class="inner align-center text-center">
<h3 class="title"><?php the_sub_field('tieude'); ?></h3>
<div class="lightdivider"></div>
<p class="content"><?php the_sub_field('noidung'); ?></p>
<?php if(get_sub_field('link')) : ?>
<a href="<?php the_sub_field('link'); ?>" class="button primary">Chi tiết <i class="icon-angle-right" aria-hidden="true"></i></a>
<?php endif; ?>
</div>
</div>
</div>
<?php endwhile; ?>
</div>
</div>
<?php endif; ?>
<!--- Medical Services --->
<!--- Blog --->
<?php if(get_field('danhmuc_blog')) : $idblog = get_field('danhmuc_blog'); $category_link = get_category_link( $idblog ); ?>
<div class="homeblog bgsection" style="background: url(<?php the_field('anhnen_blog'); ?>)">
<div class="bloginner">
<div class="row row-normal align-middle">
<div class="col large-5 medium-12 small-12">
<div class="col-inner bloginfo">
<h2 class="hometitle"><?php the_field('tieudelon_blog'); ?></h2>
<p class="homesubtitle"><?php the_field('tieudenho_blog'); ?></p>
<div class="lightdivider"></div>
<div class="content"><?php the_field('noidung_blog'); ?></div>
<a href="<?php echo esc_url( $category_link ); ?>" class="button primary">Xem tất cả <i class="icon-angle-right" aria-hidden="true"></i></a>
</div>
</div>
<div class="col large-7 medium-12 small-12">
<?php
$lastposts = get_posts( array(
'posts_per_page' => 3,
'category' => $idblog,
) );
if ( $lastposts ) {
foreach ( $lastposts as $post ) :
setup_postdata( $post ); ?>
<?php if(!wp_is_mobile()) : ?>
<div class="col-inner postitem desknewsitem" data-animate="fadeInUp">
<div class="datepost">
<span class="day"><?php echo get_the_date('d') ?></span>
<span class="month"><?php echo get_the_date('F') ?></span>
</div>
<div class="posttitle">
<a href="<?php the_permalink() ?>" class="relatedtitlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
</div>
<div class="postbutton"><a href="<?php the_permalink() ?>" class="" title="<?php the_title_attribute(); ?>">Xem thêm</a></div>
</div>
<?php else : ?>
<div class="col-inner postitem mobilenewsitem" data-animate="fadeInUp">
<div class="datepost">
<span class="day"><?php echo get_the_date('d') ?></span>
<span class="month"><?php echo get_the_date('F') ?></span>
</div>
<div class="posttitle">
<a href="<?php the_permalink() ?>" class="relatedtitlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
</div>
<div class="postbutton"><a href="<?php the_permalink() ?>" class="" title="<?php the_title_attribute(); ?>">Xem thêm</a></div>
</div>
<?php endif; ?>
<?php
endforeach;
wp_reset_postdata();
}
?>
</div>
</div>
</div>
</div>
<?php endif; ?>
<!--- Blog --->
<!--- Price Table --->
<?php if(have_rows('tatca_banggia')) : ?>
<div class="homemedicalservices homepricingtable align-center">
<div class="text-center">
<h2 class="hometitle"><?php the_field('tieudelon_price'); ?></h2>
<p class="homesubtitle"><?php the_field('tieudenho_price'); ?></p>
<div class="lightdivider"></div>
</div>
<div class="row row-normal slider slider-nav-simple slider-nav-large slider-nav-dark slider-nav-outside slider-style-normal slider-show-nav" data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : false}'>
<?php while(have_rows('tatca_banggia')) : the_row(); ?>
<div class="col large-4 medium-5 small-10 text-center">
<div class="col-inner box-shadow-2 box-shadow-3-hover">
<div class="box has-hover box-overlay box-text-bottom">
<div class="box-image">
<div class="image-cover" style="padding-top: 56.25%">
<img src="<?php the_sub_field('hinhanh'); ?>" alt="<?php the_sub_field('tieude'); ?>">
<div class="overlay"></div>
</div>
</div>
<div class="box-text dark">
<span class="number"><?php the_sub_field('dongia'); ?></span>
</div>
</div>
<div class="inner align-center text-center">
<h3 class="title"><?php the_sub_field('tieude'); ?></h3>
<div class="lightdivider"></div>
<p class="content"><?php the_sub_field('noidung'); ?></p>
<?php if(get_sub_field('link')) : ?>
<a href="<?php the_sub_field('link'); ?>" class="button primary">Chi tiết <i class="icon-angle-right" aria-hidden="true"></i></a>
<?php endif; ?>
</div>
</div>
</div>
<?php endwhile; ?>
</div>
</div>
<?php endif; ?>
<!--- Price Table --->
<!--- Booking --->
<?php if(get_field('form_datlich')) : ?>
<div class="homebooking bgsection" style="background: url(<?php the_field('anhnen_datlich'); ?>);">
<div class="bookinginner">
<div class="row row-large align-middle">
<div class="col large-5 medium-5 small-12">
<?php if(have_rows('hotline_datlich')) : while(have_rows('hotline_datlich')) : the_row(); ?>
<div class="col-inner dark">
<a href="<?php the_sub_field('dienthoai'); ?>">
<div class="homephone">
<i class="fa fa-phone"></i>
<div class="phone">
<span class="phonenumber"><?php the_sub_field('dienthoai'); ?></span>
<span class="content"><?php the_sub_field('noidung'); ?></span>
</div>
</div>
</a>
</div>
<?php endwhile; endif; ?>
</div>
<div class="col large-7 medium-7 small-12">
<div class="col-inner inner">
<h2 class="hometitle"><?php the_field('tieudelon_datlich'); ?></h2>
<p class="homesubtitle"><?php the_field('tieudenho_datlich'); ?></p>
<div class="lightdivider"></div>
<?php echo do_shortcode(get_field('form_datlich')); ?>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
<!--- Booking --->
<!--- Partners --->
<?php if(have_rows('tatca_doitac')) : ?>
<div class="homepartners">
<div class="text-center align-center">
<h2 class="hometitle"><?php the_field('tieudelon_doitac'); ?></h2>
<p class="homesubtitle"><?php the_field('tieudenho_doitac'); ?></p>
<div class="lightdivider"></div>
</div>
<div class="row row-small slider slider-nav-simple slider-nav-large slider-nav-dark slider-style-normal slider-show-nav large-columns-5 medium-columns-5" data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "<?php if(!wp_is_mobile()) : ?>left<?php else : ?>center<?php endif; ?>","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : false}'>
<?php while(have_rows('tatca_doitac')) : the_row(); ?>
<div class="col small-9">
<div class="box has-hover">
<div class="box-image box-shadow-2 box-shadow-3-hover">
<div class="image-cover" style="padding-top: 50%">
<?php if(get_sub_field('link')) : ?><a href="<?php the_sub_field('link'); ?>"><?php endif; ?>
<img src="<?php the_sub_field('logo'); ?>">
<?php if(get_sub_field('link')) : ?></a><?php endif; ?>
</div>
</div>
</div>
</div>
<?php endwhile; ?>
</div>
</div>
<?php endif; ?>
<!--- Partners --->
<!--- Map --->
<?php if(get_field('manhung_bando')) : ?>
<div class="homemap">
<?php echo do_shortcode(get_field('manhung_bando')); ?>
</div>
<?php endif; ?>
<!--- Map --->
<?php get_footer(); ?>
Form đặt lịch
<div class="bookingform row row-small"> <div class="col large-6 medium-6 small-12">[text* YourName placeholder "Họ và tên (*)"]</div> <div class="col large-6 medium-6 small-12">[tel* YourPhone placeholder "Số điện thoại (*)"]</div> <div class="col large-6 medium-6 small-12">[text YourAdd placeholder "Địa chỉ"]</div> <div class="col large-6 medium-6 small-12">[email YourEmail placeholder "Email"]</div> <div class="col large-12 medium-12 small-12">[textarea YourMess placeholder "Thông tin thêm"][submit "Đặt lịch ngay"]</div> </div>
Code CSS
.hometitle {
font-size: 40px;
margin-bottom: 0;
}
.homesubtitle {
font-size: 24px;
margin-bottom: 10px;
}
/* Slider */
.flickity-page-dots .dot {
background: #61bfbe;
border: none;
opacity: 1;
width: 15px;
height: 6px;
border-radius: 5px;
}
.flickity-page-dots .dot.is-selected {
width: 30px;
background: #fc376d!important;
}
.homeslider .col-inner {
background: #fff;
padding: 35px;
border-radius: 5px;
text-align: justify;
}
.homeslider .bigtitle {
font-size: 50px;
font-weight: bold;
}
.homeslider .smalltitle {
font-size: 20px;
padding-bottom: 20px;
}
/* Services */
.homeservices {
padding-top: 80px;
padding-bottom: 50px;
}
.homeservices .col-inner {
padding: 20px;
border-radius: 5px;
}
.homeservices img {
max-height: 80px;
width: auto;
margin-bottom: 10px;
}
.homeservices .title {
font-size: 24px;
font-weight: bold;
margin-bottom: 15px;
}
.homeservices .button {
font-weight: normal;
border-radius: 3px;
}
/* Video */
.homevideo {
background-size:cover!important;
margin-bottom: 150px;
}
.homevideo .videoinner {
padding: 80px 0 0px 0;
}
.homevideo .video-button-wrapper {
display: flex;
align-items: center;
margin-top: 60px;
margin-bottom: 80px;
}
.homevideo .button {
margin-bottom: 0;
margin-right: 20px;
}
.homevideo .videotext .title {
margin-bottom: 0;
font-size: 26px;
font-weight: bold;
}
.homevideo .videotext .content {
margin-bottom:0;
}
.homevideo .col-inner {
background: #fff;
padding: 30px 30px 1px 30px;
border-radius: 5px;
margin-bottom:-120px;
}
/* Stats */
.homestats {
margin-top: 20px;
}
.homestats .number {
font-size: 40px;
font-weight: bold;
color: #fc376d;
margin-bottom:0;
}
.homestats .subtitle {
font-weight: bold;
}
/* Feedbacks */
.homefeedbacks {
background: cover!important;
border-radius: 5px;
}
.homefeedbacks .lightdivider {
background: #fff;
margin-top: 20px;
margin-bottom: 30px;
}
.homefeedbacks .inner {
padding: 20px;
background: rgb(0,0,0,0.3);
border-radius: 5px;
}
.homefeedbacks .box {
margin: auto;
width: 100px;
border-radius: 50%;
margin-bottom: 10px;
}
.homefeedbacks .box-image {
border-radius: 50%;
}
/* Career & Team */
.careerteam {
background: #fff;
padding: 15px 15px 1px 15px;
border-radius: 3px;
}
.careerteam img {
height: 80px;
width: auto;
margin-bottom: 10px;
}
.careerteam .title {
font-weight: bold;
font-size: 20px;
}
.careerteam .button i {
margin-left: 5px;
margin-top: 3px;
}
/* Medical Services */
.homemedicalservices {
padding-top: 50px;
padding-bottom: 40px;
}
.homemedicalservices .slider {
padding-top: 20px!important;
}
.homemedicalservices .col-inner {
border-radius: 3px;
}
.homemedicalservices .number {
font-size: 100px;
font-weight: bold;
}
.homemedicalservices .box-text {
height: auto;
padding: 0;
bottom: -70px;
transition: .5s;
}
.homemedicalservices .col-inner:hover .box-text {
bottom: 0;
transition: .5s;
}
.homemedicalservices .inner {
position: relative;
background: #fff;
padding: 20px
}
.homemedicalservices .button {
font-weight: normal;
border-radius: 3px;
margin-bottom:0;
}
.homemedicalservices .button i {
padding-left: 5px;
}
/* Blog */
.homeblog .bloginner {
background: rgb(255,255,255,0.4);
padding-top: 70px;
padding-bottom: 40px;
}
.homeblog .bloginfo {
background: #fff;
padding: 30px;
border-radius: 3px;
text-align: justify;
}
.homeblog .bloginfo .content {
padding-bottom: 15px;
}
.homeblog .bloginfo .button {
margin-bottom:0;
border-radius: 3px;
font-weight: normal;
}
.postitem {
background: #f2f2f2;
margin-bottom: 15px;
border-radius: 5px;
padding-right: 10px;
}
.postitem .posttitle a {
color: #000;
font-size: 92%;
}
.postbutton a {
text-transform: none!important;
font-weight: bold!important;
border:1px solid;
padding: 10px;
border-radius: 3px;
}
.desknewsitem {
display: flex;
align-items: center;
}
.desknewsitem .datepost {
background: #61bfbe;
color: #fff;
width: 90px;
display: block;
text-align: center;
height: 100%;
padding: 15px 0;
border-radius: 5px 0 0 5px;
}
.desknewsitem .datepost span {
display: block;
font-size: 85%;
}
.desknewsitem .day {
font-size: 40px!important;
font-weight: bold;
line-height: 1;
}
.desknewsitem .postbutton {
width: 110px;
}
.desknewsitem .posttitle {
width: calc(100% - 200px);
padding:10px;
line-height:1.2;
}
.mobilenewsitem {
padding: 15px;
}
.mobilenewsitem .datepost span {
opacity: 0.8!important;
}
.mobilenewsitem .posttitle a {
font-weight: normal;
line-height: 1.2;
margin-bottom: 15px;
display: block;
font-size: 18px;
}
.mobilenewsitem .postbutton {
padding-bottom: 10px;
}
/* Pricing Tables */
.homepricingtable .number {
font-size: 40px;
}
.homepricingtable .box-text {
bottom:-30px;
}
.homepricingtable ul li {
list-style-type: none;
margin-bottom: 0;
}
/* Booking */
.homebooking .bookinginner {
background: rgb(255,255,255, 0.4);
padding-top: 70px;
padding-bottom: 40px;
}
.homebooking .homephone {
display: flex;
align-items: center;
}
.homephone i {
font-size: 30px;
border:1px solid;
padding: 20px;
border-radius: 50%;
margin-right: 10px;
}
.homephone .phone span {
display: block;
}
.homephone .phone .phonenumber {
font-size: 30px;
font-weight: bold;
margin-bottom:0;
line-height:1;
}
.homebooking .inner {
background: #fff;
padding: 25px;
border-radius: 3px;
}
.homebooking form {
margin-bottom:0;
}
/* Home Form */
.bookingform .col {
padding-bottom:0;
}
.wpcf7-spinner {
display: none;
}
.bookingform .wpcf7-text, .bookingform .wpcf7-textarea {
border:1px solid #61bfbe!important;
box-shadow: none!important;
border-radius: 3px!important;
}
.bookingform .wpcf7-submit {
margin-bottom: 0;
border-radius: 3px!important;
font-weight: normal!important;
}
/* Partners */
.homepartners {
padding-top: 60px;
padding-bottom: 50px;
}
.homepartners .box, .homepartners .box-image {
border-radius: 3px;
}
.homepartners .slider {
padding-top: 10px;
}
.homepartners .flickity-page-dots {
bottom: -5px;
}
Giới thiệu
ACF JSON
[
{
"key": "group_66273a8c27959",
"title": "Giới thiệu",
"fields": [
{
"key": "field_66273a8d7c48e",
"label": "Header",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_66273aa17c48f",
"label": "Desktop Banner",
"name": "desktop_banner",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium"
},
{
"key": "field_66273c6f7c490",
"label": "Mobile Banner",
"name": "mobile_banner",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium"
},
{
"key": "field_66273c867c491",
"label": "Open Letter",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_66273c957c492",
"label": "Hình ảnh (500x500px)",
"name": "hinhanh_thungo",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium"
},
{
"key": "field_66273ca87c493",
"label": "Nội dung",
"name": "noidung_thungo",
"aria-label": "",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 1,
"delay": 0
},
{
"key": "field_66273cb67c494",
"label": "Services",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_66273cce7c495",
"label": "Tất cả dịch vụ",
"name": "tatca_dichvu",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "row",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Row",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_66273cf57c496",
"label": "iCon (100x100px)",
"name": "icon",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium",
"parent_repeater": "field_66273cce7c495"
},
{
"key": "field_66273d067c497",
"label": "Tiêu đề",
"name": "tieude",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_66273cce7c495"
},
{
"key": "field_66273d0c7c498",
"label": "Nội dung",
"name": "noidung",
"aria-label": "",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"rows": "",
"placeholder": "",
"new_lines": "",
"parent_repeater": "field_66273cce7c495"
},
{
"key": "field_66273d157c499",
"label": "Link",
"name": "link",
"aria-label": "",
"type": "page_link",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"post_type": "",
"post_status": "",
"taxonomy": "",
"allow_archives": 1,
"multiple": 0,
"allow_null": 0,
"parent_repeater": "field_66273cce7c495"
}
]
},
{
"key": "field_66273d2ee2bcb",
"label": "Feedbacks",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_66273d37e2bcc",
"label": "Tiêu đề lớn",
"name": "tieudelon_feedbacks",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_66273d4fe2bcd",
"label": "Tiêu đề nhỏ",
"name": "tieudenho_feedbacks",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_66273d61e2bce",
"label": "Tất cả Feedbacks",
"name": "tatca_feedbacks",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "row",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Row",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_66273d71e2bcf",
"label": "Họ tên",
"name": "hoten",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_66273d61e2bce"
},
{
"key": "field_66273d7ce2bd0",
"label": "Địa chỉ",
"name": "diachi",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_66273d61e2bce"
},
{
"key": "field_66273d82e2bd1",
"label": "Nội dung",
"name": "noidung",
"aria-label": "",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"rows": "",
"placeholder": "",
"new_lines": "",
"parent_repeater": "field_66273d61e2bce"
},
{
"key": "field_66273d8ce2bd2",
"label": "Hình ảnh (100x100px)",
"name": "hinhanh",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium",
"parent_repeater": "field_66273d61e2bce"
}
]
},
{
"key": "field_66273d9ce2bd3",
"label": "Ảnh nền",
"name": "anhnen_feedbacks",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium"
},
{
"key": "field_66275950b05ed",
"label": "Team",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_66275968b05ee",
"label": "Tiêu đề lớn",
"name": "tieudelo_team",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_66275973b05ef",
"label": "Tiêu đề nhỏ",
"name": "tieudenho_team",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_66275981b05f0",
"label": "Tất cả đội ngũ",
"name": "tatca_doingu",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "row",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Row",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_66275993b05f1",
"label": "Hình ảnh (500x500px)",
"name": "hinhanh",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium",
"parent_repeater": "field_66275981b05f0"
},
{
"key": "field_662759a5b05f2",
"label": "Họ tên",
"name": "hoten",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_66275981b05f0"
},
{
"key": "field_662759afb05f3",
"label": "Vị trí",
"name": "vitri",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_66275981b05f0"
},
{
"key": "field_662759b6b05f4",
"label": "Thông tin thêm",
"name": "thongtinthem",
"aria-label": "",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 1,
"delay": 0,
"parent_repeater": "field_66275981b05f0"
}
]
}
],
"location": [
[
{
"param": "page_template",
"operator": "==",
"value": "page-about.php"
}
]
],
"menu_order": 0,
"position": "acf_after_title",
"style": "default",
"label_placement": "top",
"instruction_placement": "label",
"hide_on_screen": "",
"active": true,
"description": "",
"show_in_rest": 0
}
]
PHP Code
<?php
/**
* Template name: A - About
*
* @package Flatsome\Templates
* @flatsome-version 3.18.0
*/
get_header(); ?>
<!--- Header Banner --->
<?php if(get_field('desktop_banner')) : ?>
<div class="headerbanner box has-hover box-overlay box-text-middle">
<div class="box-image">
<div class="image-cover" style="padding-top: <?php if(!wp_is_mobile()) : ?>40%<?php else : ?>75%<?php endif; ?>">
<img src="<?php if(wp_is_mobile()) : the_field('mobile_banner'); else : the_field('desktop_banner'); endif; ?>" alt="<?php wp_title(); ?>">
</div>
</div>
<div class="box-text">
<div class="row row-small <?php if(wp_is_mobile()) : ?>align-center<?php endif; ?>">
<div class="col large-6 medium-9 small-10">
<div class="col-inner">
<h1 class="pagetitle">
<?php wp_title(); ?>
</h1>
<div class="lightdivider"></div>
<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
<!--- Header Banner --->
<!--- Services --->
<?php if(have_rows('tatca_dichvu')) : ?>
<div class="homeservices row row-normal">
<?php while(have_rows('tatca_dichvu')) : the_row(); ?>
<div class="col large-4 medium-12 small-12" data-animate="fadeInUp">
<div class="col-inner box-shadow-2 box-shadow-3-hover text-center align-center">
<img src="<?php the_sub_field('icon'); ?>" alt="<?php the_sub_field('tieude'); ?>">
<p class="title"><?php the_sub_field('tieude'); ?></p>
<div class="lightdivider"></div>
<p class="content"><?php the_sub_field('noidung'); ?></p>
<a href="<?php the_sub_field('link'); ?>" class="button primary">Xem thêm</a>
</div>
</div>
<?php endwhile; ?>
</div>
<?php endif; ?>
<!--- Services --->
<!--- Feedbacks --->
<?php if(have_rows('tatca_feedbacks')) : ?>
<div class="aboutfeedbacks sectionbg" style="background: url(<?php the_field('anhnen_feedbacks'); ?>">
<div class="row row-large align-middle">
<div class="col large-6 medium-12 small-12" >
<div class="col-inner homefeedbacks">
<div class="inner align-center text-center" style="background: #fff">
<h2 class="hometitle"><?php the_field('tieudelon_feedbacks'); ?></h2>
<p class="homesubtitle"><?php the_field('tieudenho_feedbacks'); ?></p>
<div class="darkdivider"></div>
<div class="row row-small row-full-width slider slider-nav-simple slider-nav-large slider-nav-light slider-style-normal slider-show-nav" data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : false}'>
<?php while(have_rows('tatca_feedbacks')) : the_row(); ?>
<div class="col large-12 small-12 text-center align-center">
<div class="box has-hover">
<div class="box-image">
<div class="image-cover" style="padding-top: 100%">
<img src="<?php the_sub_field('hinhanh'); ?>" alt="<?php the_sub_field('hoten'); ?>">
</div>
</div>
</div>
<p class="human"><strong><?php the_sub_field('hoten'); ?></strong>, <?php the_sub_field('diachi'); ?></p>
<p class="feedback"><?php the_sub_field('noidung'); ?></p>
</div>
<?php endwhile; ?>
</div>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
<!--- Feedbacks --->
<!--- Team --->
<?php if(have_rows('tatca_doingu')) : ?>
<div class="aboutteam">
<div class="text-center align-center">
<h2 class="hometitle"><?php the_field('tieudelo_team'); ?></h2>
<p class="homesubtitle"><?php the_field('tieudenho_team'); ?></p>
<div class="darkdivider"></div>
</div>
<div class="row row-normal align-equal">
<?php while(have_rows('tatca_doingu')) : the_row(); ?>
<div class="col large-4 medium-6 small-12">
<div class="col-inner box-shadow-2 box-shadow-3-hover">
<div class="box has-hover box-bounce">
<div class="box-image">
<div class="image-cover" style="padding-top: 100%">
<img src="<?php the_sub_field('hinhanh'); ?>" alt="<?php the_sub_field('hoten'); ?>">
</div>
</div>
<div class="box-text text-center">
<h3 class="title"><?php the_sub_field('hoten'); ?></h3>
<p class="subtitle"><?php the_sub_field('vitri'); ?></p>
</div>
</div>
<?php if(get_sub_field('thongtinthem')) : ?>
<div class="humaninfo dark">
<p class="title"><?php the_sub_field('hoten'); ?></p>
<p class="subtitle"><?php the_sub_field('vitri'); ?></p>
<?php the_sub_field('thongtinthem'); ?>
</div>
<?php endif; ?>
</div>
</div>
<?php endwhile; ?>
</div>
</div>
<?php endif; ?>
<!--- Team --->
<?php get_footer(); ?>
CSS Code
.sectionbg {
background-size: cover!important;
}
/* Header Banner */
.headerbanner .col-inner {
background: rgb(255,255,255,0.6);
padding: 50px;
border-radius: 5px;
}
.headerbanner .pagetitle {
font-size: 50px;
margin-bottom: 20px;
}
.headerbanner a {
color: #000;
}
/* Feedbacks */
.aboutfeedbacks {
padding-top: 70px;
padding-bottom: 40px;
}
/* Team */
.aboutteam {
padding-top: 60px;
padding-bottom: 50px;
}
.aboutteam .darkdivider {
margin-bottom: 30px;
}
.aboutteam .col-inner, .aboutteam .box, .aboutteam .box-image {
border-radius: 3px;
}
.humaninfo {
padding: 1px;
background: #fc376d;
position: absolute;
height: 100%;
width: 100%;
bottom: 0;
transition-duration: 1s;
height: 0;
overflow:hidden;
z-index: 1;
border-radius: 3px;
font-size: 0;
}
.aboutteam .col-inner:hover .humaninfo {
height: 100%;
transition-duration: 1s;
font-size: inherit;
padding: 20px;
}
.humaninfo .title {
font-weight: bold;
font-size: 20px;
margin-bottom: 0;
}
.humaninfo .subtitle {
font-style: italic;
}
Blog
PHP Code
File archive-list.php
<div class="row row-small custompostlist align-equal">
<div class="col large-12" style="padding-bottom:0">
<h1 class="postcattitle uppercase">
<?php
if ( is_category() ) :
printf( __( '%s', 'flatsome' ), '<span>' . single_cat_title( '', false ) . '</span>' );
elseif ( is_tag() ) :
printf( __( '%s', 'flatsome' ), '<span>' . single_tag_title( '', false ) . '</span>' );
elseif ( is_search() ) :
printf( __( '%s', 'flatsome' ), '<span>' . get_search_query() . '</span>' );
elseif ( is_author() ) :
/* Queue the first post, that way we know
* what author we're dealing with (if that is the case).
*/
the_post();
printf( __( 'Author Archives: %s', 'flatsome' ), '<span class="vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '" title="' . esc_attr( get_the_author() ) . '" rel="me">' . get_the_author() . '</a></span>' );
/* Since we called the_post() above, we need to
* rewind the loop back to the beginning that way
* we can run the loop properly, in full.
*/
rewind_posts();
elseif ( is_day() ) :
printf( __( 'Daily Archives: %s', 'flatsome' ), '<span>' . get_the_date() . '</span>' );
elseif ( is_month() ) :
printf( __( 'Monthly Archives: %s', 'flatsome' ), '<span>' . get_the_date( 'F Y' ) . '</span>' );
elseif ( is_year() ) :
printf( __( 'Yearly Archives: %s', 'flatsome' ), '<span>' . get_the_date( 'Y' ) . '</span>' );
elseif ( is_tax( 'post_format', 'post-format-aside' ) ) :
_e( 'Asides', 'flatsome' );
elseif ( is_tax( 'post_format', 'post-format-image' ) ) :
_e( 'Images', 'flatsome');
elseif ( is_tax( 'post_format', 'post-format-video' ) ) :
_e( 'Videos', 'flatsome' );
elseif ( is_tax( 'post_format', 'post-format-quote' ) ) :
_e( 'Quotes', 'flatsome' );
elseif ( is_tax( 'post_format', 'post-format-link' ) ) :
_e( 'Links', 'flatsome' );
else :
_e( '', 'flatsome' );
endif;
?>
</h1>
<?php
if ( is_category() ) :
// show an optional category description
$category_description = category_description();
if ( ! empty( $category_description ) ) :
echo apply_filters( 'category_archive_meta', '<div class="taxonomy-description">' . $category_description . '</div>' );
endif;
elseif ( is_tag() ) :
// show an optional tag description
$tag_description = tag_description();
if ( ! empty( $tag_description ) ) :
echo apply_filters( 'tag_archive_meta', '<div class="taxonomy-description">' . $tag_description . '</div>' );
endif;
endif;
?>
</div>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="col large-6 small-12 postslist">
<div class="col-inner box-shadow-2 box-shadow-3-hover">
<div class="box has-hover shine box-default box-text-bottom">
<div class="row row-collapse">
<div class="col large-5 small-12">
<div class="box-image">
<div class="image-zoom image-cover" style="padding-top: 100%">
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
<?php the_post_thumbnail(); ?>
</a>
<div class="overlay" style="background-color:rgba(0, 0, 0, 0)"></div>
</div>
</div>
</div>
<div class="col large-7 small-12">
<div class="box-text text-left" style="background-color:rgba(255, 255, 255, 0);">
<div class="box-text-inner">
<h2 style="margin-bottom:5px"><a href="<?php the_permalink() ?>" class="relatedtitlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2><p class="postdate"><i class="fa fa-calendar"></i><?php echo get_the_date() ?></p>
<div class="homeexpert"><?php the_excerpt(); ?></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php endwhile; ?>
<div class="col large-12 text-center">
<div class="navigation">
<?php if (function_exists('wiki_wp_corenavi')) wiki_wp_corenavi(); ?>
</div>
<?php else : ?>
<div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<h1>Not Found</h1>
</div>
<?php endif; ?>
</div>
</div>
File content-single.php
<div class="row row-collapse">
<div class="col large-12 small-12">
<div class="box has-hover box-overlay box-text-middle">
<div class="box-image">
<div class="image-cover" style="padding-top: <?php if(!wp_is_mobile()) : ?>45%<?php else : ?>75%<?php endif; ?>">
<?php the_post_thumbnail('full'); ?>
</div>
</div>
</div>
</div>
<div class="col large-8 small-8">
<div class="col-inner greyblock">
</div>
</div>
<div class="col large-5 small-10">
<div class="col-inner customtitle <?php if(!wp_is_mobile()) : ?>desktitle<?php endif; ?>">
<div class="inner">
<?php echo get_the_category_list( __( ', ', 'flatsome' ) ); ?>
<?php
if ( is_single() ) {
echo '<h1 class="entry-title">' . get_the_title() . '</h1>';
} else {
echo '<h2 class="entry-title"><a href="' . get_the_permalink() . '" rel="bookmark" class="plain">' . get_the_title() . '</a></h2>';
}
?>
</div>
</div>
</div>
<div class="col large-12 small-12">
<div class="row row-normal singlecontent">
<div class="col large-12 medium-12 small-12">
<div class="col-inner singlepostinner box-shadow-1">
<?php the_content(); //comments_template();?>
</div>
</div>
<div class="col large-12 small-12">
<?php if(is_single()) : ?>
<div class="row row-small relatedposts align-equal">
<div class="col large-12" style="padding-bottom:0;">
<div class="col-inner">
<div class="title" style="font-size: 26px!important; text-transform: uppercase!important; padding-bottom: 10px">Bài viết liên quan</div>
</div>
</div>
</div>
<div class="custompostlist align-equal relatedslider equalize-box align-equal row row-small row-slider slider slider-nav-simple slider-nav-large slider-nav-dark slider-style-normal slider-show-nav" data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : false}'>
<?php
/*
* Code hiển thị bài viết liên quan trong cùng 1 category
*/
$categories = get_the_category(get_the_ID());
if ($categories){
$category_ids = array();
foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
$args=array(
'category__in' => $category_ids,
'post__not_in' => array(get_the_ID()),
'posts_per_page' => 8, // So bai viet dc hien thi
);
$my_query = new wp_query($args);
if( $my_query->have_posts() ):
while ($my_query->have_posts()):$my_query->the_post();
?>
<div class="col large-4 medium-6 small-10 postslider">
<div class="col-inner box-shadow-1 box-shadow-2-hover">
<div class="box has-hover box-text-middle shining">
<div class="box-image">
<div class="image-zoom image-cover" style="padding-top: 75%;">
<a href="<?php the_permalink(); ?>" title="">
<?php the_post_thumbnail(); ?>
</a>
<div class="overlay" style="background-color:rgb(0,0,0,0)"></div>
</div>
</div>
<div class="box-text text-left box-text-products" style="padding: 15px!important;">
<div class="box-text-inner">
<p class="title"><a href="<?php the_permalink() ?>" class="titlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></p>
<p class="postdate"><i class="fa fa-calendar"></i><?php echo get_the_date() ?></p>
</div>
</div>
</div>
</div>
</div>
<?php
endwhile;
endif; wp_reset_query();
}
?>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
File layout.php
<?php
/**
* Posts layout.
*
* @package Flatsome\Templates
* @flatsome-version 3.16.0
*/
do_action('flatsome_before_blog');
?>
<div class="custombread">
<div class="breadinner">
<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>
</div>
</div>
<?php if(!is_single() && get_theme_mod('blog_featured', '') == 'top'){ get_template_part('template-parts/posts/featured-posts'); } ?>
<div class="row align-center row-normal">
<div class="large-12 col">
<?php if(!is_single() && get_theme_mod('blog_featured', '') == 'content'){ get_template_part('template-parts/posts/featured-posts'); } ?>
<?php
if(is_single()){
get_template_part( 'template-parts/posts/single');
//comments_template();
} elseif(get_theme_mod('blog_style_archive', '') && (is_archive() || is_search())){
get_template_part( 'template-parts/posts/archive', get_theme_mod('blog_style_archive', '') );
} else{
get_template_part( 'template-parts/posts/archive', get_theme_mod('blog_style', 'normal') );
}
?>
</div>
</div>
<?php do_action('flatsome_after_blog');
CSS Code
/* Blog Archives */
.postslist .col-inner {
background: #fff;
}
.postslist .box-text {
padding: 5px 15px 15px 15px;
}
.postslist h2 a {
font-size: 18px;
height: 50px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
color: #000;
}
.postslist .homeexpert {
height: 75px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.postslist .postdate, .postslider .postdate {
font-style: italic;
opacity: 0.6;
}
.postslist i, .postslider i {
color: #fc376d;
padding-right: 5px;
}
/* Pagination */
.page-numbers {
border:1px solid;
padding: 5px;
min-width: 35px;
display: inline-block;
border-radius: 3px;
}
/* Single Content */
.greyblock {
background: #E5EAEF;
height: 200px;
margin-top: -80px;
}
.customtitle {
font-weight: normal;
margin-top: -250px;
background: #fff;
padding: 30px;
border-radius: 0 10px 10px 0;
min-height: 180px;
display: flex;
align-content: center;
align-items: center;
font-size: 20px;
}
.customtitle h1 {
font-weight: normal;
margin-bottom: 0;
font-family: 'Quicksand', sans-serif;
}
.customtitle span {
color: #5b764d;
font-family: 'Quicksand', sans-serif;
}
.desktitle {
margin-left: 100px!important;
border-radius: 10px;
margin-top: -280px;
}
.singlecontent {
margin-top: 30px;
}
.singlepostinner {
background: #fff;
padding: 20px;
}
/* Related Post */
.postslider .title a {
font-size: 16px;
color: #000;
font-weight: bold;
height: 45px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.page-wrapper {
padding-top:0;
padding-bottom:0;
}
/* Breadcrumbs */
.custombread {
background: #f9f9f9;
padding: 15px;
margin-bottom: 30px;
}
.breadinner p {
margin-bottom:0;
margin: auto;
max-width: 1230px;
}
Liên hệ
ACF JSON
[
{
"key": "group_66277d73ee6fd",
"title": "Liên hệ",
"fields": [
{
"key": "field_662773adc678d",
"label": "Header",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_662773bfc678e",
"label": "Desktop Banner",
"name": "desktop_banner",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium"
},
{
"key": "field_662773c9c678f",
"label": "Mobile Banner",
"name": "mobile_banner",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium"
},
{
"key": "field_66277429a82c4",
"label": "Get in Touch",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_66277434a82c5",
"label": "Tiêu đề lớn",
"name": "tieudelon_getintouch",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_66277441a82c6",
"label": "Tiêu đề nhỏ",
"name": "tieudenho_getintouch",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_6627745ca82c7",
"label": "Thông tin liên hệ",
"name": "thongtin_lienhe",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "table",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Row",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_66277492a82c8",
"label": "iCon",
"name": "icon",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_6627745ca82c7"
},
{
"key": "field_6627749ea82c9",
"label": "Tiêu đề",
"name": "tieude",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_6627745ca82c7"
},
{
"key": "field_662774a8a82ca",
"label": "Nội dung",
"name": "noidung",
"aria-label": "",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"rows": "",
"placeholder": "",
"new_lines": "",
"parent_repeater": "field_6627745ca82c7"
}
]
},
{
"key": "field_662774bb343fe",
"label": "Bản đồ",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_662774c4343ff",
"label": "Mã nhúng bản đồ",
"name": "manhung_bando",
"aria-label": "",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"rows": "",
"placeholder": "",
"new_lines": ""
},
{
"key": "field_662774d834400",
"label": "Form liên hệ",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_662774e634401",
"label": "Tiêu đề lớn",
"name": "tieudelon_form",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_662774f434402",
"label": "Tiêu đề nhỏ",
"name": "tieudenho_form",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_662774ff34403",
"label": "Form liên hệ",
"name": "form_lienhe",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
}
],
"location": [
[
{
"param": "page_template",
"operator": "==",
"value": "page-contact.php"
}
]
],
"menu_order": 0,
"position": "acf_after_title",
"style": "default",
"label_placement": "top",
"instruction_placement": "label",
"hide_on_screen": "",
"active": true,
"description": "",
"show_in_rest": 0
}
]
PHP Code
<?php
/**
* Template name: A - Contact
*
* @package Flatsome\Templates
* @flatsome-version 3.18.0
*/
get_header(); ?>
<!--- Header Banner --->
<?php if(get_field('desktop_banner')) : ?>
<div class="headerbanner box has-hover box-overlay box-text-middle">
<div class="box-image">
<div class="image-cover" style="padding-top: <?php if(!wp_is_mobile()) : ?>40%<?php else : ?>75%<?php endif; ?>">
<img src="<?php if(wp_is_mobile()) : the_field('mobile_banner'); else : the_field('desktop_banner'); endif; ?>" alt="<?php wp_title(); ?>">
</div>
</div>
<div class="box-text">
<div class="row row-small <?php if(wp_is_mobile()) : ?>align-center<?php endif; ?>">
<div class="col large-6 medium-9 small-10">
<div class="col-inner">
<h1 class="pagetitle">
<?php wp_title(); ?>
</h1>
<div class="lightdivider"></div>
<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
<!--- Header Banner --->
<!--- Contact Info --->
<?php if(have_rows('thongtin_lienhe')) : ?>
<div class="row row-normal contactinfo">
<div class="col large-12 small-12 text-center align-center">
<h2 class="hometitle"><?php the_field('tieudelon_getintouch'); ?></h2>
<p class="homesubtitle"><?php the_field('tieudenho_getintouch'); ?></p>
<div class="lightdivider"></div>
</div>
<?php while(have_rows('thongtin_lienhe')) : the_row(); ?>
<div class="col large-4 medium-12 small-12 text-center">
<p class="icon"><?php the_sub_field('icon'); ?></p>
<p class="title"><?php the_sub_field('tieude'); ?></p>
<div class="content"><?php the_sub_field('noidung'); ?></div>
</div>
<?php endwhile; ?>
</div>
<?php endif; ?>
<!--- Contact Info --->
<!--- Map --->
<?php if(get_field('manhung_bando')) : ?>
<div class="homemap">
<?php echo do_shortcode(get_field('manhung_bando')); ?>
</div>
<?php endif; ?>
<!--- Map --->
<!--- Contact Form --->
<?php if(get_field('form_lienhe')) : ?>
<div class="contactform row row-normal align-center">
<div class="col large-9 medium-12 small-12 text-center align-center">
<h2 class="hometitle"><?php the_field('tieudelon_form'); ?></h2>
<p class="homesubtitle"><?php the_field('tieudenho_form'); ?></p>
<div class="lightdivider"></div>
<?php echo do_shortcode(get_field('form_lienhe')); ?>
</div>
</div>
<?php endif; ?>
<!--- Contact Form --->
<?php get_footer(); ?>
Contact Form
<div class="contact row row-small"> <div class="col large-6 medium-6 small-12">[text* YourName placeholder "Họ và tên (*)"]</div> <div class="col large-6 medium-6 small-12">[tel* YourPhone placeholder "Số điện thoại (*)"]</div> <div class="col large-6 medium-6 small-12">[text YourAdd placeholder "Địa chỉ"]</div> <div class="col large-6 medium-6 small-12">[email YourEmail placeholder "Email"]</div> <div class="col large-12 medium-12 small-12">[textarea YourMess placeholder "Thông tin thêm"][submit "Gửi đi"]</div> </div>
CSS Code
.contactinfo {
padding-top: 80px;
padding-bottom: 50px;
}
.contactinfo i {
font-size: 60px;
color: #fc376d;
}
.contactinfo .title {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.contactform {
padding-top: 80px;
padding-bottom: 50px;
}
.contactform .contact .col {
padding-bottom:0;
}
.contactform .wpcf7-text, .contactform .wpcf7-textarea {
border:1px solid #61bfbe;
border-radius: 3px!important;
box-shadow: none!important;
}
.contactform .wpcf7-submit {
border-radius: 3px;
font-weight: normal;
margin-bottom:0;
}
Footer
ACF JSON
[
{
"key": "group_661e0a351ce7a",
"title": "Footer",
"fields": [
{
"key": "field_661e0a51c0b5a",
"label": "Newsletter",
"name": "newsletter",
"aria-label": "",
"type": "group",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "block",
"sub_fields": [
{
"key": "field_661e0a9bc0b5b",
"label": "Tiêu đề",
"name": "tieude",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661e0aa6c0b5c",
"label": "Form",
"name": "form",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
}
]
},
{
"key": "field_661e0abbc0b5d",
"label": "Nội dung",
"name": "noidung_footer",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "row",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Row",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_661e0ac8c0b5e",
"label": "iCon",
"name": "icon",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium",
"parent_repeater": "field_661e0abbc0b5d"
},
{
"key": "field_661e0ad3c0b5f",
"label": "Tiêu đề",
"name": "tieude",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_661e0abbc0b5d"
},
{
"key": "field_661e0adbc0b60",
"label": "Nội dung",
"name": "noidung",
"aria-label": "",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 1,
"delay": 0,
"parent_repeater": "field_661e0abbc0b5d"
},
{
"key": "field_661e0ae5c0b61",
"label": "Button",
"name": "button",
"aria-label": "",
"type": "group",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "block",
"sub_fields": [
{
"key": "field_661e0aeec0b62",
"label": "Tiêu đề",
"name": "tieudebutton",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661e0afec0b63",
"label": "Link",
"name": "linkbutton",
"aria-label": "",
"type": "page_link",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"post_type": "",
"post_status": "",
"taxonomy": "",
"allow_archives": 1,
"multiple": 0,
"allow_null": 0
}
],
"parent_repeater": "field_661e0abbc0b5d"
}
]
},
{
"key": "field_661e0b20c0f6c",
"label": "Copyright",
"name": "copyright_footer",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_661e0b2bc0f6d",
"label": "Ảnh nền",
"name": "anhnen_footer",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium"
}
],
"location": [
[
{
"param": "options_page",
"operator": "==",
"value": "cai-dat-chung"
}
]
],
"menu_order": 0,
"position": "normal",
"style": "default",
"label_placement": "top",
"instruction_placement": "label",
"hide_on_screen": "",
"active": true,
"description": "",
"show_in_rest": 0
}
]
File footer.php
<?php
/**
* The template for displaying the footer.
*
* @package Flatsome\Templates
* @flatsome-version 3.16.0
*/
global $flatsome_opt;
?>
</main>
<?php if(have_rows('noidung_footer', 'option')) : ?>
<div class="customfooter" style="background: url(<?php the_field('anhnen_footer', 'option'); ?>">
<div class="footerinner">
<div class="row row-small">
<?php if(have_rows('newsletter', 'option')) : while(have_rows('newsletter', 'option')) : the_row(); ?>
<div class="col large-12 small-12 text-center align-center newsletter">
<p class="contentitle dark"><?php the_sub_field('tieude'); ?></p>
<?php echo do_shortcode(get_sub_field('form')); ?>
<div class="lightdivider"></div>
</div>
<?php endwhile; endif; ?>
<div class="footercontent col large-12 small-12">
<div class="row row-small align-equal">
<?php while(have_rows('noidung_footer', 'option')) : the_row(); ?>
<div class="col large-4 medium-12 small-12">
<div class="col-inner">
<div class="text-center align-center">
<?php if(get_sub_field('icon')) : ?>
<img src="<?php the_sub_field('icon'); ?>" alt="<?php the_sub_field('tieude'); ?>">
<?php endif; ?>
<?php if(get_sub_field('tieude')) : ?>
<p class="title"><?php the_sub_field('tieude'); ?></p>
<div class="align-center">
<div class="darkdivider"></div>
</div>
<?php endif; ?>
</div>
<?php if(get_sub_field('noidung')) : the_sub_field('noidung'); endif; ?>
<?php if(have_rows('button')) : while(have_rows('button')) : the_row(); ?>
<div class="text-center">
<a href="<?php the_sub_field('linkbutton'); ?>" class="button primary"><?php the_sub_field('tieudebutton'); ?></a>
</div>
<?php endwhile; endif; ?>
</div>
</div>
<?php endwhile; ?>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
<footer id="footer" class="footer-wrapper">
<?php do_action('flatsome_footer'); ?>
</footer>
</div>
<?php wp_footer(); ?>
</body>
</html>
File absolute-footer.php (template-parts/footer)
<?php
/**
* Absolute footer.
*
* @package Flatsome\Templates
* @flatsome-version 3.16.0
*/
$align = 'small-text-center';
if ( get_theme_mod( 'footer_bottom_align' ) == 'center' ) {
$align = 'text-center';
}
ob_start();
do_action( 'flatsome_absolute_footer_secondary' );
$flatsome_absolute_footer_secondary = trim( ob_get_clean() );
$flatsome_footer_right_text = trim( get_theme_mod( 'footer_right_text' ) );
?>
<div class="absolute-footer <?php echo flatsome_option('footer_bottom_text'); ?> medium-text-center <?php echo $align;?>">
<div class="container clearfix">
<?php if ( $flatsome_footer_right_text || $flatsome_absolute_footer_secondary ) : ?>
<div class="footer-secondary pull-right">
<?php if ( $flatsome_footer_right_text ) : ?>
<div class="footer-text inline-block small-block">
<?php echo do_shortcode($flatsome_footer_right_text); ?>
</div>
<?php endif; ?>
<?php echo $flatsome_absolute_footer_secondary; ?>
</div>
<?php endif; ?>
<div class="footer-primary pull-left">
<?php if ( has_nav_menu( 'footer' ) ) : ?>
<?php
wp_nav_menu( array(
'theme_location' => 'footer',
'menu_class' => 'links footer-nav uppercase',
'depth' => 1,
'fallback_cb' => false,
) );
?>
<?php endif; ?>
<div class="copyright-footer">
<?php if(get_field('copyright_footer', 'option')) : the_field('copyright_footer', 'option'); else : echo do_shortcode( get_theme_mod( 'footer_left_text', 'Copyright 2025 © <strong>Flatsome Theme</strong>' ) ); endif; ?>
</div>
<?php do_action( 'flatsome_absolute_footer_primary' ); ?>
</div>
</div>
</div>
CSS Footer
.newsletter p {
max-width: 500px;
margin: auto;
}
.newslellterform p {
display: flex;
padding-top: 15px;
}
.newsletter .wpcf7-text {
border-radius: 3px 0 0 3px;
box-shadow: none!important;
}
.newsletter .wpcf7-submit {
border-radius: 0 3px 3px 0;
box-shadow: none;
text-transform: none;
font-weight: normal;
}
.customfooter {
background-size: cover!important;
background-position: fixed;
}
.footerinner {
background: rgb(0,0,0,0.5);
padding-top: 100px;
padding-bottom: 80px;
}
.customfooter .col-inner {
background: #fff;
padding: 10px 15px;
border-radius: 5px;
}
.customfooter .col-inner img {
max-height: 80px;
width: auto;
}
.customfooter .col-inner .title {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.customfooter .col-inner .button {
font-weight: normal;
border-radius: 3px;
}
.lightdivider {
width: 80px;
height: 4px;
background: #ccc;
margin-bottom: 20px;
border-radius: 99px;
}
.darkdivider {
width: 80px;
height: 4px;
background: #61bfbe;
margin-bottom: 20px;
border-radius: 99px;
}
.wpcf7-spinner {
display: none;
}
