Hướng dẫn cài đặt và sử dụng Theme GoodWine free
Hướng dẫn cài đặt và sử dụng Theme GoodWine free
Tác giả chinhnv - 22/09/2019

Thông tin WordPress

File theme .zip (elements-good-wine-theme.zip)

Để cài đặt chủ đề này, bạn phải cài đặt phiên bản WordPress hoạt động. Dưới đây là tất cả các liên kết hữu ích cho thông tin WordPress.

XIN LƯU Ý! Chủ đề được thiết kế cho phiên bản WordPress miễn phí được tải xuống tại WordPress.org . Chúng tôi không đảm bảo tính tương thích hoàn toàn của chủ đề với các cài đặt trên WordPress.com do những hạn chế trong kiểm soát trang web và tùy chỉnh chủ đề.

Yêu cầu chủ đề

Để sử dụng chủ đề này, bạn phải chạy ít nhất WordPress 4.5 , PHP 5.6.20 trở lên. Nếu bạn sử dụng lưu trữ cấp thấp với tài nguyên hạn chế (ví dụ: GoDaddy!), Bạn có thể gặp sự cố với tính năng cài đặt dữ liệu demo “một cú nhấp chuột”.
Chúng tôi khuyên bạn nên liên hệ với nhà cung cấp dịch vụ lưu trữ web của mình để đảm bảo rằng giới hạn cấu hình PHP của máy chủ của bạn như sau:

max_execution_time 600

memory_limit 128M

post_max_size 32M

upload_max_filesize 32M

Nếu bạn đang chạy máy chủ chuyên dụng hoặc VPS không được quản lý, bạn nên kiểm tra tệp php.ini của mình . Ngoài ra, bạn có thể chỉnh sửa tệp .htaccess trong thư mục gốc của trang web của bạn và thêm các giá trị sau:

php_value max_execution_time 600

php_value memory_limit 128M

php_value post_max_size 32M

php_value upload_max_filesize 32M

Đặt các giá trị này sẽ đảm bảo bạn sẽ không nhận được thông báo lỗi trong khi cài đặt. Để bảo vệ trang web của bạn, vui lòng sử dụng mật khẩu an toàn và phiên bản mới nhất của WordPress và plugin.

Dưới đây là danh sách các dịch vụ lưu trữ web được đề xuất khác:

Cài đặt chủ đề

GIẢI NÉN CHỦ ĐỀ

Trước khi cài đặt chủ đề, vui lòng đảm bảo bạn đã giải nén tệp lưu trữ và giải nén các tệp chủ đề.

Nếu bạn cố cài đặt các tệp sai, bạn sẽ bị thiếu tệp tệp style.css . Đây là lỗi phổ biến nhất có nghĩa là bạn đang cố cài đặt một gói không chính xác.

Để cài đặt chủ đề “GoodWine”, bạn phải cài đặt WordPress. Để biết thông tin liên quan đến cài đặt nền tảng WordPress, vui lòng kiểm tra WordPress Codex hoặc xem hướng dẫn bằng video tuyệt vời này .

Cập nhật WordPress: Để đảm bảo trải nghiệm người dùng tích cực, chúng tôi khuyên bạn nên cập nhật WordPress của mình lên phiên bản ổn định mới nhất. Điều này sẽ giúp sử dụng tất cả các tính năng mới nhất của WordPress.

XIN LƯU Ý! Chủ đề được thiết kế cho phiên bản WordPress miễn phí được tải xuống tại WordPress.org . Chúng tôi không đảm bảo tính tương thích hoàn toàn của chủ đề với các cài đặt trên WordPress.com do những hạn chế trong kiểm soát trang web và tùy chỉnh chủ đề.

Nếu bạn có câu hỏi liên quan đến việc cài đặt chủ đề, chúng tôi khuyên bạn nên đọc hướng dẫn chi tiết bên dưới.

Có 2 cách để cài đặt chủ đề:

    • qua FTP:
        1. Đăng nhập vào máy chủ web của bạn bằng phần mềm máy khách FTP.
        1. Giải nén tệp good-wine-shop.zip và CHỈ sử dụng thư mục chủ đề được trích xuất / good-Wine-shop.
        1. Tải lên thư mục chủ đề cửa hàng rượu tốt được trích xuất vào thư mục / wp-content / Themes.
      1. Điều hướng đến tab Giao diện> Chủ đề và kích hoạt chủ đề.
  • thông qua WordPress:
      1. Đăng nhập vào bảng quản trị.
      1. Điều hướng đến Giao diện> Chủ đề và nhấp vào nút Thêm mới .
      1. Chọn tùy chọn tải lên chủ đề . Nhấp vào Duyệt … (Chọn tệp trong Safari / Chrome) , chọn ” good-wine-shop.zip ” và nhấp vào nút Cài đặt ngay .
      1. Sau khi cài đặt thành công, nhấp vào Kích hoạt hoặc điều hướng đến Giao diện> Chủ đề và nhấp vào nút Kích hoạt để kích hoạt chủ đề mới được cài đặt.
      1. Khi chủ đề được kích hoạt, bạn sẽ được nhắc cài đặt các Addon ThemeREX cần thiết và các plugin được đề xuất khác, nếu có. Nó có thể là (nhưng không phải lúc nào cũng nên) “Nguồn cấp tùy chỉnh cho Instagram” hoặc “MailChimp cho WP” (ví dụ trong trường hợp chúng được bao gồm).

        Tất cả các plugin này được bao gồm trong kho lưu trữ chủ đề hoặc có thể được cài đặt từ kho lưu trữ WordPress.org.

        Chủ đề có thể hoạt động mà không cần các plugin được đề xuất. Nhưng nếu bạn muốn trang web của mình trông chính xác như trang demo, bạn phải cài đặt tất cả các plugin được đề xuất và nhập nội dung demo. Đây là một ý tưởng tốt nếu bạn đang xây dựng trang web của mình từ đầu.

        Tuy nhiên, nếu bạn có một trang web hiện có, bạn nên rất cẩn thận với việc cài đặt plugin và nhập dữ liệu demo: điều này có thể ảnh hưởng đến toàn bộ nội dung của trang web, đó là giao diện, hành vi và cấu trúc. Vui lòng tham khảo phần Nội dung Demo để biết thêm chi tiết.

      1. Bước cuối cùng – mục menu mới Hình thức> Addon ThemeREX sẽ xuất hiện trong thanh menu Bảng điều khiển WP.
    1. QUAN TRỌNG! Nếu bạn muốn thay đổi mẫu hoặc chức năng của chủ đề, chúng tôi khuyên bạn nên kích hoạt chủ đề con trước khi cài đặt dữ liệu demo. Vui lòng xem phần Chủ đề trẻ em để biết thêm thông tin.

Chủ đề trẻ em

Chủ đề con dành cho các nhà phát triển sẵn sàng thực hiện các thay đổi đối với các chức năng và mã cốt lõi. Nếu bạn không có kế hoạch đào sâu điều đó, bạn có thể bỏ qua chương này.

QUAN TRỌNG! Nếu bạn muốn thay đổi trong các mẫu hoặc chức năng của chủ đề, chúng tôi khuyên bạn nên cài đặt một chủ đề con và áp dụng các thay đổi ở đó. Để tìm hiểu thêm về điều đó, vui lòng truy cập WordPress Codex .

Trong gói của chủ đề, bạn có thể tìm thấy tất cả các tệp cần thiết cho chủ đề con. Nó nằm trong kho lưu trữ “good-wine-shop-child.zip” . Việc cài đặt một chủ đề con tương tự như chủ đề chính.

Một vài đề xuất về cách sử dụng Chủ đề trẻ em:

  • Hầu như tất cả các tệp từ chủ đề chính có thể được thay thế trong một chủ đề con. Nó không chỉ liên quan đến các tệp .php với các mẫu và logic cơ bản, mà cả các tệp .js, .css từ các thư mục và tệp tương ứng có hình ảnh, biểu tượng, v.v.
  • Nếu bạn muốn thay đổi một số chức năng liên quan đến chủ đề hoặc thêm chức năng mới, hãy sao chép / thêm tất cả các chức năng cần thiết vào functions.phptệp trong good-wine-shop-childthư mục. Nếu chủ đề của chúng tôi chứa các hàm có tên như vậy, chúng sẽ được thay thế bằng tên của bạn, nếu không – các chức năng của bạn sẽ hoàn thành logic chủ đề của chúng tôi.

    XIN LƯU Ý Nếu bạn muốn thay thế một số chức năng từ các tệp khác (ngoại trừ hàm.php), ví dụ từ _wp_utils.php hoặc _utils.php, chúng tôi không khuyên bạn sao chép các tệp tương ứng vào chủ đề con, nhưng bạn nên tạo các hàm tương ứng trong hàm.php trong chủ đề con. Điều này nên được thực hiện, để khi cập nhật chủ đề, các chức năng mới từ các tệp này có sẵn để sử dụng.
    Đối với các tệp khác – đưa ra các mẫu từ thư mục ‘mẫu’, hình ảnh từ thư mục ‘hình ảnh’, v.v. – để thay đổi sao chép chủ đề vào thư mục ‘chủ đề con’ và thực hiện thay đổi ở đó.

Cài đặt plugin

Để làm cho chủ đề trông chính xác như trang demo, bạn cần cài đặt các plugin được đề xuất. Nhấp vào Bắt đầu cài đặt liên kết bổ trợ .

Ngoài ra, bạn có thể sử dụng Giao diện> Cài đặt trình đơn bổ sung chuyển hướng đến trang cài đặt bổ trợ. Kiểm tra tất cả các plugin được liệt kê, chọn Tùy chọn cài đặt và nhấp vào nút Áp dụng . Việc cài đặt có thể mất vài phút, vui lòng kiên nhẫn và không làm mới trang.

QUAN TRỌNG! Xin lưu ý rằng chỉ có một plugin bắt buộc (bắt buộc) cho chức năng chủ đề phù hợp là “Addon ThemeREX”. Phần còn lại của các plugin được khuyến nghị để cài đặt, nhưng không bắt buộc.
Trong trường hợp bạn đang chạy một lưu trữ chia sẻ (ví dụ GoDaddy) với tài nguyên hạn chế, chúng tôi khuyên bạn chỉ nên kích hoạt các plugin thiết yếu (những plugin bạn cần) và vô hiệu hóa phần còn lại nếu có. Mặt khác, nó có thể làm tăng đáng kể mức tiêu thụ bộ nhớ (RAM), điều này có thể dẫn đến các sự cố không mong muốn.

Các plugin có sẵn:

    • Liên hệ mẫu 7
    • Lưới thiết yếu
    • Addon ThemeREX (bắt buộc)
    • WooC Commerce
    • Tuân thủ GDPR của WP
    • Trình tạo trang WPBakery (bắt buộc)

SỰ THÀNH CÔNG! Thông báo “Thành công” xuất hiện sau khi plugin cài đặt thành công.

KHẢ NĂNG TƯƠNG THÍCH CỦA GUTENBERG

Chủ đề của chúng tôi tương thích với người xây dựng trang Gutenberg . Bạn có thể tạo các trang mới bằng trình chỉnh sửa này.

Tất cả các trang demo hiện có được xây dựng bằng WPBakery Page Builder và nên được tùy chỉnh bằng CHỈ WPBakery Page Builder.

XIN LƯU Ý! Có thể chuyển đổi giữa các nhà xây dựng trang. Vui lòng sử dụng Trình tạo một trang để tạo / tùy chỉnh Một trang / bài đăng cụ thể.

Nội dung demo

Chủ đề của chúng tôi bao gồm một công cụ nhập dữ liệu demo đơn giản Một lần nhấp . Nó cho phép nhận được một bản sao chính xác của trang web demo của chúng tôi chỉ trong 1 cú nhấp chuột.
Tuy nhiên, nó cho phép chọn cài đặt “toàn bộ nội dung trang demo” hay chỉ một số trang, biểu mẫu và thanh trượt nhất định.

Trước khi cài đặt dữ liệu demo, vui lòng đảm bảo rằng bạn đã cài đặt tất cả các plugin cần thiết, kiểm tra phần cài đặt Plugin để biết thêm thông tin.

Để nhập nội dung demo vào trang web WordPress, vui lòng làm theo các bước sau:

    1. Đăng nhập vào trang web của bạn như một quản trị viên.
    1. KHÔNG BẮT BUỘC! Trong trường hợp bạn nhận được thông báo nhắc nhở cài đặt plugin ThemeREX Addons cần thiết , hãy nhấp vào Bắt đầu cài đặt plugin “và cài đặt nó trên trang tương ứng.
      QUAN TRỌNG! Các plugin còn lại không bắt buộc để cài đặt nội dung demo nhưng rất khuyến khích.
    1. Điều hướng đến Giao diện> Cài đặt Dữ liệu Demo :
    1. Trên trang hiển thị, thiết lập các tham số cần thiết.

      Chỉ các trang, biểu mẫu và thanh trượt – Cho phép bạn chọn nội dung bạn cần nhập cho một trang xác định, thanh trượt, v.v … Khuyến nghị khi trang web đã được xây dựng.

      Toàn bộ nội dung trang demo – Cho phép nhập toàn bộ nội dung demo. Đó là khuyến cáo cho các cài đặt mới của WordPress.
      QUAN TRỌNG! Khi cài đặt toàn bộ dữ liệu demo TẤT CẢ NỘI DUNG HIỆN TẠI của trang web của bạn sẽ bị xóa và thay thế bằng dữ liệu mới! Chúng tôi khuyên bạn chỉ nên cài đặt dữ liệu demo khi cài đặt WordPress trống.

    2. Nhấp vào nút “Bắt đầu nhập” .

      XIN LƯU Ý Có thể mất một lúc để dữ liệu demo được sao chép từ máy chủ của chúng tôi vào trang web của bạn. Nó phụ thuộc đáng kể vào tốc độ kết nối Internet giữa trang web của bạn và máy chủ của chúng tôi. Hãy kiên nhẫn chờ đợi và không làm mới / rời khỏi trang.

  1. SỰ THÀNH CÔNG! Thông báo “Thành công” xuất hiện sau khi cài đặt thành công dữ liệu demo. Hãy coi ảnh chụp màn hình dưới đây là một ví dụ. Các plugin bao gồm và một số tùy chọn có thể khác nhau.

    QUAN TRỌNG! Trong trường hợp cài đặt “Dữ liệu demo” bị kẹt, bạn có thể cài đặt thủ công bằng cách tải xuống kho lưu trữ demo.zip từ máy chủ của chúng tôi . Trích xuất kho lưu trữ vào bản demo / thư mục và tải lên bản demo / thư mục này vào thư mục wp-content / Themes / good-Wine-shop . Trong trường hợp sự cố vẫn còn, vui lòng liên hệ với nhà cung cấp dịch vụ lưu trữ của bạn để đảm bảo rằng cấu hình máy chủ của bạn đáp ứng Yêu cầu Chủ đề . Nếu không, xin vui lòng chuyển yêu cầu của bạn đến bộ phận hỗ trợ của chúng tôi .

Cập nhật chủ đề

Bước này là bắt buộc nếu bạn nhận được thông báo rằng có sẵn phiên bản mới của chủ đề. Bạn có thể xem thông tin này trong phần Changelog ở cuối trang chi tiết của mục.

QUAN TRỌNG! Trước khi bạn tiếp tục với bản cập nhật, hãy đảm bảo bạn sao lưu thư mục của chủ đề cũ. Tải về máy tính của bạn tại địa phương.

Đó là một thực hành tốt để sao lưu cả tệp và cơ sở dữ liệu của bạn thường xuyên và đặc biệt là trước khi thực hiện một số cập nhật nghiêm trọng.

CẬP NHẬT TÙY CHỌN 1. CẬP NHẬT BẰNG TRÌNH TẢI LÊN WORDPRESS

    1. Đăng nhập vào tài khoản ThemeForest của bạn và điều hướng đến tab tải xuống của bạn. Tìm chủ đề và tải xuống tập tin WordPress Cài đặt WordPress.
    1. Đăng nhập vào trang web WordPress của bạn và đi đến Giao diện> Chủ đề .
    1. Kích hoạt một chủ đề khác nhau. Xóa phiên bản trước của cửa hàng rượu ngon và tải lên lại các tệp WordPress có thể cài đặt mới mà bạn đã tải xuống từ ThemeForest trong bước đầu tiên.
    1. Khi nó được tải lên, kích hoạt chủ đề.
  1. Cập nhật (nếu cần!) Các plugin đi kèm, nếu bạn thấy thông báo thông báo nhắc về phiên bản mới hơn.
      • Điều hướng đến Bảng điều khiển WP> Plugin> Plugin đã cài đặt .
      • Cập nhật plugin ThemeREX Addons . Bạn có thể nhấp vào nút “Cập nhật” (nếu có trong một chủ đề cụ thể) hoặc hủy kích hoạt và xóa plugin này. Sau đó làm theo lời nhắc để cài đặt lại. Điều này sẽ tải một phiên bản trình cắm mới trên trang web.
      • Vô hiệu hóa và xóa (các) plugin còn lại của phiên bản cũ.
      • Đi đến Giao diện> Cài đặt Plugin và cài đặt (các) plugin giống như được mô tả trong phần Cài đặt plugin của tài liệu này.

CẬP NHẬT TÙY CHỌN 2. CẬP NHẬT BẰNG FTP CLIENT

    1. Đăng nhập vào tài khoản ThemeForest của bạn và nhận phiên bản cuối cùng của chủ đề như được mô tả ở trên.
    1. Kết nối với máy chủ của bạn bằng phần mềm máy khách để bàn (chúng tôi khuyên dùng CyberDuck và Filezilla).
    1. Thay đổi thư mục thành / wp-content / Themes.
    1. Xóa thư mục hiện có với các tập tin chủ đề cũ.
    1. Giải nén các tệp có thể cài đặt chủ đề được tải xuống từ ThemeForest và tải lên thư mục chủ đề.
  1. Cập nhật (nếu cần!) Các plugin được bao gồm như được mô tả ở trên, nếu bạn thấy thông báo thông báo nhắc về phiên bản mới hơn.

Bắt đầu nhanh

Sau khi kích hoạt chủ đề và nhập nội dung demo, chúng tôi đã sẵn sàng để bắt đầu với các cài đặt chủ đề cơ bản như tiêu đề trang web, khẩu hiệu, logo, favicon, v.v.

Để thay đổi tiêu đề và khẩu hiệu trang web của bạn, hãy đi tới Cài đặt> Chung . Xin lưu ý, các thông số này rất quan trọng đối với các công cụ tìm kiếm.

Một ý tưởng tuyệt vời khác có thể là thiết lập cấu trúc permalinks tùy chỉnh để làm cho chúng thân thiện hơn với SEO và dễ đọc hơn với con người. Chuyển đến Cài đặt> Permalinks và thực hiện thay đổi theo ví dụ bên dưới.

TÙY BIẾN CHỦ ĐỀ

Bây giờ, hãy điều hướng đến Giao diện> Tùy chỉnh trong menu bên bảng điều khiển WP – tính năng giúp tùy chỉnh chủ đề cực kỳ thân thiện và dễ hiểu, cho phép Quản trị viên dễ dàng quản lý cảm giác và giao diện của trang web blog từ một nơi.

QUAN TRỌNG! Xin lưu ý rằng chủ đề của chúng tôi cung cấp một hệ thống phân cấp thừa kế đặc biệt cho cài đặt “Tùy chọn chủ đề”. Điều đó có nghĩa là các cài đặt riêng lẻ của mỗi trang có thể ghi đè cài đặt chung được thực hiện với Bảng tùy chỉnh.

Chúng tôi đã tích hợp rất nhiều tùy chọn bổ sung vào menu “Tùy chỉnh” mặc định của WordPress, cho phép bạn kiểm soát linh hoạt giao diện và hành vi của toàn bộ trang web cũng như các loại bài đăng, trang và danh mục riêng lẻ.

Hơn nữa, bạn có thể thấy các thay đổi của giao diện người dùng ngay sau khi thay đổi – khi tham số cần thiết được chọn, mà không chuyển từ quản trị viên sang giao diện người dùng mỗi lần. Nó tiết kiệm nhiều thời gian của bạn và cho phép bạn tùy chỉnh trang web của bạn chỉ trong vài cú nhấp chuột. Khi bạn hoàn tất các thay đổi, bạn nên nhấp vào nút “Lưu và xuất bản” ở đầu trình đơn bên của Trình tùy chỉnh.
Có khá nhiều thông số ở đây, nhưng may mắn là phần lớn trong số chúng có các giá trị mặc định phù hợp với hầu hết nhu cầu của người dùng. Hãy xem xét kỹ hơn về chúng:

Thực đơn

Phần này cho phép quản lý các loại Menu có sẵn:

Menu cũng có sẵn trong cài đặt “Ngoại hình> Menu”.

Dưới đây là các vị trí Menu được xác định trước:

  • Menu chính – Hiển thị menu chính.
  • Menu Footer – Chịu trách nhiệm hiển thị menu trong khu vực chân trang.

Mỗi vị trí menu này đều có sẵn để điền vào bất kỳ bộ menu được xác định trước nào và cũng có sẵn để chỉnh sửa ngay thông qua cài đặt “Tùy biến”.

Bộ menu được xác định trước:

Widgets

Tùy thuộc vào trang đã chọn có sẵn để chỉnh sửa bằng các công cụ của Customizer, bạn có thể nhận thấy một loại bộ widget khác nhau được bao gồm trong một trang cụ thể.

Nếu bạn mở rộng bộ tiện ích này, bạn sẽ có thể:

    1. Thêm một tiện ích : chỉ cần nhấp vào nút “Thêm một tiện ích” để xem các tiện ích có sẵn, sau đó nhấn vào tiện ích bạn muốn sử dụng:

    1. Sắp xếp lại vị trí của các widget bằng 3 biểu tượng:
      • Di chuyển – cho phép bạn di chuyển widget sang thanh bên khác.
      • Xuống – các widget sẽ được chuyển xuống.
      • Lên – tiện ích sẽ được di chuyển lên trên.

Sau khi bạn sắp xếp lại vị trí của các vật dụng trong thanh bên, nhấp vào nút “Xong” ở dưới cùng.

Hơn nữa, chủ đề của chúng tôi cung cấp một vài bộ Tiện ích tùy chỉnh có sẵn thông qua phần Giao diện> Tiện ích cũng như một số vị trí bổ sung khác cho phép hiển thị các tiện ích cần thiết gần như ở mọi nơi trên trang. Kiểm tra ảnh chụp màn hình dưới đây để biết thêm thông tin.

Bạn có thể chỉ định bất kỳ tiện ích tùy chỉnh (khu vực widget) cho trang trong phần Tùy chọn chủ đề.

Đây là cách “Tiện ích thanh bên” có thể trông như sau:

Các widget tùy chỉnh:

    1. Addon ThemeREX – Trình phát âm thanh : Hiển thị trình phát âm thanh.
    1. Addon ThemeREX – Lịch : Hiển thị lịch thông thường.
    1. Addon ThemeREX – Danh bạ : Hiển thị Logo và thông tin liên lạc của bạn.
    1. Addon ThemeREX – Slider Post / Revolution Slider : Hiển thị các slide thông qua Slider Post (Swiper) hoặc Revolution Slider.
    1. Addon ThemeREX – Xã hội : Hiển thị các liên kết đến hồ sơ mạng xã hội. Các biểu tượng xã hội kế thừa các liên kết (URL) vào hồ sơ xã hội của bạn được chỉ định trong tab Giao diện> ThemeREX> Xã hội .
    1. Addon ThemeREX – Trình phát video : Hiển thị trình phát video.

Tiêu đề, Tagline & biểu tượng trang web

Cài đặt của nhóm này chịu trách nhiệm cho biểu tượng trang web, khẩu hiệu và hiển thị tiêu đề:

TIÊU ĐỀ TRANG WEB

Văn bản được nhập vào trường này sẽ được hiển thị dưới dạng logo (nếu logo hình ảnh không được tải lên) và như tiêu đề trang web trong tab trình duyệt của bạn.

KHẨU HIỆU

Văn bản được nhập vào trường này sẽ được hiển thị dưới dạng khẩu hiệu của trang web dưới logo. Theo mặc định, khẩu hiệu được sử dụng nếu không có logo hình ảnh được chọn.

BIỂU TƯỢNG TRANG WEB

Bạn có thể tải lên / xóa biểu tượng trang web của mình (favicon) tại đây (phải là 512x512px).

Lý lịch

Các cài đặt này cho phép bạn thêm hình nền phía sau thân nội dung, khi kiểu cơ thể “Đóng hộp” được bật và để quản lý vị trí của nó:

Chỉ cần nhấp vào nút Chọn hình ảnh để tải lên hình ảnh từ Thư viện phương tiện hoặc từ máy tính của bạn. Sau bước này, bạn sẽ thấy một tập hợp các tham số khác cho nền, chẳng hạn như “Đặt trước”, “Vị trí hình ảnh” và “Màu nền”.

Tiêu đề

Tùy chọn này cho phép bạn tải lên hình ảnh logo, chọn loại tiêu đề và chèn widget.

TIÊU ĐỀ HIỆN TẠI / ĐÃ TẢI LÊN TRƯỚC ĐÓ

Tùy chọn này cho phép bạn tải hình ảnh lên vùng tiêu đề (Đừng quên kiểm tra cài đặt tùy chọn “Kiểu tiêu đề”). Nó cũng hiển thị hình ảnh tiêu đề hiện tại và trước đó đã tải lên.

“Ghi đè hình ảnh tiêu đề” – cài đặt này cho phép bạn thay thế hình ảnh mặc định của tiêu đề bằng hình ảnh đặc trưng của trang / bài đăng / sản phẩm.

VIDEO TIÊU ĐỀ

Tải lên một video nền để tiêu đề của bạn.
Cài đặt “Fullheight header” mở rộng vùng tiêu đề lên toàn bộ màn hình. Chỉ hoạt động nếu một hình ảnh nền được đặt cho tiêu đề.

KIỂU TIÊU ĐỀ / VỊ TRÍ / PHỐI MÀU

Tại đây, bạn có thể áp dụng một trong một vài kiểu tiêu đề khác nhau, đặt vị trí của nó và chọn bảng màu cho nó.

Các kiểu tiêu đề có sẵn:

    • Kiểu “Tiêu đề 1”:
    • Kiểu “Tiêu đề 2”:

QUAN TRỌNG! Các kiểu tiêu đề khả dụng được tạo thông qua cài đặt Tùy chỉnh Toàn cầu (Giao diện> Tùy chỉnh). Để thay đổi vùng tiêu đề theo kiểu có sẵn, bạn nên điều hướng đến .../wp-content/themes/good-wine-shop/templatesthư mục và chỉnh sửa tệp mẫu tương ứng như header-1.phphoặc header-2.php.

Chỉ định thông tin cần thiết với văn bản lời chào và cài đặt liên quan đến địa chỉ / điện thoại (cho kiểu tiêu đề 1).

MENU KIỂU / PHỐI MÀU / DI CHUỘT

Các nhóm cài đặt này cho phép bạn chọn kiểu hiện tại cho menu, đặt lược đồ màu và hiệu ứng di chuột hoạt hình.

SUBMENU HIỂN THỊ HÌNH ẢNH ĐỘNG / SUBMENU ẨN HÌNH ẢNH ĐỘNG

Chọn một hiệu ứng cho hoạt hình menu con.

TÌM KIẾM TRONG TIÊU ĐỀ

Chọn cách để trường tìm kiếm hoạt động: mở rộng hoặc đi toàn màn hình.

VẬT DỤNG TIÊU ĐỀ

Chọn tiện ích cần thiết được thiết lập để hiển thị nó trong khu vực tiêu đề.
Cài đặt “Tiêu đề toàn bộ” chịu trách nhiệm kéo dài khu vực tiện ích tiêu đề lên toàn bộ chiều rộng cửa sổ.
Tùy chọn “Hiển thị tiêu đề trang” và “Hiển thị Breadcrumbs” chịu trách nhiệm hiển thị tiêu đề và mẩu bánh mì trên một trang.

LOGO

Hình ảnh logo có thể được tải lên hoặc chọn từ Thư viện phương tiện.

LOGO CHO RETINA

Tải lên hình ảnh logo kích thước gấp đôi để làm cho nó trông đẹp hơn trên màn hình Retina.

BỐ TRÍ DI ĐỘNG TỪ

Cài đặt này chịu trách nhiệm cho bố cục di động. Chẳng hạn, nếu độ phân giải của màn hình là 959px, bố cục di động sẽ được áp dụng.

ĐĂNG NHẬP / MẪU ĐĂNG KÝ ( CHỈ KIỂU “TIÊU ĐỀ 1” !)

Văn bản cho hộp kiểm “Tôi đồng ý …” được đặt trong Giao diện> Tùy chỉnh> Nội dung> Văn bản có liên kết Chính sách bảo mật .
Để thêm / tùy chỉnh liên kết Chính sách quyền riêng tư, hãy điều hướng đến Cài đặt (Bảng điều khiển WP)> Quyền riêng tư và chỉ định trang sẽ được sử dụng làm Chính sách quyền riêng tư.

XIN LƯU Ý! Trong trường hợp bạn dự định sử dụng biểu mẫu đăng ký mà không có sự đồng ý, chỉ cần để trống tùy chọn “Văn bản với liên kết Chính sách bảo mật” trong phần Giao diện> Tùy chỉnh> Nội dung !

WooC Commerce

Cài đặt của nhóm này cho phép quản lý giao diện tổng thể của các yếu tố WooC Commerce (chỉ hoạt động nếu trình cắm WooC Commerce được cài đặt).

CSS bổ sung

Cài đặt này cho phép bạn nhúng các kiểu tùy chỉnh vào bất kỳ đâu trên trang.

Nội dung

Bạn có thể tùy chỉnh hành vi của khu vực nội dung trong phần này.

PHONG CÁCH CƠ THỂ

Tùy chọn Kiểu cơ thể cho phép bạn chọn cách hiển thị trang chọn độ rộng cho nội dung thân trang web:

  • Đóng hộp – thân trang nằm trong vùng có chiều rộng màn hình giới hạn và bạn có thể thấy hình nền phía sau nó.
  • Wide – trang cơ thể chiếm toàn bộ chiều rộng màn hình (hình nền không nhìn thấy đằng sau nó), và nội dung được đặt trong khu vực có chiều rộng hạn chế, ở trung tâm của màn hình.
  • Toàn bộ – thân trang chiếm gần như toàn bộ chiều rộng màn hình.
  • Toàn màn hình – thân trang chiếm toàn bộ chiều rộng màn hình.

Đóng hộp

Rộng

Chiều rộng đầy đủ

Toàn màn hình

SƠ ĐỒ MÀU TRANG WEB

Chọn một trong những bảng màu có sẵn cho trang web của bạn.
Cài đặt “Mở rộng nội dung” cho phép bạn mở rộng nội dung trang, nếu thanh bên bị ẩn.
Cài đặt “Xóa lề” chỉ cần loại bỏ các lề trên và dưới khu vực của nội dung.

NÚT DI CHUỘT / DI CHUỘT HÌNH ẢNH

Chọn các hiệu ứng di chuột cần thiết cho các nút và hình ảnh.

Dưới đây bạn có thể tìm thấy một ví dụ về hiệu ứng di chuột của hình ảnh với tùy chọn được đặt thành “Biểu tượng”.

TIỆN ÍCH THANH BÊN / BẢNG MÀU / VỊ TRÍ

Chọn tiện ích cần thiết được thiết lập để hiển thị nó trong thanh bên và vị trí của nó.
Cài đặt “Lược đồ màu” cho phép bạn chỉ áp dụng bảng màu cần thiết cho thanh bên.

Dưới đây bạn có thể tìm thấy các cài đặt liên quan đến widget cho phép đặt một widget được đặt ở các khu vực có sẵn (hầu hết mọi nơi trên trang). Vui lòng tham khảo hướng dẫn này để xem làm thế nào nó hoạt động.

VĂN BẢN VỚI LIÊN KẾT CHÍNH SÁCH BẢO MẬT

Chỉ định văn bản cho hộp kiểm ở dạng mặc định (được xây dựng bằng trx_sc_formshortcode) và ở dạng đăng nhập / đăng ký (chỉ dành cho kiểu “Tiêu đề 1”!). Văn bản này sẽ được hiển thị trước liên kết Chính sách bảo mật.

Để thêm / tùy chỉnh liên kết Chính sách quyền riêng tư, hãy điều hướng đến Cài đặt (Bảng điều khiển WP)> Quyền riêng tư và chỉ định trang sẽ được sử dụng làm Chính sách quyền riêng tư.

XIN LƯU Ý! Trong trường hợp bạn dự định sử dụng các biểu mẫu mặc định mà không có hộp kiểm đồng ý, chỉ cần để trống tùy chọn “Văn bản với liên kết Chính sách bảo mật”!

Chân trang

Thiết lập của nhóm này chịu trách nhiệm chọn phong cách của khu vực chân trang.

PHỐI MÀU CHÂN TRANG

Chọn bảng màu cần thiết cho khu vực chân trang.

VẬT DỤNG CHÂN TRANG

Chọn các vật dụng cần thiết để hiển thị trong khu vực chân trang.

CỘT CHÂN TRANG

Đặt số lượng cột cần thiết để hiển thị các vật dụng trong.

Footer toàn bộ – cài đặt này kéo dài khu vực chân trang đến toàn bộ chiều rộng cửa sổ.
Hiển thị logo – cài đặt này hiển thị logo trong khu vực chân trang. Nếu bạn đã chọn tùy chọn này, vui lòng nhấp vào nút lưu và làm mới trang để làm cho các trường bổ sung xuất hiện. Tại đây bạn có thể tải lên logo cho chân trang cũng như phiên bản Retina của nó.
Hiển thị các biểu tượng xã hội – cài đặt này hiển thị các biểu tượng xã hội trong khu vực chân trang. Các biểu tượng xã hội kế thừa các liên kết (URL) vào hồ sơ xã hội của bạn được chỉ định trong tab Giao diện> ThemeREX> Xã hội .

BẢN QUYỀN

Đặt văn bản bản quyền của bạn vào khu vực chân trang. Sử dụng {Y}biểu tượng để chỉ năm hiện tại.

Trang chủ

Cài đặt của nhóm này chịu trách nhiệm quản lý giao diện và hành vi tổng thể của các thành phần trang chủ.

“Mở rộng nội dung” – mở rộng chiều rộng nội dung nếu thanh bên được đặt thành “ẩn”.

PHONG CÁCH BLOG:

  • Trích dẫn – Bài viết sẽ chứa hình ảnh nổi bật, một đoạn trích nhỏ từ nội dung bài đăng và nút “Tiếp tục đọc”.
  • 2/3 cột cổ điển – Bài viết kiểu “Trích dẫn” được sắp xếp trong 2/3 cột.
  • Danh mục đầu tư 2/3/4 cột – Bài viết sẽ được hiển thị trong một vài cột, nhưng không có mô tả.
  • Cột thư viện 2/3/4 – Bài viết sẽ được hiển thị dưới dạng ô hình ảnh bộ sưu tập.
  • Cột 2/4/6 cột – Bài viết sẽ được hiển thị theo thứ tự “cờ”.

CÀI ĐẶT LIÊN QUAN ĐẾN TIÊU ĐỀ

Các cài đặt này cho phép chỉ định các widget tiêu đề.

CÀI ĐẶT LIÊN QUAN ĐẾN THANH BÊN

Các cài đặt này chịu trách nhiệm chỉ định các widget được đặt cho một thanh bên và vị trí của nó.

CÀI ĐẶT LIÊN QUAN ĐẾN WIDGET

Các cài đặt này cho phép chỉ định các widget được đặt cho bất kỳ khu vực widget nào. Vui lòng tham khảo hướng dẫn này để kiểm tra làm thế nào nó hoạt động.

Blog Lưu trữ

Phần này cho phép bạn kiểm soát bố cục và kiểu dáng của các trang lưu trữ blog của mình, chẳng hạn như trang luồng blog và trang danh mục. Các cài đặt của phần này giống như đối với Trang chủ mà chúng tôi đã mô tả ở trên.
Vui lòng kiểm tra bài viết của chúng tôi hoặc truy cập video hướng dẫn này để biết thêm thông tin về cách tùy chỉnh các trang Bài viết.

“Mở rộng nội dung” – mở rộng chiều rộng nội dung nếu thanh bên được đặt thành “ẩn”.

PHONG CÁCH BLOG

Chọn kiểu bài đăng cần thiết cho kho lưu trữ blog của bạn (Tương tự như đối với Trang chủ).

THỂ LOẠI ĐỂ HIỂN THỊ

Chọn danh mục cần thiết để hiển thị trong kho lưu trữ blog.

PHONG CÁCH CHIẾU

Chọn kiểu phân trang cần thiết cho bài viết để hiển thị.

“Giữ chỗ hình ảnh bài đăng liên quan” – cài đặt này cho phép sử dụng hình ảnh mặc định trong các bài đăng mà không có hình ảnh nổi bật. Nếu không được chọn, sẽ không có hình ảnh nào được sử dụng cho những bài viết như vậy.

NỘI DUNG BÀI VIẾT

Chọn cách để hiển thị nội dung bài viết của bạn.

HOẠT HÌNH CHO BÀI VIẾT

Chọn kiểu hoạt hình cần thiết cho bài viết của bạn để hiển thị.

CÀI ĐẶT LIÊN QUAN ĐẾN TIÊU ĐỀ

Các cài đặt này cho phép chỉ định các widget tiêu đề.

CÀI ĐẶT LIÊN QUAN ĐẾN THANH BÊN

Các cài đặt này chịu trách nhiệm chỉ định các widget được đặt cho một thanh bên và vị trí của nó.

CÀI ĐẶT LIÊN QUAN ĐẾN WIDGET

Các cài đặt này cho phép chỉ định các widget được đặt cho bất kỳ khu vực widget nào. Vui lòng tham khảo hướng dẫn này để kiểm tra làm thế nào nó hoạt động.

cửa tiệm

Các cài đặt này chịu trách nhiệm cho giao diện và hành vi tổng thể của (các) trang Cửa hàng.

“Mở rộng nội dung” – mở rộng chiều rộng nội dung nếu thanh bên được đặt thành “ẩn”.

CÀI ĐẶT LIÊN QUAN ĐẾN PHONG CÁCH

Các cài đặt này cho phép chỉ định chế độ cửa hàng.

CÀI ĐẶT LIÊN QUAN ĐẾN TIÊU ĐỀ

Các cài đặt này cho phép chỉ định các widget tiêu đề.

CÀI ĐẶT LIÊN QUAN ĐẾN THANH BÊN

Các cài đặt này chịu trách nhiệm chỉ định các widget được đặt cho một thanh bên và vị trí của nó.

CÀI ĐẶT LIÊN QUAN ĐẾN WIDGET

Các cài đặt này cho phép chỉ định các widget được đặt cho bất kỳ khu vực widget nào. Kiểm tra phần Widgets để biết thêm thông tin.

Biên tập phối màu

Cài đặt của phần này cung cấp cho bạn nhiều tùy chọn hơn để quản lý linh hoạt bảng màu của trang web của bạn. Hãy xem xét các tham số này.

CÀI ĐẶT MÀU

Tại đây, bạn có thể chọn gắn bó với Đơn giản (bạn sẽ chỉ có thể thay đổi màu có dấu, liên kết và màu nút) hoặc tùy chọn Nâng cao (bạn sẽ có thể kiểm soát hoàn toàn giao diện trang web của mình) tùy chỉnh bảng màu cài đặt.

BẢNG MÀU

Chọn một trong một vài bảng màu được xác định trước:

Mặc định

LIÊN KẾT

Tùy chọn này cho phép bạn đặt màu cần thiết cho các liên kết và vùng có dấu của bạn.

LIÊN KẾT HOVER

Tại đây bạn có thể đặt màu di chuột cần thiết cho các liên kết và vùng có dấu của mình.

XIN LƯU Ý Trong trường hợp khả năng phối màu “Đơn giản” là không đủ, bạn có thể sử dụng bảng màu “Nâng cao” và thay đổi hoàn toàn cảm giác và giao diện của toàn bộ trang web của bạn.

TRANG CHỦ

This section covers the information about Pages in your website: included page templates, how to edit existing pages and add new ones.

Page templates

To create a new page navigate to “Pages” dashboard menu item in your WordPress admin panel and click on Add new button.

Choose either “Blog Archive” (blog page) or “Default Template” (regular page) option in the Page Attributes sidebar.

Additionally, you can manipulate with “Theme Options” settings to customize an overall look and behavior of your page.

Homepage

Now, let’s proceed with building a homepage. You can create as many options of the main page, as you want.

Below is the “Homepage 1” configuration example, the same one as on our demo website.

HOMEPAGE 1

The screenshot below demonstrates the page style we are aiming at:

The algorithm of our actions would be as follows:

    1. Select Pages > Add New and create a new page.
  1. Specify a name for it (e.g. Home 1).

Now the page is ready for further customization with WPBakery Page Builder. Before you start, please check these WPBakery Page Builder-related tutorials. They give you a basic understanding of how to build a page properly.

    1. Official WPBakery Page Builder FAQ page.
    1. Getting Started With WPBakery Page Builder Guide.
    1. WPBakery Page Builder: A Guide To Drag & Drop Page Building.
    1. How to Add Row and Column with WPBakery Page Builder.
    1. How to Add Row or Column Background with WPBakery Page Builder.
  1. How to Create Empty Space Between Elements with Custom Height.

Usually, the page consists of Sections, Rows, Block containers, Content Blocks, Columns and some other elements. On the screenshots below you can see which backend section corresponds to a front-end section.

Below are screenshots of “Homepage 1” front-end and back-end divided into sections, its source code, and the “Theme Options” settings.

To make the homepages look exactly like on demo, please specify the necessary id and class name on the “Widget Slider Settings” tab in the WPBakery Page Builder’s Row settings. Check the screenshot below for more information.

Homepage 1 Code
  1. [vc_row full_width=“stretch_row_content_no_spaces”][vc_column][trx_widget_slider title=“” engine=“swiper” height=“695” alias=“home-slider” slider_style=“special” effect=“slide” category=“0” posts=“” slides_per_view=“1” slides_space=“30” interval=“10000” titles=“no” large=“” controls=“” label_prev=“” label_next=“” pagination=“” slides=“%5B%7B%7D%5D” id=“home-slider-1” class=“long-row first-block” css=“.vc_custom_1481188773277{background-color: #f7f8fc !important;}” noresize=“1” slides_type=“images” slides_ratio=“370:265”][trx_slide title=“2014
  2. SHIRAZ CABERNET” subtitle=“$195<sup>55</sup>” link=“” image=“849” video_url=“” video_embed=“” id=“” class=“” css=“”][vc_row_inner equal_height=“yes” gap=“30”][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_hidden-xs”][vc_empty_space height=“6.5625em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]<span style=“color: #2a2a2a;”><strong>TASTE:</strong> Delicate fresh blossom aromas teamed with juicy lemon flavours.</span>
  3.  
  4. <span style=“color: #2a2a2a;”><strong>SMELL:</strong> Finely balanced, showing juicy lemon and lime flavours, supported by elegant mineral acidity.</span>
  5.  
  6. <span style=“color: #2a2a2a;”><strong>COMPLEMENTS:</strong> Oysters with mirin dressing or seared scallops with mediterranean vegetables tossed with lemon dressing.</span>[/vc_column_text][/vc_column_inner][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-2 vc_col-md-4 vc_col-sm-offset-2 vc_col-xs-12”][vc_single_image image=“1220” img_size=“full” alignment=“center”][/vc_column_inner][vc_column_inner width=“5/12” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-5 vc_col-sm-offset-0 vc_col-xs-12”][vc_empty_space height=“6.25em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]
  7. <h1 class=“trx_addons_no_margins”><span style=“color: #2a2a2a;”>2014</span>
  8. <span style=“color: #2a2a2a;”>SHIRAZ</span>
  9. <span style=“color: #2a2a2a;”>CABERNET</span></h1>
  10. [/vc_column_text][vc_column_text]
  11. <h3 class=“trx_addons_no_margins”><span style=“color: #e39a31;”>$195<sup>55</sup></span></h3>
  12. [/vc_column_text][trx_sc_button type=“default” size=“normal” link=“/product/shiraz-cabernet” title=“See details” subtitle=“” align=“none” text_align=“none” bg_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“”][/vc_column_inner][/vc_row_inner][/trx_slide][trx_slide title=“2014
  13. CENTENARY HILL SHIRAZ” subtitle=“$65<sup>00</sup>” link=“” image=“844” video_url=“” video_embed=“” id=“” class=“” css=“”][vc_row_inner equal_height=“yes” gap=“30”][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_hidden-xs”][vc_empty_space height=“6.5625em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]<span style=“color: #2a2a2a;”><strong>TASTE:</strong> Delicate fresh blossom aromas teamed with juicy lemon flavours.</span>
  14.  
  15. <span style=“color: #2a2a2a;”><strong>SMELL:</strong> Finely balanced, showing juicy lemon and lime flavours, supported by elegant mineral acidity.</span>
  16.  
  17. <span style=“color: #2a2a2a;”><strong>COMPLEMENTS:</strong> Oysters with mirin dressing or seared scallops with mediterranean vegetables tossed with lemon dressing.</span>[/vc_column_text][/vc_column_inner][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-2 vc_col-md-4 vc_col-sm-offset-2 vc_col-xs-12”][vc_single_image image=“1221” img_size=“full” alignment=“center”][/vc_column_inner][vc_column_inner width=“5/12” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-5 vc_col-sm-offset-0 vc_col-xs-12”][vc_empty_space height=“6.25em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]
  18. <h1 class=“trx_addons_no_margins”><span style=“color: #2a2a2a;”>2014
  19. CENTENARY
  20. HILL SHIRAZ</span></h1>
  21. [/vc_column_text][vc_column_text]
  22. <h3 class=“trx_addons_no_margins”><span style=“color: #e39a31;”>$65<sup>00</sup></span></h3>
  23. [/vc_column_text][trx_sc_button type=“default” size=“normal” link=“/product/centenary-hill-shiraz” title=“See details” subtitle=“” align=“none” text_align=“none” bg_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“”][/vc_column_inner][/vc_row_inner][/trx_slide][trx_slide title=“2014
  24. REEVES POINT” subtitle=“$99<sup>00</sup>” link=“” image=“847” video_url=“” video_embed=“” id=“” class=“” css=“”][vc_row_inner equal_height=“yes” gap=“30”][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_hidden-xs”][vc_empty_space height=“6.5625em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]<span style=“color: #2a2a2a;”><strong>TASTE:</strong> Delicate fresh blossom aromas teamed with juicy lemon flavours.</span>
  25.  
  26. <span style=“color: #2a2a2a;”><strong>SMELL:</strong> Finely balanced, showing juicy lemon and lime flavours, supported by elegant mineral acidity.</span>
  27.  
  28. <span style=“color: #2a2a2a;”><strong>COMPLEMENTS:</strong> Oysters with mirin dressing or seared scallops with mediterranean vegetables tossed with lemon dressing.</span>[/vc_column_text][/vc_column_inner][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-2 vc_col-md-4 vc_col-sm-offset-2 vc_col-xs-12”][vc_single_image image=“1222” img_size=“full” alignment=“center”][/vc_column_inner][vc_column_inner width=“5/12” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-5 vc_col-sm-offset-0 vc_col-xs-12”][vc_empty_space height=“6.25em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]
  29. <h1 class=“trx_addons_no_margins”><span style=“color: #2a2a2a;”>2014
  30. REEVES
  31. POINT</span></h1>
  32. [/vc_column_text][vc_column_text]
  33. <h3 class=“trx_addons_no_margins”><span style=“color: #e39a31;”>$99<sup>00</sup></span></h3>
  34. [/vc_column_text][trx_sc_button type=“default” size=“normal” link=“/product/reeves-point” title=“See details” subtitle=“” align=“none” text_align=“none” bg_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“”][/vc_column_inner][/vc_row_inner][/trx_slide][trx_slide title=“2012
  35. 1837 CABERNET MERLOT” subtitle=“$250<sup>00</sup>” link=“” image=“848” video_url=“” video_embed=“” id=“” class=“” css=“”][vc_row_inner equal_height=“yes” gap=“30”][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_hidden-xs”][vc_empty_space height=“6.5625em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]<span style=“color: #2a2a2a;”><strong>TASTE:</strong> Delicate fresh blossom aromas teamed with juicy lemon flavours.</span>
  36.  
  37. <span style=“color: #2a2a2a;”><strong>SMELL:</strong> Finely balanced, showing juicy lemon and lime flavours, supported by elegant mineral acidity.</span>
  38.  
  39. <span style=“color: #2a2a2a;”><strong>COMPLEMENTS:</strong> Oysters with mirin dressing or seared scallops with mediterranean vegetables tossed with lemon dressing.</span>[/vc_column_text][/vc_column_inner][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-2 vc_col-md-4 vc_col-sm-offset-2 vc_col-xs-12”][vc_single_image image=“1223” img_size=“full” alignment=“center”][/vc_column_inner][vc_column_inner width=“5/12” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-5 vc_col-sm-offset-0 vc_col-xs-12”][vc_empty_space height=“6.25em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]
  40. <h1 class=“trx_addons_no_margins”><span style=“color: #2a2a2a;”>2012
  41. 1837 CABERNET
  42. MERLOT</span></h1>
  43. [/vc_column_text][vc_column_text]
  44. <h3 class=“trx_addons_no_margins”><span style=“color: #e39a31;”>$250<sup>00</sup></span></h3>
  45. [/vc_column_text][trx_sc_button type=“default” size=“normal” link=“/product/1837-cabernet-merlot” title=“See details” subtitle=“” align=“none” text_align=“none” bg_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“”][/vc_column_inner][/vc_row_inner][/trx_slide][/trx_widget_slider][trx_slider_controller slider_id=“home-slider-1” controller_style=“products” effect=“slide” slides_per_view=“3” slides_space=“30” interval=“10000” controls=“” height=“190” id=“” class=“long-row” css=“.vc_custom_1485786144462{background-color: #f7f8fc !important;}”][trx_sc_content type=“default” width=“none” float=“center” align=“center” title_style=“default” title_align=“center” title=“Wine for Everyone” subtitle=“” description=“We know wine isn’t just for snobs anymore. Our friendly wine experts have put their experience and knowledge to good use building our collection of balanced and approachable wines for every price point and any occasion.” link=“#” link_text=“Explore our region” link_image=“” scheme=“inherit” id=“” class=“long-row” css=“.vc_custom_1485786282128{background: #f7f8fc url(/wp-content/uploads/2016/07/home-banner.jpg?id=1169) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” colors=“light”][/trx_sc_content][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=“” alter_height=“medium” hide_on_mobile=“”][vc_column_text]
  46. <h2 class=“trx_addons_no_margins” style=“text-align: center; font-weight: 600;”>Free Shipping worldwide</h2>
  47. <p style=“text-align: center;”>ON OREDER OVER $500. <a href=“/our-wines/”>SHOP NOW</a></p>
  48. [/vc_column_text][vc_separator css=“.vc_custom_1479736594682{margin-top: 2.5em !important;}”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]
  49. <h1 style=“text-align: center;”>Our Top
  50. Wines</h1>
  51. [/vc_column_text][vc_empty_space height=“” alter_height=“medium” hide_on_mobile=“”][products columns=“4” orderby=“” order=“” ids=“405, 406, 404, 403, 402, 401, 395, 387”][vc_empty_space height=“” alter_height=“medium” hide_on_mobile=“1”][trx_sc_button type=“default” size=“small” link=“/shop/” title=“More Wines” subtitle=“” align=“center” text_align=“center” bg_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“”][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“”][/vc_column][/vc_row][vc_row][vc_column width=“1/6”][/vc_column][vc_column width=“2/3”][vc_empty_space height=“” hide_on_mobile=“”][trx_sc_promo type=“modern” icon_type=“fontawesome” icon_fontawesome=“” title=“Discover Our Wines” subtitle=“Defined by our Region, Crafted by our Winemakers” description=“” link=“” link_text=“” link_image=“811” image=“” image_position=“left” image_width=“50%” image_cover=“1” size=“large” text_width=“none” text_float=“none” text_align=“center” text_paddings=“” text_margins=“” gap=“” scheme=“inherit” id=“” class=“” css=“” text_bg_color=“” image_bg_color=“” full_height=“” title_style=“default” title_align=“default” link2=“” link2_text=“”][vc_column_text]Cras sodales luctus arcu, ac placerat nunc sagittis a. In at turpis ac nibh luctus sagittis in ut est. Proin sed mi vitae velit convallis gravida imperdiet eu mauris. Maecenas vehicula quam vel urna pulvinar, quis faucibus quam pellentesque. Sed vitae pellentesque velit. Etiam nec ornare tortor.[/vc_column_text][/trx_sc_promo][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“1”][vc_empty_space height=“” hide_on_mobile=“”][/vc_column][vc_column width=“1/6”][/vc_column][/vc_row][vc_row][vc_column width=“1/12”][/vc_column][vc_column width=“5/6”][trx_sc_blogger type=“classic” cat=“19” count=“2” columns=“2” orderby=“date” order=“asc” excerpt=“1” slider=“” slides_space=“0” title=“” subtitle=“” description=“” link=“” link_text=“” link_image=“” scheme=“inherit” id=“” class=“” css=“” hide_excerpt=“1” title_style=“default” title_align=“default”][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“1”][/vc_column][vc_column width=“1/12”][/vc_column][/vc_row][vc_row full_width=“stretch_row_content”][vc_column][trx_sc_action type=“default” columns=“2” slider=“” slides_space=“0” actions=“%5B%7B%22title%22%3A%22SPARKLING%20CHARDONNAY%20PINOT%20NOIR%22%2C%22info%22%3A%22%24345%3Csup%3E00%3C%2Fsup%3E%22%2C%22description%22%3A%22Rich%20and%20nutty%2C%20refreshing%5Cnand%20lemony.%20Perfect%20with%5Cnthe%20added%20sparkle%22%2C%22link%22%3A%22%2Fproduct%2Fshardonnay-sparkling-pinot-noir%22%2C%22image%22%3A%22854%22%2C%22icon_type%22%3A%22fontawesome%22%7D%2C%7B%22title%22%3A%22SPARKLING%20TRILOGY%20NV%20CUV%C3%89E%20BRUT%22%2C%22info%22%3A%22%24259%3Csup%3E00%3C%2Fsup%3E%22%2C%22description%22%3A%22Elegant%20and%20creamy%2C%20lively%5Cnred%20currants%20and%20crumbly%5Cnbiscuits.%22%2C%22link%22%3A%22%2Fproduct%2Fshardonnay-reeves%22%2C%22image%22%3A%22846%22%2C%22icon_type%22%3A%22fontawesome%22%7D%5D” title=“” subtitle=“” description=“” link=“” link_text=“” link_image=“” id=“” class=“” css=“” full_height=“” title_style=“default” title_align=“default” height=“” scheme=“inherit” sticker=“1”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“1”][/vc_column][/vc_row][vc_row full_width=“stretch_row”][vc_column][vc_empty_space height=“” alter_height=“medium” hide_on_mobile=“”][trx_sc_testimonials cat=“0” count=“3” columns=“1” slider=“1” slides_space=“30” title=“What Our Clients Say” subtitle=“” description=“” link=“” link_text=“” link_image=“” scheme=“inherit” id=“” class=“” css=“” type=“default” title_style=“default” title_align=“default”][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“”][/vc_column][/vc_row]

The background color/image for the page blocks can be customized in the Widget Slider Settings > General or Content Area Settings > Design Options tab in the WPBakery backend editor.

Theme Options settings (Homepage 1):

Once you finished with building your page, you would need to assign it as Homepage. To do this:

    1. Navigate to Settings > Reading menu item in the WordPress dashboard menu.
    2. In the “Homepage displays” section select “A static page (select below)” option and choose the necessary page from the drop-down list in the “Homepage”.
  1. Click on “Save” button to save the changes.

Feel free to create your own variations of Homepage.

HOME 2

This is how the second version looks like.

Homepage 2 Code
  1. [vc_row full_width=“stretch_row_content_no_spaces”][vc_column][trx_widget_slider title=“” engine=“swiper” height=“695” alias=“home-slider” slider_style=“special” effect=“slide” category=“0” posts=“” slides_per_view=“1” slides_space=“30” interval=“10000” titles=“no” large=“” controls=“” label_prev=“” label_next=“” pagination=“” slides=“%5B%7B%7D%5D” id=“home-slider-1” class=“long-row first-block” css=“.vc_custom_1481188773277{background-color: #f7f8fc !important;}” noresize=“1” slides_type=“images” slides_ratio=“370:265”][trx_slide title=“2014
  2. SHIRAZ CABERNET” subtitle=“$195<sup>55</sup>” link=“” image=“849” video_url=“” video_embed=“” id=“” class=“” css=“”][vc_row_inner equal_height=“yes” gap=“30”][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_hidden-xs”][vc_empty_space height=“6.5625em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]<span style=“color: #2a2a2a;”><strong>TASTE:</strong> Delicate fresh blossom aromas teamed with juicy lemon flavours.</span>
  3.  
  4. <span style=“color: #2a2a2a;”><strong>SMELL:</strong> Finely balanced, showing juicy lemon and lime flavours, supported by elegant mineral acidity.</span>
  5.  
  6. <span style=“color: #2a2a2a;”><strong>COMPLEMENTS:</strong> Oysters with mirin dressing or seared scallops with mediterranean vegetables tossed with lemon dressing.</span>[/vc_column_text][/vc_column_inner][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-2 vc_col-md-4 vc_col-sm-offset-2 vc_col-xs-12”][vc_single_image image=“1220” img_size=“full” alignment=“center”][/vc_column_inner][vc_column_inner width=“5/12” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-5 vc_col-sm-offset-0 vc_col-xs-12”][vc_empty_space height=“6.25em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]
  7. <h1 class=“trx_addons_no_margins”><span style=“color: #2a2a2a;”>2014</span>
  8. <span style=“color: #2a2a2a;”>SHIRAZ</span>
  9. <span style=“color: #2a2a2a;”>CABERNET</span></h1>
  10. [/vc_column_text][vc_column_text]
  11. <h3 class=“trx_addons_no_margins”><span style=“color: #e39a31;”>$195<sup>55</sup></span></h3>
  12. [/vc_column_text][trx_sc_button type=“default” size=“normal” link=“/product/shiraz-cabernet” title=“See details” subtitle=“” align=“none” text_align=“none” bg_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“”][/vc_column_inner][/vc_row_inner][/trx_slide][trx_slide title=“2014
  13. CENTENARY HILL SHIRAZ” subtitle=“$65<sup>00</sup>” link=“” image=“844” video_url=“” video_embed=“” id=“” class=“” css=“”][vc_row_inner equal_height=“yes” gap=“30”][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_hidden-xs”][vc_empty_space height=“6.5625em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]<span style=“color: #2a2a2a;”><strong>TASTE:</strong> Delicate fresh blossom aromas teamed with juicy lemon flavours.</span>
  14.  
  15. <span style=“color: #2a2a2a;”><strong>SMELL:</strong> Finely balanced, showing juicy lemon and lime flavours, supported by elegant mineral acidity.</span>
  16.  
  17. <span style=“color: #2a2a2a;”><strong>COMPLEMENTS:</strong> Oysters with mirin dressing or seared scallops with mediterranean vegetables tossed with lemon dressing.</span>[/vc_column_text][/vc_column_inner][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-2 vc_col-md-4 vc_col-sm-offset-2 vc_col-xs-12”][vc_single_image image=“1221” img_size=“full” alignment=“center”][/vc_column_inner][vc_column_inner width=“5/12” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-5 vc_col-sm-offset-0 vc_col-xs-12”][vc_empty_space height=“6.25em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]
  18. <h1 class=“trx_addons_no_margins”><span style=“color: #2a2a2a;”>2014
  19. CENTENARY
  20. HILL SHIRAZ</span></h1>
  21. [/vc_column_text][vc_column_text]
  22. <h3 class=“trx_addons_no_margins”><span style=“color: #e39a31;”>$65<sup>00</sup></span></h3>
  23. [/vc_column_text][trx_sc_button type=“default” size=“normal” link=“/product/centenary-hill-shiraz” title=“See details” subtitle=“” align=“none” text_align=“none” bg_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“”][/vc_column_inner][/vc_row_inner][/trx_slide][trx_slide title=“2014
  24. REEVES POINT” subtitle=“$99<sup>00</sup>” link=“” image=“847” video_url=“” video_embed=“” id=“” class=“” css=“”][vc_row_inner equal_height=“yes” gap=“30”][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_hidden-xs”][vc_empty_space height=“6.5625em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]<span style=“color: #2a2a2a;”><strong>TASTE:</strong> Delicate fresh blossom aromas teamed with juicy lemon flavours.</span>
  25.  
  26. <span style=“color: #2a2a2a;”><strong>SMELL:</strong> Finely balanced, showing juicy lemon and lime flavours, supported by elegant mineral acidity.</span>
  27.  
  28. <span style=“color: #2a2a2a;”><strong>COMPLEMENTS:</strong> Oysters with mirin dressing or seared scallops with mediterranean vegetables tossed with lemon dressing.</span>[/vc_column_text][/vc_column_inner][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-2 vc_col-md-4 vc_col-sm-offset-2 vc_col-xs-12”][vc_single_image image=“1222” img_size=“full” alignment=“center”][/vc_column_inner][vc_column_inner width=“5/12” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-5 vc_col-sm-offset-0 vc_col-xs-12”][vc_empty_space height=“6.25em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]
  29. <h1 class=“trx_addons_no_margins”><span style=“color: #2a2a2a;”>2014
  30. REEVES
  31. POINT</span></h1>
  32. [/vc_column_text][vc_column_text]
  33. <h3 class=“trx_addons_no_margins”><span style=“color: #e39a31;”>$99<sup>00</sup></span></h3>
  34. [/vc_column_text][trx_sc_button type=“default” size=“normal” link=“/product/reeves-point” title=“See details” subtitle=“” align=“none” text_align=“none” bg_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“”][/vc_column_inner][/vc_row_inner][/trx_slide][trx_slide title=“2012
  35. 1837 CABERNET MERLOT” subtitle=“$250<sup>00</sup>” link=“” image=“848” video_url=“” video_embed=“” id=“” class=“” css=“”][vc_row_inner equal_height=“yes” gap=“30”][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_hidden-xs”][vc_empty_space height=“6.5625em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]<span style=“color: #2a2a2a;”><strong>TASTE:</strong> Delicate fresh blossom aromas teamed with juicy lemon flavours.</span>
  36.  
  37. <span style=“color: #2a2a2a;”><strong>SMELL:</strong> Finely balanced, showing juicy lemon and lime flavours, supported by elegant mineral acidity.</span>
  38.  
  39. <span style=“color: #2a2a2a;”><strong>COMPLEMENTS:</strong> Oysters with mirin dressing or seared scallops with mediterranean vegetables tossed with lemon dressing.</span>[/vc_column_text][/vc_column_inner][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-2 vc_col-md-4 vc_col-sm-offset-2 vc_col-xs-12”][vc_single_image image=“1223” img_size=“full” alignment=“center”][/vc_column_inner][vc_column_inner width=“5/12” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-5 vc_col-sm-offset-0 vc_col-xs-12”][vc_empty_space height=“6.25em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]
  40. <h1 class=“trx_addons_no_margins”><span style=“color: #2a2a2a;”>2012
  41. 1837 CABERNET
  42. MERLOT</span></h1>
  43. [/vc_column_text][vc_column_text]
  44. <h3 class=“trx_addons_no_margins”><span style=“color: #e39a31;”>$250<sup>00</sup></span></h3>
  45. [/vc_column_text][trx_sc_button type=“default” size=“normal” link=“/product/1837-cabernet-merlot” title=“See details” subtitle=“” align=“none” text_align=“none” bg_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“”][/vc_column_inner][/vc_row_inner][/trx_slide][/trx_widget_slider][trx_slider_controller slider_id=“home-slider-1” controller_style=“products” effect=“slide” slides_per_view=“3” slides_space=“30” interval=“10000” controls=“1” height=“190” id=“” class=“long-row” css=“.vc_custom_1485786345449{background-color: #f7f8fc !important;}”][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“” el_class=“long-row” css=“.vc_custom_1480678567696{background-color: #f7f8fc !important;}”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=“” alter_height=“medium” hide_on_mobile=“”][vc_column_text]
  46. <h2 class=“trx_addons_no_margins” style=“text-align: center; font-weight: 600;”>Free Shipping worldwide</h2>
  47. <p style=“text-align: center;”>ON OREDER OVER $500. <a href=“/our-wines/”>SHOP NOW</a></p>
  48. [/vc_column_text][vc_separator css=“.vc_custom_1479736594682{margin-top: 2.5em !important;}”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]
  49. <h1 style=“text-align: center;”>Our Top
  50. Wines</h1>
  51. [/vc_column_text][vc_empty_space height=“” alter_height=“medium” hide_on_mobile=“”][products columns=“4” orderby=“” order=“” ids=“405, 406, 404, 403, 402, 401, 395, 387”][vc_empty_space height=“” alter_height=“medium” hide_on_mobile=“1”][trx_sc_button type=“default” size=“small” link=“/shop/” title=“More Wines” subtitle=“” align=“center” text_align=“none” bg_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“”][vc_empty_space height=“” alter_height=“huge” hide_on_mobile=“”][/vc_column][/vc_row][vc_row full_width=“stretch_row_content”][vc_column][trx_sc_promo type=“default” icon_type=“fontawesome” icon_fontawesome=“” title_style=“default” title_align=“default” title=“The Collection” subtitle=“Defined by our Region, Crafted by our Winemakers” description=“Cras sodales luctus arcu, ac placerat nunc sagittis a. In at turpis ac nibh luctus sagittis in ut est. Proin sed mi vitae velit convallis gravida imperdiet eu mauris. Maecenas vehicula quam vel urna pulvinar, quis faucibus quam pellentesque. Sed vitae pellentesque velit. Etiam nec ornare tortor.” link=“#” link_text=“See Details” link_image=“” link2=“” link2_text=“” text_bg_color=“” image=“874” image_position=“right” image_width=“50%” image_cover=“1” image_bg_color=“” size=“large” text_width=“1_2” text_float=“none” text_align=“center” full_height=“” text_paddings=“” text_margins=“10.75em auto 10.75em auto” gap=“” scheme=“inherit” id=“” class=“” css=“”][/trx_sc_promo][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]
  52. <h2 class=“trx_addons_no_margins” style=“text-align: center;”>Case Specials</h2>
  53. [/vc_column_text][trx_sc_icons type=“default” align=“center” size=“large” color=“” columns=“” icons_animation=“” icons=“%5B%7B%22icon_type%22%3A%22fontawesome%22%7D%5D” title_style=“default” title_align=“default” title=“” subtitle=“We’re proud to introduce the 2012 Duckhorn Vineyards Napa Valley Chardonnay! |Purchase 12 or more bottles of these select wines (750ml) and get 10% off!” description=“” link=“” link_text=“” link_image=“” id=“” class=“” css=“”][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“”][ess_grid alias=“home-2”][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“”][/vc_column][/vc_row][vc_row][vc_column][trx_sc_blogger type=“classic” cat=“21” count=“3” columns=“3” orderby=“date” order=“desc” excerpt=“1” slider=“” slides_space=“0” title=“Choose a Winery” subtitle=“” description=“” link=“” link_text=“” link_image=“” scheme=“inherit” id=“” class=“” css=“”][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“”][/vc_column][/vc_row][vc_row full_width=“stretch_row_content”][vc_column][trx_sc_action type=“default” columns=“2” slider=“” slides_space=“0” actions=“%5B%7B%22title%22%3A%22SPARKLING%20CHARDONNAY%20PINOT%20NOIR%22%2C%22info%22%3A%22%24345%3Csup%3E00%3C%2Fsup%3E%22%2C%22description%22%3A%22Rich%20and%20nutty%2C%20refreshing%5Cnand%20lemony.%20Perfect%20with%5Cnthe%20added%20sparkle%22%2C%22link%22%3A%22%2Fproduct%2Fshardonnay-sparkling-pinot-noir%22%2C%22image%22%3A%22854%22%2C%22icon_type%22%3A%22fontawesome%22%7D%2C%7B%22title%22%3A%22SPARKLING%20TRILOGY%20NV%20CUV%C3%89E%20BRUT%22%2C%22info%22%3A%22%24259%3Csup%3E00%3C%2Fsup%3E%22%2C%22description%22%3A%22Elegant%20and%20creamy%2C%20lively%5Cnred%20currants%20and%20crumbly%5Cnbiscuits.%22%2C%22link%22%3A%22%2Fproduct%2Fshardonnay-reeves%22%2C%22image%22%3A%22846%22%2C%22icon_type%22%3A%22fontawesome%22%7D%5D” title=“” subtitle=“” description=“” link=“” link_text=“” link_image=“” id=“” class=“” css=“” full_height=“” title_style=“default” title_align=“default” height=“” scheme=“inherit” sticker=“1”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“”][/vc_column][/vc_row][vc_row full_width=“stretch_row”][vc_column][vc_empty_space height=“” alter_height=“medium” hide_on_mobile=“”][trx_sc_testimonials cat=“0” count=“3” columns=“1” slider=“1” slides_space=“0” title=“What Our Clients Say” subtitle=“” description=“” link=“” link_text=“” link_image=“” scheme=“inherit” id=“” class=“” css=“” type=“default”][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“”][/vc_column][/vc_row]

Theme Options settings (Homepage 2):

HOME 3

This is how the third version looks like.

Homepage 3 Code
  1. [vc_row full_width=“stretch_row_content_no_spaces”][vc_column][trx_widget_slider title=“” engine=“swiper” height=“695” alias=“home-slider” slider_style=“special” effect=“slide” category=“0” posts=“” slides_per_view=“1” slides_space=“30” interval=“10000” titles=“no” large=“” controls=“” label_prev=“” label_next=“” pagination=“” slides=“%5B%7B%7D%5D” id=“home-slider-1” class=“long-row first-block” css=“.vc_custom_1481901070069{background-color: #f7f8fc !important;}” noresize=“1” slides_type=“images” slides_ratio=“370:265”][trx_slide title=“2014
  2. SHIRAZ CABERNET” subtitle=“$195<sup>55</sup>” link=“” image=“849” video_url=“” video_embed=“” id=“” class=“” css=“”][vc_row_inner equal_height=“yes” gap=“30”][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_col-xs-4 vc_hidden-xs”][vc_empty_space height=“6.5625em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]<span style=“color: #2a2a2a;”><strong>TASTE:</strong> Delicate fresh blossom aromas teamed with juicy lemon flavours.</span>
  3.  
  4. <span style=“color: #2a2a2a;”><strong>SMELL:</strong> Finely balanced, showing juicy lemon and lime flavours, supported by elegant mineral acidity.</span>
  5.  
  6. <span style=“color: #2a2a2a;”><strong>COMPLEMENTS:</strong> Oysters with mirin dressing or seared scallops with mediterranean vegetables tossed with lemon dressing.</span>[/vc_column_text][/vc_column_inner][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-2 vc_col-md-4 vc_col-sm-offset-2 vc_col-xs-12”][vc_single_image image=“1220” img_size=“full” alignment=“center”][/vc_column_inner][vc_column_inner width=“5/12” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-5 vc_col-sm-offset-0 vc_col-xs-12”][vc_empty_space height=“6.25em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]
  7. <h1 class=“trx_addons_no_margins”><span style=“color: #2a2a2a;”>2014</span>
  8. <span style=“color: #2a2a2a;”>SHIRAZ</span>
  9. <span style=“color: #2a2a2a;”>CABERNET</span></h1>
  10. [/vc_column_text][vc_column_text]
  11. <h3 class=“trx_addons_no_margins”><span style=“color: #e39a31;”>$195<sup>55</sup></span></h3>
  12. [/vc_column_text][trx_sc_button type=“default” size=“normal” link=“/product/shiraz-cabernet” title=“See details” subtitle=“” align=“none” text_align=“none” bg_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“”][/vc_column_inner][/vc_row_inner][/trx_slide][trx_slide title=“2014
  13. CENTENARY HILL SHIRAZ” subtitle=“$65<sup>00</sup>” link=“” image=“844” video_url=“” video_embed=“” id=“” class=“” css=“”][vc_row_inner equal_height=“yes” gap=“30”][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_hidden-xs”][vc_empty_space height=“6.5625em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]<span style=“color: #2a2a2a;”><strong>TASTE:</strong> Delicate fresh blossom aromas teamed with juicy lemon flavours.</span>
  14.  
  15. <span style=“color: #2a2a2a;”><strong>SMELL:</strong> Finely balanced, showing juicy lemon and lime flavours, supported by elegant mineral acidity.</span>
  16.  
  17. <span style=“color: #2a2a2a;”><strong>COMPLEMENTS:</strong> Oysters with mirin dressing or seared scallops with mediterranean vegetables tossed with lemon dressing.</span>[/vc_column_text][/vc_column_inner][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-2 vc_col-md-4 vc_col-sm-offset-2 vc_col-xs-12”][vc_single_image image=“1221” img_size=“full” alignment=“center”][/vc_column_inner][vc_column_inner width=“5/12” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-5 vc_col-sm-offset-0 vc_col-xs-12”][vc_empty_space height=“6.25em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]
  18. <h1 class=“trx_addons_no_margins”><span style=“color: #2a2a2a;”>2014
  19. CENTENARY
  20. HILL SHIRAZ</span></h1>
  21. [/vc_column_text][vc_column_text]
  22. <h3 class=“trx_addons_no_margins”><span style=“color: #e39a31;”>$65<sup>00</sup></span></h3>
  23. [/vc_column_text][trx_sc_button type=“default” size=“normal” link=“/product/centenary-hill-shiraz” title=“See details” subtitle=“” align=“none” text_align=“none” bg_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“”][/vc_column_inner][/vc_row_inner][/trx_slide][trx_slide title=“2014
  24. REEVES POINT” subtitle=“$99<sup>00</sup>” link=“” image=“847” video_url=“” video_embed=“” id=“” class=“” css=“”][vc_row_inner equal_height=“yes” gap=“30”][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_hidden-xs”][vc_empty_space height=“6.5625em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]<span style=“color: #2a2a2a;”><strong>TASTE:</strong> Delicate fresh blossom aromas teamed with juicy lemon flavours.</span>
  25.  
  26. <span style=“color: #2a2a2a;”><strong>SMELL:</strong> Finely balanced, showing juicy lemon and lime flavours, supported by elegant mineral acidity.</span>
  27.  
  28. <span style=“color: #2a2a2a;”><strong>COMPLEMENTS:</strong> Oysters with mirin dressing or seared scallops with mediterranean vegetables tossed with lemon dressing.</span>[/vc_column_text][/vc_column_inner][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-2 vc_col-md-4 vc_col-sm-offset-2 vc_col-xs-12”][vc_single_image image=“1222” img_size=“full” alignment=“center”][/vc_column_inner][vc_column_inner width=“5/12” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-5 vc_col-sm-offset-0 vc_col-xs-12”][vc_empty_space height=“6.25em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]
  29. <h1 class=“trx_addons_no_margins”><span style=“color: #2a2a2a;”>2014
  30. REEVES
  31. POINT</span></h1>
  32. [/vc_column_text][vc_column_text]
  33. <h3 class=“trx_addons_no_margins”><span style=“color: #e39a31;”>$99<sup>00</sup></span></h3>
  34. [/vc_column_text][trx_sc_button type=“default” size=“normal” link=“/product/reeves-point” title=“See details” subtitle=“” align=“none” text_align=“none” bg_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“”][/vc_column_inner][/vc_row_inner][/trx_slide][trx_slide title=“2012
  35. 1837 CABERNET MERLOT” subtitle=“$250<sup>00</sup>” link=“” image=“848” video_url=“” video_embed=“” id=“” class=“” css=“”][vc_row_inner equal_height=“yes” gap=“30”][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_hidden-xs”][vc_empty_space height=“6.5625em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]<span style=“color: #2a2a2a;”><strong>TASTE:</strong> Delicate fresh blossom aromas teamed with juicy lemon flavours.</span>
  36.  
  37. <span style=“color: #2a2a2a;”><strong>SMELL:</strong> Finely balanced, showing juicy lemon and lime flavours, supported by elegant mineral acidity.</span>
  38.  
  39. <span style=“color: #2a2a2a;”><strong>COMPLEMENTS:</strong> Oysters with mirin dressing or seared scallops with mediterranean vegetables tossed with lemon dressing.</span>[/vc_column_text][/vc_column_inner][vc_column_inner width=“1/3” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-2 vc_col-md-4 vc_col-sm-offset-2 vc_col-xs-12”][vc_single_image image=“1223” img_size=“full” alignment=“center”][/vc_column_inner][vc_column_inner width=“5/12” offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-5 vc_col-sm-offset-0 vc_col-xs-12”][vc_empty_space height=“6.25em” alter_height=“none” hide_on_mobile=“1”][vc_column_text]
  40. <h1 class=“trx_addons_no_margins”><span style=“color: #2a2a2a;”>2012
  41. 1837 CABERNET
  42. MERLOT</span></h1>
  43. [/vc_column_text][vc_column_text]
  44. <h3 class=“trx_addons_no_margins”><span style=“color: #e39a31;”>$250<sup>00</sup></span></h3>
  45. [/vc_column_text][trx_sc_button type=“default” size=“normal” link=“/product/1837-cabernet-merlot” title=“See details” subtitle=“” align=“none” text_align=“none” bg_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“”][/vc_column_inner][/vc_row_inner][/trx_slide][/trx_widget_slider][trx_slider_controller slider_id=“home-slider-1” controller_style=“products” effect=“slide” slides_per_view=“3” slides_space=“30” interval=“10000” controls=“” height=“190” id=“” class=“long-row” css=“.vc_custom_1485770105572{background-color: #f7f8fc !important;}”][trx_sc_content type=“default” width=“none” float=“center” align=“center” title_style=“default” title_align=“center” title=“Wine for Everyone” subtitle=“” description=“We know wine isn’t just for snobs anymore. Our friendly wine experts have put their experience and knowledge to good use building our collection of balanced and approachable wines for every price point and any occasion.” link=“#” link_text=“Explore our region” link_image=“” scheme=“inherit” id=“” class=“long-row” css=“.vc_custom_1481042488232{background: #f7f8fc url(/wp-content/uploads/2016/07/home-banner.jpg?id=1169) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” colors=“light”][/trx_sc_content][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=“” alter_height=“medium” hide_on_mobile=“”][vc_column_text]
  46. <h2 class=“trx_addons_no_margins” style=“text-align: center; font-weight: 600;”>Free Shipping worldwide</h2>
  47. <p style=“text-align: center;”>ON OREDER OVER $500. <a href=“/our-wines/”>SHOP NOW</a></p>
  48. [/vc_column_text][vc_separator css=“.vc_custom_1479736594682{margin-top: 2.5em !important;}”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]
  49. <h1 style=“text-align: center;”>Our Top
  50. Wines</h1>
  51. [/vc_column_text][vc_empty_space height=“” alter_height=“medium” hide_on_mobile=“”][products columns=“4” orderby=“” order=“” ids=“405, 406, 404, 403, 402, 401, 395, 387”][vc_empty_space height=“” alter_height=“medium” hide_on_mobile=“1”][trx_sc_button type=“default” size=“small” link=“/shop/” title=“More Wines” subtitle=“” align=“center” text_align=“center” bg_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“”][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“”][/vc_column][/vc_row][vc_row][vc_column width=“1/6”][/vc_column][vc_column width=“2/3”][vc_empty_space height=“” hide_on_mobile=“”][trx_sc_promo type=“modern” icon_type=“fontawesome” icon_fontawesome=“” title=“Discover Our Wines” subtitle=“Defined by our Region, Crafted by our Winemakers” description=“” link=“” link_text=“” link_image=“811” image=“” image_position=“left” image_width=“50%” image_cover=“1” size=“large” text_width=“none” text_float=“none” text_align=“center” text_paddings=“” text_margins=“” gap=“” scheme=“inherit” id=“” class=“” css=“” text_bg_color=“” image_bg_color=“” full_height=“” title_style=“default” title_align=“default” link2=“” link2_text=“”][vc_column_text]Cras sodales luctus arcu, ac placerat nunc sagittis a. In at turpis ac nibh luctus sagittis in ut est. Proin sed mi vitae velit convallis gravida imperdiet eu mauris. Maecenas vehicula quam vel urna pulvinar, quis faucibus quam pellentesque. Sed vitae pellentesque velit. Etiam nec ornare tortor.[/vc_column_text][/trx_sc_promo][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“”][vc_empty_space height=“” hide_on_mobile=“”][/vc_column][vc_column width=“1/6”][/vc_column][/vc_row][vc_row][vc_column width=“1/12”][/vc_column][vc_column width=“5/6”][trx_sc_blogger type=“classic” cat=“19” count=“2” columns=“2” orderby=“date” order=“asc” excerpt=“1” slider=“” slides_space=“0” title=“” subtitle=“” description=“” link=“” link_text=“” link_image=“” scheme=“inherit” id=“” class=“” css=“” hide_excerpt=“1” title_style=“default” title_align=“default”][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“”][/vc_column][vc_column width=“1/12”][/vc_column][/vc_row][vc_row full_width=“stretch_row_content”][vc_column][trx_sc_action type=“default” columns=“2” slider=“” slides_space=“0” actions=“%5B%7B%22title%22%3A%22SPARKLING%20CHARDONNAY%20PINOT%20NOIR%22%2C%22info%22%3A%22%24345%3Csup%3E00%3C%2Fsup%3E%22%2C%22description%22%3A%22Rich%20and%20nutty%2C%20refreshing%5Cnand%20lemony.%20Perfect%20with%5Cnthe%20added%20sparkle%22%2C%22link%22%3A%22%2Fproduct%2Fshardonnay-sparkling-pinot-noir%22%2C%22image%22%3A%22854%22%2C%22icon_type%22%3A%22fontawesome%22%7D%2C%7B%22title%22%3A%22SPARKLING%20TRILOGY%20NV%20CUV%C3%89E%20BRUT%22%2C%22info%22%3A%22%24259%3Csup%3E00%3C%2Fsup%3E%22%2C%22description%22%3A%22Elegant%20and%20creamy%2C%20lively%5Cnred%20currants%20and%20crumbly%5Cnbiscuits.%22%2C%22link%22%3A%22%2Fproduct%2Fshardonnay-reeves%22%2C%22image%22%3A%22846%22%2C%22icon_type%22%3A%22fontawesome%22%7D%5D” title=“” subtitle=“” description=“” link=“” link_text=“” link_image=“” id=“” class=“” css=“” full_height=“” title_style=“default” title_align=“default” height=“” scheme=“inherit” sticker=“1”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“”][/vc_column][/vc_row][vc_row full_width=“stretch_row”][vc_column][vc_empty_space height=“” alter_height=“medium” hide_on_mobile=“”][trx_sc_testimonials cat=“0” count=“3” columns=“1” slider=“1” slides_space=“30” title=“What Our Clients Say” subtitle=“” description=“” link=“” link_text=“” link_image=“” scheme=“inherit” id=“” class=“” css=“” type=“default” title_style=“default” title_align=“default”][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“”][/vc_column][/vc_row]

Theme Options settings (Homepage 3):

SLIDER

By default our theme supports a simple Swiper posts slider. Built-in theme’s slider allows you to display Featured images from the posts of any category. You can add a slider to the page using slider shortcode. The settings of this shortcode allow you to select a category, and specify the number of the posts to be displayed. Check the Slider Shortcode section for more information.

Nevertheless, our theme is fully compatible with an extremely powerful and beautiful Revolution Slider plugin. It allows you to create an unlimited number of sliders and set anywhere you want on the page within the necessary widget.

To have a better understanding of this plugin’s functionality, we highly recommend checking the following links:

SHORTCODES

Shortcodes is a handy feature in WordPress that allows you to do some pretty incredible things by just inserting a shortcode into a page or post. Using Shortcodes is very straight-forward, just insert one where you want the relevant content to show up.

The theme comes with a number of custom shortcodes allowing you to add the info in a simple way. Moreover, you can use WPBakery Page Builder to add new elements to the page. Find the theme-related custom shortcodes on the ThemeREX tab in the WPBakery Page Builder’s Back-end Editor.

Below is a list of the shortcodes included into the theme.

ACTION

This shortcode inserts “Call to action”, event item or columns layout.

Example:

Plain Code
  1. [trx_sc_action type=“default” columns=“2” slider=“” slides_space=“0” actions=“%5B%7B%22title%22%3A%22SPARKLING%20CHARDONNAY%20PINOT%20NOIR%22%2C%22info%22%3A%22%24345%3Csup%3E00%3C%2Fsup%3E%22%2C%22description%22%3A%22Rich%20and%20nutty%2C%20refreshing%5Cnand%20lemony.%20Perfect%20with%5Cnthe%20added%20sparkle%22%2C%22link%22%3A%22%23%22%2C%22image%22%3A%22854%22%2C%22icon_type%22%3A%22fontawesome%22%7D%2C%7B%22title%22%3A%22SPARKLING%20TRILOGY%20NV%20CUV%C3%89E%20BRUT%22%2C%22info%22%3A%22%24259%3Csup%3E00%3C%2Fsup%3E%22%2C%22description%22%3A%22Elegant%20and%20creamy%2C%20lively%5Cnred%20currants%20and%20crumbly%5Cnbiscuits.%22%2C%22link%22%3A%22%23%22%2C%22image%22%3A%22846%22%2C%22icon_type%22%3A%22fontawesome%22%7D%5D” title=“” subtitle=“” description=“” link=“” link_text=“” link_image=“” id=“” class=“” css=“” full_height=“” title_style=“default” title_align=“default” height=“” scheme=“inherit” sticker=“1”]

ANCHOR

This shortcode inserts an “Anchor” item for the inner page navigation. If you want to create one-page navigation then make sure you checked the “Scroll to Anchor” option in Appearance > ThemeREX Addons > Shortcodes > Anchor. Treat this as an example only!

Example:

Plain Code
  1. [trx_sc_anchor icon_type=“fontawesome” id=“welcome” title=“Welcome”]

BLOGGER

This shortcode displays category posts in a wide variety of different ways and styles. The single blog posts are editable in Posts (WP dashboard) > All Posts.

Example:

Plain Code
  1. [trx_sc_blogger type=“classic” cat=“19” count=“2” columns=“2” orderby=“date” order=“asc” excerpt=“1” slider=“” slides_space=“0” title=“” subtitle=“” description=“” link=“” link_text=“” link_image=“” scheme=“inherit” id=“” class=“” css=“” hide_excerpt=“1” title_style=“default” title_align=“default”]

BUTTON

This shortcode displays buttons.

Example:

Plain Code
  1. [trx_sc_button type=“default” size=“normal” link=“/programs/” title=“more about us” subtitle=“” align=“none” text_align=“none” back_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“.vc_custom_1478698151109{margin-top: 4.75em !important;}”]

CONTENT AREA

This shortcode limits content width inside the fullwide rows. Just set the necessary width in the shortcode’s options window. In the example below we insert the Button shortcode inside the content area with a limited width.

Example:

Plain Code
  1. [vc_row][vc_column][trx_sc_content type=“default” width=“103” float=“center” align=“right” padding=“none” title=“Title” subtitle=“” description=“Lorem ipsum” link=“” link_text=“” link_image=“” id=“” class=“” css=“”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis mattis tortor, id sagittis lorem. Morbi tristique, quam vel semper varius, orci quam lacinia enim, in pretium metus dolor a justo. Maecenas interdum eros purus, a rhoncus
  2. [trx_sc_button type=“default” size=“normal” link=“/programs/” title=“more about us” subtitle=“” align=“none” text_align=“none” back_image=“” icon_type=“fontawesome” icon_fontawesome=“” image=“” icon_position=“left” id=“” class=“” css=“.vc_custom_1478698151109{margin-top: 4.75em !important;}”]
  3. [/trx_sc_content][/vc_column][/vc_row]

FORM

This shortcode displays a contact form. The text for the checkbox “I agree…” is set in Appearance > Customize > Content > Text with Privacy Policy link.
In order to add/customize the Privacy Policy link, navigate to Settings (WP Dashboard) > Privacy and specify the page that will be used as a Privacy Policy one.

PLEASE NOTE! In case you are planning to use default form without consent checkbox, just leave the “Text with Privacy Policy link” option empty in the Appearance > Customize > Content section!

Example:

Plain Code
  1. [trx_sc_form type=“default” style=“underline” labels=“” phone=“+1 939 381 84 11” email=clifton.carter20@laon.com address=“3867 Robinson Road, Historic Oaklawn Plantation” title=“Get in touch” subtitle=“” description=“We make wine with a thought of our customers, |therefore the team…” scheme=“inherit” id=“” class=“” css=“” align=“center” title_style=“default” title_align=“default”]

To customize the form you should edit form template file in any text editor like Notepad or TextEdit. In the .../wp-content/plugins/trx_addons/shortcodes/form folder you can find form-related files like tpl.default.phptpl.detailed.php and others. These files are responsible for displaying the form in different styles. Choose the file you need, open it in any text editor, and change HTML code according to your needs.

You can also translate the form fields onto the language you need using .pot file located in the .../wp-content/plugins/trx_addons/languages folder. Please check the Translations section for more information on this matter.

GOOGLEMAP

This shortcode displays a Googlemap. Please make sure you entered an API key into the “Google API key” field on the Appearance > ThemeREX Addons > API tab.

Example:

Plain Code
  1. [vc_row][vc_column][trx_sc_googlemap type=“detailed” style=“colored” zoom=“11” width=“100%” height=“580” markers=“%5B%7B%22latlng%22%3A%2241.031786%2C-73.629356%22%2C%22icon%22%3A%22794%22%2C%22title%22%3A%22Our%20Store%22%7D%5D” title=“” subtitle=“” description=“” link=“” link_text=“” link_image=“” scheme=“inherit” id=“” class=“” css=“” title_style=“default” title_align=“default”][vc_column_text]<em><b>Address:</b></em>
  2. 3867 Robinson Road, Historic Oaklawn Plantation
  3.  
  4. <em><b>Telephone:</b></em>
  5. 1 939 381 84 11
  6.  
  7. <em><b>Email:</b></em>
  8. clifton.carter20@laon.com[/vc_column_text][/trx_sc_googlemap][/vc_column][/vc_row]

ICONS

This shortcode displays icon(s) or image(s) with title and description. You can expand the list of available icons by adding new ones from the fontello website. Watch this video guide for more information.

Example:

Plain Code
  1. [vc_row][vc_column][trx_sc_icons type=“default” align=“center” size=“medium” color=“” columns=“2” icons_animation=“” icons=“%5B%7B%22title%22%3A%22One%22%2C%22link%22%3A%22%23%22%2C%22icon_type%22%3A%22fontawesome%22%2C%22icon_fontawesome%22%3A%22icon-spin2%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22link%22%3A%22%23%22%2C%22icon_type%22%3A%22fontawesome%22%2C%22icon_fontawesome%22%3A%22icon-clock%22%7D%5D” title_style=“default” title_align=“default” title=“” subtitle=“” description=“” link=“” link_text=“” link_image=“” id=“” class=“” css=“”][/vc_column][/vc_row]

PRICE BLOCK

This shortcode inserts a price table divided by blocks.

Example:

Plain Code
  1. [vc_row][vc_column width=“1/3”][vc_empty_space height=“” alter_height=“small”][trx_sc_price icon_type=“fontawesome” price=“Free” period=“Silver Card” link=“#” link_text=“Subscribe” type=“default” subtitle=“” title=“Silver Card” description=“” image=“” icon_fontawesome=“” scheme=“inherit” id=“” class=“” css=“”][vc_column_text]1 Day[/vc_column_text][/trx_sc_price][/vc_column][vc_column width=“1/3”][vc_empty_space height=“” alter_height=“small”][trx_sc_price price=“$89” currency=“$” period=“Gold Card” link=“#” link_text=“Subscribe” image=“” icon_type=“fontawesome” icon_fontawesome=“” icon_openiconic=“” icon_typicons=“” icon_entypo=“” icon_linecons=“” id=“” class=“” css=“” type=“default” subtitle=“” title=“Gold Card” description=“” scheme=“inherit”][vc_column_text]Month[/vc_column_text][/trx_sc_price][/vc_column][vc_column width=“1/3”][vc_empty_space height=“” alter_height=“small”][trx_sc_price price=“$129” currency=“$” period=“Platinum Card” link=“#” link_text=“Subscribe” image=“” icon_type=“fontawesome” icon_fontawesome=“” icon_openiconic=“” icon_typicons=“” icon_entypo=“” icon_linecons=“” id=“” class=“” css=“” type=“default” subtitle=“” title=“Platinum Card” description=“” scheme=“inherit”][vc_column_text]2 Months[/vc_column_text][/trx_sc_price][/vc_column][/vc_row]

PROMO

This shortcode inserts a promo block. It also allows you to use custom images, icons and apply different color schemes.

Example:

Plain Code
  1. [vc_column width=“2/3”][vc_empty_space height=“” hide_on_mobile=“”][trx_sc_promo type=“modern” icon_type=“fontawesome” icon_fontawesome=“” title=“Discover Our Wines” subtitle=“Defined by our Region, Crafted by our Winemakers” description=“” link=“” link_text=“” link_image=“811” image=“” image_position=“left” image_width=“50%” image_cover=“1” size=“large” text_width=“none” text_float=“none” text_align=“center” text_paddings=“” text_margins=“” gap=“” scheme=“inherit” id=“” class=“” css=“” text_bg_color=“” image_bg_color=“” full_height=“” title_style=“default” title_align=“default” link2=“” link2_text=“”][vc_column_text]Cras sodales luctus arcu, ac placerat nunc sagittis a. In at turpis ac nibh luctus sagittis in ut est. Proin sed mi vitae velit convallis gravida imperdiet eu mauris. Maecenas vehicula quam vel urna pulvinar, quis faucibus quam pellentesque. Sed vitae pellentesque velit. Etiam nec ornare tortor.[/vc_column_text][/trx_sc_promo][vc_empty_space height=“” alter_height=“large” hide_on_mobile=“1”][vc_empty_space height=“” hide_on_mobile=“”][/vc_column]

SKILLS

This shortcode displays skills counters and pie charts.

Example:

Plain Code
  1. [trx_sc_skills type=“pie” filled=“” cutout=“96” compact=“” color=“#e5553f” back_color=“#f3f3f3” border_color=“” max=“100%” columns=“” values=“%5B%7B%22title%22%3A%22Graphic%20Design%22%2C%22value%22%3A%2280%25%22%2C%22icon_type%22%3A%22fontawesome%22%7D%2C%7B%22title%22%3A%22HTML%20%26%20CSS%22%2C%22value%22%3A%2275%25%22%2C%22icon_type%22%3A%22fontawesome%22%7D%2C%7B%22title%22%3A%22Illustration%22%2C%22value%22%3A%2290%25%22%2C%22icon_type%22%3A%22fontawesome%22%7D%5D” title_style=“default” title_align=“default” title=“” subtitle=“” description=“” link=“” link_text=“” link_image=“” id=“” class=“” css=“”]

SOCIALS

This shortcode displays social icons.

Example:

Plain Code
  1. [trx_sc_socials type=“default” icons=“%5B%7B%22link%22%3A%22%23%22%2C%22icon_type%22%3A%22fontawesome%22%2C%22icon_fontawesome%22%3A%22icon-tumblr%22%7D%2C%7B%22link%22%3A%22%23%22%2C%22icon_type%22%3A%22fontawesome%22%2C%22icon_fontawesome%22%3A%22icon-reply%22%7D%5D” title=“” subtitle=“” description=“” link=“” link_text=“” link_image=“” id=“” class=“” css=“”]

TABLE

This shortcode inserts a regular table.

Example:

TEAM

This shortcode displays team members. To manage “Teams” proceed to the WordPress Dashboard Menu > Team post type. Use “Team Group”, “Item Options” (for the position and social links), “Featured Image” settings to customize the post.

Example:

Plain Code
  1. [vc_row][vc_column][trx_sc_team cat=“59” count=“3” columns=“3” slider=“” slides_space=“0” title_style=“default” title_align=“default” title=“” subtitle=“” description=“” link=“” link_text=“” link_image=“” scheme=“inherit” id=“” class=“” css=“”][/vc_column][/vc_row]

TESTIMONIALS

This shortcode displays testimonials block. To manage “Testimonials” proceed to the WordPress Dashboard Menu > Testimonials post type. Use “Testimonials Group”, “Item Options” (for the author’s position or any other text), “Featured Image” settings and content section to customize the post.

Example:

Plain Code
  1. [trx_sc_testimonials cat=“0” count=“3” columns=“1” slider=“1” slides_space=“30” title=“What Our Clients Say” subtitle=“” description=“” link=“” link_text=“” link_image=“” scheme=“inherit” id=“” class=“” css=“” type=“default” title_style=“default” title_align=“default”]

WIDGET AUDIO PLAYER

This shortcode inserts an Audio Player widget.

Example:

Plain Code
  1. [trx_widget_audio title=“” caption=“Insert Audio Title Here” author=“Lily Hunter” cover=“” url=“/wp-content/uploads/2017/11/sample-melody.mp3” scheme=“inherit” embed=“” id=“” class=“” css=“”]

WIDGET CALENDAR

This shortcode displays a widget calendar.

Example:

Plain Code
  1. [trx_widget_calendar title=“Calendar” weekdays=“” id=“” class=“” css=“”]

WIDGET CONTACTS

This shortcode displays widget with logo, short description and contacts. Please do not forget to specify the necessary links (URLs) to your social profiles in the Appearance > ThemeREX Addons > Socials tab.

Example:

Plain Code
  1. [vc_row][vc_column][trx_widget_contacts title=“” logo=“1008” logo_retina=“” description=“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis mattis tortor, id sagittis lorem. Morbi tristique, quam vel semper varius, orci quam lacinia enim, in pretium metus dolor a justo. Maecenas interdum eros purus, a rhoncus nibh sollicitudin vel. Nulla ac ultricies elit.” address=“7337 Trade St, San Diego, CA 92121” phone=“1-555-45-54” email=example@example.com socials=“1” id=“” class=“” css=“” googlemap=“” googlemap_height=“” googlemap_position=“top”][/vc_column][/vc_row]

WIDGET SLIDER

This shortcode allows you to display (default) Swiper Slider. In the WPBakery Page Builder’s settings you can manage the slider’s settings by specifying a category to get the posts from, number of posts, slider’s height and other options.

Example (Swiper Slider):

Plain Code
  1. [vc_row][vc_column][trx_widget_slider title=“S” engine=“swiper” height=“345” slider_style=“default” effect=“slide” category=“18” posts=“5” slides_per_view=“1” slides_space=“0” interval=“7000” titles=“center” large=“” controls=“” label_prev=“Prev|PHOTO” label_next=“Next|PHOTO” pagination=“” slides=“%5B%7B%7D%5D” id=“” class=“” css=“”][/trx_widget_slider][/vc_column][/vc_row]

SLIDER CONTROLLER

There is one more additional slider-related shortcode we have added to this theme and it is the Slider Controller. Basically it allows you to combine 2 different sliders into a single one. It becomes handy if you want to create a video gallery, but display it with a slider. Check the screenshots below for more information.

IMPORTANT! Make sure the following parameters id="" and slider_id="" are the same for both sliders.

Example:

Plain Code
  1. [vc_column]
  2.  
  3. [trx_widget_slider title=“S” engine=“swiper” height=“345” slider_style=“default” effect=“slide” category=“18” posts=“5” slides_per_view=“1” slides_space=“0” interval=“7000” titles=“center” large=“” controls=“” label_prev=“Prev|PHOTO” label_next=“Next|PHOTO” pagination=“” slides=“%5B%7B%7D%5D” id=“11” class=“” css=“”][/trx_widget_slider]
  4.  
  5. [trx_slider_controller slider_id=“11” controller_style=“thumbs” effect=“slide” slides_per_view=“3” slides_space=“0” interval=“7000” controls=“” height=“100” id=“” class=“” css=“”]
  6.  
  7. [/vc_column]

WIDGET SOCIAL ICONS

This shortcode displays social icons to the social networks you are subscribed. Please do not forget to specify the necessary links (URLs) to your social profiles on the Appearance > ThemeREX Addons > Socials tab.

Example:

Plain Code
  1. [trx_widget_socials id=“” class=“” css=“”]

WIDGET VIDEO PLAYER

This shortcode inserts a video file.

Example:

Plain Code
  1. [trx_widget_video title=“” cover=“738” link=“https://www.youtube.com/watch?v=0uwydrbdys4” embed=“” id=“” class=“” css=“”]

EXTRA PLUGINS & FEATURES

This section contains a brief description, as well as references, to some of the plugins included into the theme.

ThemeREX Addons

As a free addition to this theme, we have included a unique “ThemeREX Addons” plugin. Once activated, it allows expanding the options of the theme noticeably. These add-ons allow you to enable/disable widgets, shortcodes, show custom post types, set links to your social profiles as well as some advanced theme-specific settings.

After plugin’s installation, the “ThemeREX Addons” menu item should appear in the “Appearance” tab in WordPress dashboard menu panel.

Below is a brief description of all the available settings.

GENERAL

Settings of this tab define the general behavior of your theme.

    • Debug Mode – Enable debug functions and theme profiler output.

      IMPORTANT! There is a separate file for each script snippet .js and style related .css data. For better theme performance the system automatically re-compiles/re-merges these files into a single .js/.css related one after every “Save Options” button click in Customizer (Appearance > Customize) and ThemeREX Addons settings (Appearance > ThemeREX Addons).
      In case the “Debug Mode” is on, the theme does not run the re-compile/re-merge mode, so each and every file loads separately. That is why we do recommend to turn this mode on only if you need to edit/customize the source script and style related files. Please do not edit the following (re-merged) files: trx_addons.csstrx_addons.js__colors.css__styles.css__scripts.js.

    • Image dimensions – Which dimensions will be used for the uploaded images: “Original” or “Retina ready” (twice enlarged).
    • Quality for cropped images – Specify range of quality (1-100) to save cropped images.

      PLEASE NOTE If you change the images quality do not forget to regenerate the thumbnails again.

    • Show page preloader – Select or upload page preloader image for your site.
    • Page preloader bg color – Specify background color for the page preloader.
    • Add “Scroll to Top” – Add “Scroll to Top” button when page is scrolled.
    • Popup Engine – Choose one of two scripts to display your popup images.
    • Login via AJAX – Define whether to use AJAX Login or direct link on the WP Login Page.
    • Login via social profiles – Add the necessary code snippet/shortcode from the Social Login Plugin.
    • Notify about new registration – Define the person who receives a registration notification message.

API

Insert a generated Google API key to make your Google map function properly. Follow this link for more information on how to properly obtain an API key.

SOCIALS

Here you can specify all the necessary links (URLs) to your social profiles. Just paste the permanent URL addresses into the needed fields and click “Save.”

SHORTCODES

Here you can define whether you want to use the Anchor shortcode or not.

THEME SPECIFIC

Settings of this section override the default theme’s grid classes. We recommend leaving these settings intact.

Contact Form 7

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.
Check this link for more information.
More guides are available here.

Code
  1. [contactform7 id=“1375” title=“Contact form 1”]

IMPORTANT! According to General Data Protection Regulation, you need to make your forms compliant. Some prebuilt forms, that come with this theme, already have the corresponding “I agree…” checkboxes. For newly created forms you should add the consent checkboxes in ONE of the following ways:

    1. Use [acceptance acceptance-66]...[/acceptance] tag. Treat the code and the screenshot below just as an example:
  1. Use the WP GDPR Compliance plug-in. Navigate to Tools (WP Dashboard) > WP GDPR Compliance, enable a GDPR form tag integration for a particular form and save the changes. You can specify and activate the Privacy Policy page in the Tools (WP Dashboard) > WP GDPR Compliance > Settings tab.

Essential Grid

We have added an Essential Grid plugin, to let you create nice gallery views. More information on how to use this plugin can be found here.

All demo galleries can be customized in WP dashboard > Ess. Grid tab:

WooCommerce

Woocommerce is an industry leader e-commerce plugin for WordPress. Another good news is that our theme is fully compatible with this great tool, allowing you to turn your website into sales machine in just a few clicks. You simply need to install this plugin and allow it to create a set of pages to display categories, products etc. Then you need to add a set of products.

We highly encourage you to read the great documentation files WooCommerce offers. These manuals help to create effective and reliable on line stores providing more features than you can imagine. Here is a list of really useful links helping you create and polish your shop.

WP GDPR Compliance

The WP GDPR Compliance plugin allows you to make your website GDPR-compliant. It currently supports Contact Form 7 (>= 4.6), Gravity Forms (>= 1.9), WooCommerce (>= 2.5.0) and WordPress Comments.

Sử dụng plugin WP GDPR tuân thủ KHÔNG đảm bảo tuân thủ hoàn toàn Quy định bảo vệ dữ liệu chung.

Kiểm tra các liên kết dưới đây để biết thêm thông tin về plugin này:

    1. Trang WordPress chính thức.
    1. Trang chính thức của plugin.

QUAN TRỌNG! Theo Quy định bảo vệ dữ liệu chung , bạn cần phải tuân thủ các biểu mẫu của mình. Một số biểu mẫu dựng sẵn, đi kèm với chủ đề này, đã có các hộp kiểm “Tôi đồng ý …” tương ứng. Đối với các biểu mẫu mới được tạo, điều hướng đến Công cụ (Bảng điều khiển WP)> Tuân thủ WP GDPR , kích hoạt tích hợp thẻ biểu mẫu GDPR cho một biểu mẫu cụ thể và lưu các thay đổi.

Bạn có thể chỉ định và kích hoạt trang Chính sách bảo mật trong Công cụ (Bảng điều khiển WP)> tab Tuân thủ WP GDPR> Cài đặt .

Trình tạo trang WPBakery

Để làm cho việc tùy chỉnh của bạn trở nên dễ dàng hơn, chúng tôi đã thêm Trình tạo trang WPBakery vào chủ đề này. Trước khi bắt đầu, vui lòng kiểm tra các hướng dẫn liên quan đến Trình tạo trang WPBakery này. Họ sẽ cung cấp cho bạn một sự hiểu biết cơ bản về cách xây dựng một trang đúng.