Trang chủ WordpressWordpress Plugin [Woocommerce] Cách sử dụng theme Storefront

[Woocommerce] Cách sử dụng theme Storefront

bởi Thạch Phạm
87 bình luận 7744 views

Khi sử dụng Woocommerce thì chắc chắn không phải theme nào cũng có thể hỗ trợ hiển thị gian hàng của mình tốt nhất. Lý do trong plugin WooCommerce nó sẽ có thêm một vài thành phần bắt buộc hiển thị như cửa hàng, gian hàng, giỏ hàng,…mà nếu theme đang dùng không tối ưu hiển thị các thành phần này nó sẽ có thể không được đẹp cho lắm vì sử dụng cách hiển thị mặc định của WooCommerce. Ngoài ra theme dành riêng cho WooCommerce thường sẽ có thêm phần giỏ hàng trên menu khá đẹp và tiện lợi.

Khi chấp nhận sử dụng Woocommerce, nếu bạn muốn gian hàng của mình đẹp thì chắc chắn sẽ cần phải mua một số theme trả phí dành riêng cho Woocommerce tại WooThemes hoặc ThemeForest (phong phú hơn) nhưng bạn chỉ nên sử dụng theme trả phí cho Woocommerce khi bạn đã thật sự biết cách sử dụng nó.

Vì vậy nếu bạn là người mới bắt đầu, mình khuyên các bạn nên sử dụng theme StoreFront nếu như cần một giao diện bán hàng đơn giản hoàn toàn miễn phí nhưng hỗ trợ cho Woocommerce tối đa.

Tham khảo: Storefront trên Github

Tại sao người mới nên sử dụng theme StoreFront?

Có nhiều lý do để mình đưa theme này vào hướng dẫn vì hiện tại có rất nhiều theme nên không phải cái nào mình sẽ hướng dẫn. Nó rất tốt cho người mới tìm hiểu WooCommerce là vì:

  • Hoàn toàn miễn phí và mã nguồn mở.
  • Tương thích tốt với các plugin hỗ trợ thiết kế như Origin Page Builder hoặc Visual Composer để tự thiết kế bố cục cho mỗi trang.
  • Hỗ trợ cấu trúc HTML5 và Schema chuẩn SEO.
  • Khu vực tùy chỉnh Customize đầy đủ.
  • Dễ sử dụng.
  • Hỗ trợ Responsive.
  • Có hỗ trợ phần mở rộng Storefront Designer để hỗ trợ tùy biến chuyên nghiệp hơn.
  • Code thân thiện với lập trình viên. Có thể tùy biến lại dễ dàng nếu bạn nắm vững action hookfilter hook.
  • Hỗ trợ nhiều child theme (trả phí).

Chỉ vậy thôi, tuy không quá nhiều chức năng nhưng ít nhất là nó không quá thừa thải nên theme này sẽ vô cùng nhẹ.

Thêm dữ liệu mẫu (Dummy Content) cho Woocommerce

Dữ liệu mẫu của Woocommerce là một gói dữ liệu đã tạo sẵn một số sản phẩm để chúng ta có thể dễ dàng thử nghiệm các chức năng hoặc theme. Mục đích mình kêu các bạn thêm dữ liệu mẫu này vào là để chúng ta có thể thấy theme hiển thị đầy đủ thế nào.

Đầu tiên bạn tải plugin Woocommerce về máy tính và giải nén ra. Khi giải nén ra, bạn vào thư mục /woocommerce/dummy-data/ sẽ thấy các tập tin dữ liệu mẫu. Nhưng ở đây chúng ta chỉ sử dụng tập tin dummy-data.xml.

Cuối cùng là bạn truy cập vào website -> Công cụ -> Nhập vào -> WordPress (cài plugin WordPress Importer nếu bạn chưa cài) và upload tập tin dummy-data.xml lên.

storefront-04

Đưa các sản phẩm về user của bạn và đánh dấu vào Download and import file attachments rồi Submit.

storefront-05

Nếu mạng của bạn hơi chậm và bị timeout, hãy tạo tập tin php.ini hoặc .user.ini trong host/localhost và thêm:


max_execution_time = 200

Thông báo sau khi nhập dữ liệu mẫu thành công.

Import dữ liệu thành công

Kiểm tra bạn sẽ thấy nó có khá nhiều sản phẩm mẫu được cấu hình rất đầy đủ.

storefront-06

Cài đặt và kích hoạt Storefront

Để cài theme này, bạn truy cập vào phần Giao diện -> Giao diện -> Thêm mới và gõ tìm theme “Storefront“.

storefront-01

Sau khi cài đặt xong, hãy kích hoạt nó lên.

Cài đặt trang chủ

Theme này không tự hiển thị trang chủ mà bạn phải tạo một trang mới và thiết lập giao diện Homepage cho nó. Bạn vào phần Trang -> Thêm trang mới để tạo một trang, bạn có thể đặt tên trang là Trang chủ, nội dung bỏ trống và thiết lập Giao diện là Homepage.

storefront-02

Đồng thời bạn nên tạo một trang mới tên là Blog hoặc Tin tức, nội dung để trống và không thiết lập gì khác nữa.

wc26-cai-storefront-01

Sau đó bạn truy cập vào Cài đặt -> Đọc và thiết lập trang chính và trang bài viết theo từng trang mà bạn vừa tạo.

storefront-03

Lưu lại và ra trang chủ xem kết quả.

wc26-cai-storefront-02

Trước tiên mình cũng xin giải thích qua về ý nghĩa của các thành phần có trên trang chủ của theme Storefront như:

  • Shop by Category: Hiển thị các danh mục sản phẩm có trong website. Mặc định nó sẽ hiển thị 3 danh mục theo thứ tự chữ cái trên tên danh mục. Bạn có thể sửa danh mục để thêm hình đại diện vào.
  • New In: Danh sách các sản phẩm mới nhất.
  • We Recommend: Danh sách các sản phẩm nổi bật mới nhất, để thiết lập một sản phẩm thành nổi bật bạn vào trang quản lý sản phẩm và đánh vào dấu sao tương ứng của nó.
  • Fan Favorites: Các sản phẩm mới nhất được đánh giá cao nhất.
  • On Sales: Các sản phẩm mới nhất đang giảm giá.
  • Best Sellers: Các sản phẩm mới nhất bán chạy.

Thiết lập khu vực chèn widget

Theme Storefront hỗ trợ cho chúng ta 6 vị trí chèn widget bao gồm:

  • Below Header
  • Sidebar
  • 4 cái Footer (Footer 1, Footer 2, Footer 3 và Footer 4)

Bạn có thể xem trong Giao diện -> Widget.

Xem thêm: Hướng dẫn sử dụng widget trong WordPress.

Tính năng tùy chỉnh trong theme

Theme này cung cấp một số tùy chỉnh tại Giao diện -> Tùy chỉnh và ở đó bạn có thể thiết lập logo, thay đổi màu sắc, bố cục,….

storefront-08

Dịch theme Storefront sang tiếng Việt

Theme này hiện tại chưa có ngôn ngữ tiếng Việt, do vậy bạn có thể sẽ thấy một số từ tiếng Anh như Product Categories, Recent Products,….nếu bạn cần dịch nó, bạn có thể cài thêm plugin Loco Translate và xem chi tiết cách sử dụng plugin này để dịch tại đây.

Tùy biến Storefront nâng cao

Như mình đã nói ở trên, Storefront là một theme có khả năng tùy biến cao nhờ vào action hook và filter hook. Nếu bạn nào đã rành về code thì có thể xem tập tin inc/storefront-template-functions.php để xem qua một số hàm riêng được khai báo trong theme này để bạn có thể tùy biến lại bằng filter hook.

Nên xem: Cách sử dụng filter hook trong WordPress

Cài child theme trước khi tùy biến

Khi tùy biến theme, nên tránh sửa hoặc thêm code vào trực tiếp theme vì nó sẽ mất sạch khi bạn update phiên bản theme mới sau này. Để không bị mất khi update, bạn hãy tạo một child theme đành cho Storefront. Mình đã tạo sẵn một child theme đơn giản gồm 2 tập tin:

  • style.css – Tùy biến CSS của theme.
  • functions.php – Thêm các code PHP tùy biến trong theme.

Tải Storefront Child Theme

Sau đó bạn vào Giao diện -> Thêm mới -> Tải lên và upload theme này lên rồi kích hoạt như bình thường.

Tất cả các code bên dưới bạn sẽ chèn vào tập tin functions.php của child theme này.

Bỏ một số thành phần hiển thị tại trang chủ

Trong tập tin template-homepage.php của theme này bạn sẽ thấy có một đoạn khai báo như sau:

<?php
/**
* Functions hooked in to homepage action
*
* @hooked storefront_homepage_content - 10
* @hooked storefront_product_categories - 20
* @hooked storefront_recent_products - 30
* @hooked storefront_featured_products - 40
* @hooked storefront_popular_products - 50
* @hooked storefront_on_sale_products - 60
* @hooked storefront_best_selling_products - 70
*/
do_action( 'homepage' ); ?>

Với đoạn trên ta sẽ biết tại action hook homepage sẽ có các hàm nào được móc vào, và để xóa bớt các thành phần không muốn hiển thị ra trang chủ thì ta chỉ đơn giản là xóa hàm đó ra khỏi hook homepage. Ví dụ mình muốn xóa phần Fan Favorite và We Recommend thì có đoạn code sau trong functions.php:

/**
 * Xóa đi các thành phần không sử dụng trong homepage
 * @hook after_setup_theme
 * 
 * template-homepage.php
 * @hook homepage
 * @hooked storefront_homepage_content - 10
 * @hooked storefront_product_categories - 20
 * @hooked storefront_recent_products - 30
 * @hooked storefront_featured_products - 40
 * @hooked storefront_popular_products - 50
 * @hooked storefront_on_sale_products - 60
 * @hooked storefront_best_selling_products - 70
 */
function tp_homepage_blocks() {
 /*
 * Sử dụng: remove_action( 'homepage', 'tên_hàm_cần_xóa', số thứ tự mặc định );
 */
 remove_action( 'homepage', 'storefront_featured_products', 40 );
 remove_action( 'homepage', 'storefront_popular_products', 50 );
}
add_action( 'after_setup_theme', 'tp_homepage_blocks', 10 );

Mình comment khá rõ trong code rồi nên bạn tự đọc nhé.

Chỉnh số lượng hiển thị ở các mục ngoài trang chủ

Tất cả các mục hiển thị ra ngoài trang chủ chúng ta có thể sửa lại số lượng hiển thị ra. Ví dụ phần Shop by Category mặc định hiển thị 3 cái nhưng chúng ta có thể thay đổi lại, bằng cách sửa lại tham số vào filter hook của nó mà đã được khai báo tại inc/storefront-template-functions.php.

Ví dụ phần Shop by Category được khai báo filter như thế này:

$args = apply_filters( 'storefront_product_categories_args', array(
 'limit' => 3,
 'columns' => 3,
 'child_categories' => 0,
 'orderby' => 'name',
 'title' => __( 'Shop by Category', 'storefront' ),
) );

Và bây giờ ta khai báo một hàm khác để filter lại cái hook storefront_product_categories_args.

/**
 * Tùy biến Product by Category
 * @hook storefront_product_categories_args
 * 
 */
function tp_product_categories_args( $args ) {

 $args = array(
 'limit' => 6,
 'title' => __( 'Danh mục sản phẩm', 'thachpham' )
 );

 return $args;

}
add_filter( 'storefront_product_categories_args', 'tp_product_categories_args' );

Các bạn làm tương tự với các phần khác và mỗi phần là khai báo một hàm như vậy, hoặc nếu bạn dùng PHP 5.4 thì có thể viết ngắn gọn hơn sử dụng kỹ thuật Anonymous functions trong PHP để gom vào một hàm cho dễ quản lý.

/**
 * Tùy biến các mục ngoài trang chủ
 * @hook after_setup_theme
 * 
 * @locate /inc/storefront-template-functions.php
 * @function storefront_product_categories_args
 * @function storefront_featured_products_args
 * @function storefront_popular_products_args
 * @function storefront_on_sale_products_args
 * @function storefront_best_selling_products_args
 */
function tp_homepage_blocks_custom() {


 /* Shop by Category */
 add_filter( 'storefront_product_categories_args', function($args) {
 $args = array(
 'limit' => 6,
 'title' => __( 'Danh mục sản phẩm', 'thachpham' )
 );

 return $args; 
 } );

 /* New In */
 add_filter( 'storefront_recent_products_args', function($args) {
 $args = array(
 'limit' => 12,
 'title' => __( 'Sản phẩm mới', 'thachpham' )
 );
 return $args;
 } );
 
 /* And so on.... */

}
add_action( 'after_setup_theme', 'tp_homepage_blocks_custom' );

Tên các hook tùy biến ngoài trang chủ:

  • storefront_product_categories_args: Shop by Category
  • storefront_featured_products_args: We Recommended
  • storefront_popular_products_args: Fan Favorite
  • storefront_recent_products_args: New In
  • storefront_on_sale_products_args: On Sales
  • storefront_best_selling_products_args: Best Sellers

Lời kết

Có phải theme này rất dễ sử dụng đúng không? Chỉ với vài thao tác thôi là chúng ta đã có một trang shop đơn giản trên WordPress với sự kết hợp của plugin Woocommerce khá đẹp rồi. Coi như phần hiển thị chúng ta đã lo xong, chúng ta sẽ tìm hiểu thêm về các thiết lập ở video sau hén.

87 bình luận

Có thể bạn quan tâm

0 0 vote
Article Rating
guest
87 Comments
mới nhất
cũ nhất đánh giá nhiều
Inline Feedbacks
View all comments
Bình Võ

a ơi. em tạo 1 mã ưu giảm giá. nhưng khi áp dụng thì nó báo “Số tiền mua tối đa để dùng mã ưu đãi này là $s.”. em phải làm sao để sửa và áp dụng được mã giảm giá

Xuân Tinh

Em bị báo lỗi như thế này khi làm theme Storefront Child :
Parse error: syntax error, unexpected ‘<', expecting end of file in C:xampphtdocsXuantinhwp-contentthemesstorefront-childfunctions.php on line 6

Đây là đoạn code em dán vào file funtions.php ạ
6,
‘title’ => __( ‘Danh mục sản phẩm’, ‘thachpham’ )
);

return $args;

}
add_filter( ‘storefront_product_categories_args’, ‘tp_product_categories_args’ );
?>

Xuân Tinh

giờ vào web là nó báo:
Parse error: syntax error, unexpected ‘<', expecting end of file in C:xampphtdocsXuantinhwp-contentthemesstorefront-childfunctions.php on line 6

Phương

Chào Thạch Phạm và các bạn, Mình vừa tao website bán quần áo trẻ em online “http://nemokids.net/” dựa trên theme Storefront và đã cài plugin Woocommerce bản vi, nhưng vẫn còn 1 vài chỗ còn tiếng Anh mà không biết làm sao khắc phục như: -Trong giỏ hàng thì hiện chữ “View Cart”, “Apply Coupon”, “Cart Total”, “Updated cart”, “Proceed to Checkout” -Trong thanh toán còn tiếng anh như: “Billing details”, “Additional information”, “Order notes”, “Notes about your order…”, “Street address”… -Thêm 1 vấn đề về load trang rất chậm, bạn có thể tư vấn thêm về đổi sang host… Xem thêm »

Phương

Thêm 1 ghi chú nữa là, mình cũng đã sử dụng Loco Translate nhưng không search được những chữ trên để edit Vietnamese. Bản dịch vietnamese báo là 100% translate rồi.

Cảm ơn Thạch và các bạn nhiều.

Tuấn Anh

Bác làm được chưa chỉ giáo em với em cũng bị tương tự 🙂

Yen

Chào anh Thạch, em có cài theme như anh hướng dẫn nhưng theme frontpage của em không có hiển thị các danh mục như theme anh demo: Danh mục sản phẩm, Sản phẩm mới, sản phẩm bán chạy,…. Em có kiểm tra trong html thì trong frontpage có mục này chỉ là nó ko có hiển ra ngoài để mình thấy. Nhờ anh chỉ em cách làm cho các mục hiển thị ra trang chủ như theme demo ạ. Em cảm ơn anh.

Yen

Em bổ sung cho rõ hơn câu hỏi của em: trên frontpage không hiển thị các phần như: shop by catelogy, New in, we recomment, on sales, best seller

Hiền

Tại sao trang chủ của em nó lại chả có gì thế này ạ? hix

Hiền
Hồng

cảm ơn Thạch Phạm rất nhiều. mình làm thành công

Yen

Bạn ơi, trang frontpage bạn có cài được như anh Thạch hướng dẫn không vậy? Sao trang chủ của mình chỉ hiển thị còn text thôi ah. Hiccc

themvilla
Yen

Bạn ơi, website của bạn làm sao mà khi rê chuột vào sản phẩm xem được hình phóng to vậy bạn, chỉ mình với. Thanks bạn!

quynhgu

chào bạn Thạch Phạm. mình xem bài này ở chỗ hướng dẫn sửa code mình chẳng hiểu phải xóa dòng nào. bạn có thể miêu tả cụ thể hơn hay có video hướng dẫn cái bài này cho mình xin làm với. hoặc là sửa cái code đó xong cho mình xin luôn để mình so sánh. cảm ơn bạn trước.

Long

WordPress Importer kích hoạt rồi bật ở đâu vậy Thạch

Hải Thiện

Em muốn làm được như phần khoanh đỏ trong hình thì làm thế nào vậy anh?

Trung

Cám ơn bạn Thạch đã tiết kiệm cho mình $59. Mình cần đưa nhiều danh mục ra ngoài mà không biết cách. Định mua cái storefront pro mà thấy bài này. Thanks again

Lê Đức Nam

Anh Thạch cho em hỏi với ạ
Phần “Danh mục sản phẩm” làm thế nào để mình tùy chỉnh kích thước ảnh của các danh mục ở ngoài trang chủ vậy anh
Em nhớ a đã có chỉ nhưng em tìm lại mãi mà ko ra.
Tks a rất nhiều

Lê Đức Nam

Dear anh
Cảm ơn anh đã giải đáp nhưng ý em hỏi là thay đổi kích thước hình ảnh sản phẩm hiển thị ngoài trang chủ của “Product Categories”, “Recent Products”, “Featured Products”…
Em muốn tăng kích thước ảnh lên nhưng không biết làm thế nào

ko co te

Anh oi cai user name voi password la cua web nao v

thành

Chào anh thạch. Cám ơn anh vì bài viết rất hay và bổ ích.

Em làm theo cách của anh nhưng cái phần danh mục sản phẩm nó không hiện anh đại diện cho mỗi mục lên mà nó ra những ô trống màu xám nhìn rất xấu. anh có cách nào giúp em với ạ. Em cám ơn

Dũng Nguyễn

Thạch Phạm ơi giúp mình với, mình đang học làm website bằng wordpress, mình cũng đã tìm được trang rất tưng ý http://www.elegantthemes.com/preview/InStyle/about-2/where-to-find-us/, mình cũng đã mua theme này giờ muốn thêm danh mục các sản phẩm (chừng 6 sản phẩm trong mỗi trang equipmet, parts, servie). Trang của mình http://www.dk-vn.com nhưng mình không biết cách làm. Vui lòng hướng dẫn dùm mình nhé. Email: edward.nguyen@outlook.com SDT: 0902439488

Lê Đức Nam

Chào anh Thạch, rất cảm ơn vì những bài hướng dẫn tâm huyết của anh cho những newbie như e. Hiện em đang học làm website bán hàng đơn giản trên theme storefront như hướng dẫn của anh. Nhưng có một vấn đề nhỏ là khi click vào trang chủ của theme bên trên “Danh mục sản phẩm” lại xuất hiện thêm một chữ “Trang chủ” nữa nhìn dư thừa khó chịu. Em đang tìm cách bỏ chữ này ra khỏi nhưng không biết làm thế nào. Mong anh giải đáp giúp e Cảm ơn anh nhiều

Lê Đức Nam

Anh xem hình ạ. Nhìn có vẻ dư thừa và phô. Bản demo: http://demo.woothemes.com/storefront/ Như trong trang demo của theme thì có thể thay chỗ đó bằng một plugin Parallax Hero nhìn chuyên nghiệp hơn. Anh hướng dẫn giúp em xóa chữ “Trang chủ” đó với nhé. Thêm 1 ý nữa khi e tìm một số plugin có xuất hiện “Cảnh báo: Plugin này chưa được thử với phiên bản WordPress của bạn.” mặc dù đã cài phiên bản WordPress mới nhất rồi. Nếu vẫn tiếp tục chạy plugin thì có vấn đề gì không a. Cảm ơn anh rất… Xem thêm »

Lê Đức Nam

Anh xem hình nhé, “Trang chủ” nhìn rất thô và dư thừa Trong bản demo (http://demo.woothemes.com/storefront/) vị trí đó được thay bằng plugin Parallax Hero nhìn rất đẹp, không biết có thể dùng plugin free nào tương tự cho trang của e được không a. – Thêm một ý nữa: khi em tìm plugin có Cảnh báo: Plugin này chưa được thử với phiên bản WordPress của bạn. mặc dù em đang dùng WP phiên bản mới nhất rồi. Nếu mình vẫn tiếp tục cài thì có vấn đề gì không a. – Mong nhận được hướng dẫn từ anh.… Xem thêm »

Hồ Phước Hảo

Chào anh,
Mình đang sử dụng giao diện Dazzling Woocommerce mình muốn hỏi là giao diện này khi thu nhỏ hay trên mobile thì không bấm chọn được vào sản phẩm. Trường họp này là do bản free không được hỗ trợ hay là do tùy chỉnh trong giao diện?
Cảm ơn anh Thạch!

gà con

Thạch ơi cho mình hỏi chút: sao mình fix hoặc thêm code hiển thị (thanh nav cố định) cho site thì trên giao diện mobile vẫn không xuât hiện. Nếu muốn fix lại để giao diện desktop và mobile đồng nhất thì phải làm ntn ah ?

Phuong ha

chào bạn
Khi vào từng nhóm sản phẩm nó có hiện ô : ” Thứ tự theo sản phẩm ”
Chọn các kiểu hiển thị đó. Nhưng mình ko muốn có cái ô đó hiện lên thì làm thế nào ạ.
Thanks

Thiện Tâm

A thạch ơi !! E nhờ A cái, em vào chổ Giao diện – Tùy chọn mà e ko thấy chổ backgroud hay mấy cái dòng như bình thường kia … A hướng dẩn hộ e với.

THỊNH

anh ơi – em chia Category ( DANH MỤC CHA VÀ 3 DANH MỤC CON CỦA NÓ) MÀ SAO E CLICK VÀO CATEGORY lại không thấy chia nhỏ ra mà hiển thị tất cả sản phẩm của 3 danh mục con luôn ạ – Em có thể chỉnh danh mục shop by category sang cột dọc bên trái được không tại nó nhiều danh mục xếp dài cho đẹp ạ! – A Có thể hướng dẫn e chèn facebook fanpage vào được không! XIN CHÂN THÀNH CẢM ƠN NHỮNG BÀI VIẾT CHIA SẺ ANH! RẤT CÓ ÍCH Ạ!

Đạt

bác Thạch cho e hỏi, có nhiều vấn đề nhưng trước tiên bác cho hỏi là trong phần đặt hàng, để thuận tiện cho khách hàng nên em muốn khách có thể bỏ trống cột email, vì không phải khách nào cũng có mail và phần này tốn thời gian của khách nên sợ tới đây khách thoát ra luôn thì phí. Nhờ bác tư vấn hộ em. Thanks bác trước

Thuy le

Parse error: syntax error, unexpected ‘}’ in /home/content/p3nexnas06_data01/94/3577794/html/wp-content/themes/storefront-child/functions.php on line 18

Thuy le

anh ơi, e làm đến bước chèn code vào function của Storefront Child. sau khi cập nhật thì bị lỗi này ạ! Giờ e khôgn vào admin quản trị được nữa, e không iết phải làm sao ạ!
trang của e giờ chỉ còn dòng này ạ
Parse error: syntax error, unexpected ‘}’ in /home/content/p3nexnas06_data01/94/3577794/html/wp-content/themes/storefront-child/functions.php on line 18

Bác Thạch Phạm giúp em với!

Thuy

anh ơi, e làm đến bước chèn code vào function của Storefront Child. sau khi cập nhật thì bị lỗi này ạ! Giờ e khôgn vào admin quản trị được nữa, e không iết phải làm sao ạ!
trang của e giờ chỉ còn dòng này ạ
Parse error: syntax error, unexpected ‘}’ in /home/content/p3nexnas06_data01/94/3577794/html/wp-content/themes/storefront-child/functions.php on line 18

Bác Thạch Phạm giúp em với!

Đạt

Anh 6 cho em hỏi, có một thắc mắc là trong phần chỉnh số lượng hiển thị các mục ngoài trang chủ thì sau mình không chỉnh trực tiếp các con số, như hiển thị limit =>3 hay colum=>3 thì mình chỉnh cho nó thành 2 hay 4 mà phải tạo thêm cái hàm mới.

buithanhngoc

anh cho em hỏi lỗi này là gì ạ http://mayravo.vn

Tài

anh ơi ở phần demo của theme này có các sản phẩm mình để vào cái nó nhảy nhảy rất đẹp mắt, anh cho em hỏi làm thế nào vậy ạ

Nguyen Cat

Site e hiện lỗi như này sau khi thực hiện xóa 1 số thành phần hiển thị ở trang chủ như hướng dẫn của a:
Parse error: syntax error, unexpected ‘*’ in /home/sacduphongpokemon.com/public_html/wp-content/themes/storefront/functions.php on line 65. A giải đáp hộ e với

Tran Le Bang

Chào anh.
Sao mình cài xong thì Trang Chủ không có Widget Sidebar. Mình add thêm cũng không xuất hiện. Mong anh giúp đỡ

tài

mà anh cho em hỏi cái phần bình luận này anh sai cái gì sao mà đẹp quá đi.

tài

anh ơi ở phần demo của theme này có các sản phẩm mình để vào cái nó nhảy nhảy rất đẹp mắt, anh cho em hỏi làm thế nào vậy ạ

tài

cảm ơn anh rất nhiều, pro quá anh ơi.
cám ơn anh một lần nữa.

leemindinh

Em muốn xoá luôn cái header chỉ chừa lại cái thanh menu được không anh Thạch nhỉ? nếu được thì mình xoá như thế nào ạ?

Võ Thu Phương

Chào anh;
Nhờ anh chỉ giúp:
1- Điều chỉnh lại độ cao ở phần tiêu đề và menu xuống còn khoảng 200px;
2- Làm sao để có được cái slide như bản demo và nó chỉ hiển thị ở trang chủ;
2- Thay icon giỏ hàng ở giao diện điện thoại bằng hình điện thoại và khi bấm vào sẽ gọi đến số điện thoại.
Cảm ơn anh nhiều!

Võ Thu Phương

Cảm ơn anh Thạch đã chỉ giúp!
Nhưng sao mình làm vẫn không có được icon điện thoại ở góc phải màn hình smartphone anh Thạch ơi?
Nhân đây cho hỏi muốn hiển thị nhiều danh mục sản phẩm theo catelogy thì làm sao? mình đã làm theo hướng dẫn trên nhưng nó vẫn hiện tối đa là 10 danh mục.
Cảm ơn anh nhiều!

Võ Thu Phương

Nhờ anh hướng dẫn giúp cái icon, mình mò hoài mà bó tay rồi.
Cảm ơn nhiều!

Hoàng Huynh

Chào bạn Thạch!
cám ơn những chia sẻ giá trị của bạn, mình mới tập làm website wordpress lần đầu, cho mình hỏi ngu xíu: Bạn có plugin parallax-hero để làm side giống như bản Demo này không bán hoặc share cho mình với được không:
Email: sondehuynh@hotmail.com
xin chân thành cảm ơn sự giúp đỡ của bạn

Thanh Bình

Thông báo vậy là lỗi gì vậy anh. Parse error: parse error in D:\wamp\www\website2\wp-content\themes\storefront\inc\class-storefront.php on line 339

Thanh Tu

Chào anh Lời đầu tiên em xin cảm ơn anh đã đăng những bài viết hữu ích như thế này nó thực sự cần thiết đối với những người như em. Mong anh giúp em cái này. Cái ảnh background trong phần header khi up lên nó yêu cầu kick thước 1950x500px Em muốn thay đổi kick thước này thì phải làm thế nào ạ. Em tìm mãi mà chẳng ra anh ạ

Thanh Tu

cảm ơn a vì đã trả lời câu hỏi của em.
Mong a chỉ giúp e làm cách nào đi nó có xấu cũng được .

Thanh Tu

cảm ơn a .
em đã sửa lại kick thước em muốn . lúc chọn kick thước ảnh thì được còn lúc hiển thị ra website thì nó vẫn là kick thước cũ 1950x400px

lam a bao

Cái này mình thêm slider trên header mình thêm sao nhỉ

tài

cái đó hình như dùng plugin đó cậu hình như có tính phí

Dũng

1 số mục mà template tự thể hiện ra bên ngoài như mục Fan Favorites, New In, We Recommend, Best Sellers: làm sao để chỉnh sản phẩm nào sẽ xuất hiện vậy bạn ơi ??

Quốc Hùng

Ad ơi e dùng theme storefront sao k dịch đc các chữ ở danh mục sản phẩm vậy : clothing – music – posters.

tài

tạo child-theme nhé cậu
phần trên có hướng dẫn kìa

Hoàng Ngữ

Trong trang chính, giờ mình muốn bỏ bớt 1 số mục mà template tự thể hiện ra bên ngoài như mục Fan Favorites, New In, We Recommend, Best Sellers ….. thì làm sao vậy bạn? Cái này mình tùy chỉnh được không, hay là do chức năng mặc định của template StoreFront rồi ???

Thuy le

Bác Thạch Phạm ơi, e làm theo chèn cái code kia vào function thì bị lỗi
Parse error: syntax error, unexpected ‘}’ in /home/content/p3nexnas06_data01/94/3577794/html/wp-content/themes/storefront-child/functions.php on line 18
Màn hình giờ chỉ còn dòng báo này. e không đăng nhập được vào admin nữa. bác giúp em với!

Thuy le

Màn hình giờ chỉ còn dòng báo này. e không đăng nhập được vào admin nữa. bác giúp em với!

Kieu

function tp_homepage_blocks() {
/*
* Sử dụng: remove_action( ‘homepage’, ‘tên_hàm_cần_xóa’, số thứ tự mặc định );
*/
remove_action( ‘homepage’, ‘storefront_product_search’, 40 );
}
add_action( ‘after_setup_theme’, ‘tp_homepage_blocks’, 10 );
—Mình muốn xóa nút search phía trên mà không được, bạn hdan cụ thể với. Tks nha!

phạm thế cương

a ơi em không hiểu chỗ trang chủ với, Tin tức ạ đó là Page sẵn của thăng woocommerce ạ hay là của theme Storefront thế a

Trần Minh Long

Anh ơi..Xóa cái Footer mặc định của StoreFront thế nào ạ.. E mò mãi huhu

phạm thế cương

kai này xài cho các theme khác được không a 😀

leemindinh

Em muốn xoá luôn cái dòng đó thì làm sao vậy anh Thạch. Vì em thấy chèn mấy cái Widget là đủ dùng rồi mà còn dư một miếng phía dưới nó hơi xấu. Anh chỉ giúp em với. Thanks anh

Ngọc cường

Tớ cũng muốn xóa luôn mà không biết làm thế nào 🙁

Trần thái bằng

Chào anh thạch!
làm theo anh chỉ dẫn tìm file php.ini , nhung em lại ko tìm được dòng php_value max_excution_time, mong anh chỉ giúp em khắc phục việc này
XIn cảm ơn!

Trần Thái Bằng

em đã tìm dòng max-excution_time trong file php.ini và nâng lên thành 200 như theo hướng dẫn của anh , nhưng em vẫn chưa cài được, còn cách nào khắc phục ko anh, mongn a hưỡng dẫn giúp em, thanks!

Yen

Hi anh, em có cài theme như anh hướng dẫn nhưng theme frontpage của em không có hiển thị các danh mục như theme anh demo: Danh mục sản phẩm, Sản phẩm mới, sản phẩm bán chạy,…. Em có kiểm tra trong html thì trong frontpage có mục này chỉ là nó ko có hiển ra ngoài để mình thấy. Nhờ anh chỉ em cách làm cho các mục hiển thị ra trang chủ như theme demo ạ. Em cảm ơn anh.

87
0
Would love your thoughts, please comment.x
()
x