Hướng dẫn thêm nút xem thêm và thu gọn cho danh mục, chi tiết sản phẩm WooCommerce wordpress, với đoạn code này bạn có thể rút gọn nội dung cho sản phẩm, danh mục, bài viết hoặc thậm chí tất cả đoạn nào muốn làm ngắn lại trong wordpress. Hình minh họa sau khi thêm thành công: Code thu gọn nội dung mô tả của danh mục sản phẩm Với đoạn code này bạn có thẻ thu gọn nội dung phần mô tả của danh mục sản phẩm WooCommerce một cách dễ dàng, khi thêm code sẽ xuất hiện nút xem thêm và thu gọn sản phẩm, bạn hoặc khách…
Create a Sticky Bottom Menu for Mobile
Boost your visitor mobile experience with this sticky menu navigation custom made for your Flatsome theme. No plugin needed, just import the pre-made UX Builder shortcode and CSS and modify the icons & links. UX Shortcode [section label=”Sticky Mobile Menu” bg_color=”rgb(72, 72, 72)” dark=”true” padding=”5px” video_visibility=”visible” class=”sticky-mobile-menu”] [row style=”collapse” width=”custom” custom_width=”95%” v_align=”equal” padding=”10px 0px 10px 0px” depth_hover=”4″] [col span=”3″ span__sm=”3″] [featured_box img=”https://www.sebdelaweb.com/wp-content/uploads/shopping.png” img_width=”25″ pos=”center” font_size=”small” link=”#”] Shop [/featured_box] [/col] [col span=”3″ span__sm=”3″] [featured_box img=”https://www.sebdelaweb.com/wp-content/uploads/discount-badge.png” img_width=”25″ pos=”center” font_size=”small” link=”#”] Sale [/featured_box] [/col] [col span=”3″ span__sm=”3″] [featured_box img=”https://www.sebdelaweb.com/wp-content/uploads/menu.png” img_width=”25″ pos=”center” font_size=”small” link=”#”] Cart [/featured_box] [/col] [col span=”3″ span__sm=”3″] [featured_box img=”https://www.sebdelaweb.com/wp-content/uploads/avatar.png” img_width=”25″ pos=”center” font_size=”small” link=”#”] Account [/featured_box] [/col] [/row] [/section] CSS /*************** STICKY…
Custom Dropdown Menu for Flatsome
Learn how to use the UX Builder to fully customise your Flatsome dropdown menu. Organise your link hierarchy and improve the general user experience. PLUGIN Shortcode in Menus Shortcode in Menus CSS /*************** UX MENU ***************/ .ux-menu .nav-dropdown { min-width: 600px; padding: 0px; } .ux-megamenu .nav-dropdown { min-width: 100vw; padding: 0px; } .ux-megamenu li.menu-item { width:100%; } .container .ux-megamenu .row:not(.row-collapse) { margin-left: auto; margin-right: auto; } /*************** UX MENU – CALLOUT ***************/ .ux-menu-callout a { color:#000; /* Change nav color */ } .ux-menu-callout a:hover, .ux-menu-callout a:hover h4 { color:#000; /* Change nav hover color */ } .ux-menu-callout .icon-box .has-icon-bg .icon .icon-inner { background-color: currentColor; /* Auto fill background with icon…
Tự động thêm NEW badge trong X ngày với Flatsome
Flatsome có một chức năng là thêm badge cho sản phẩm như ảnh, các badge có thể là New, Sale… Mặc định chúng ta có thể tự thêm vào trong admin, tuy nhiên với sản phẩm mới đăng chúng ta có thể thêm badge NEW tự động trong X ngày bằng cách thêm đoạn code sau vào functions.php của giao diện. /** * Disable manual assigned NEW badge output. */ add_action( 'init', function () { remove_filter( 'flatsome_product_labels', 'flatsome_sale_flash', 10 ); } ); /** * Add automatic NEW badge for x amount of days. * * Keep caching in mind! If you want to automatically update it on the frontend by…
How to Fix “Specify a Vary: Accept-Encoding Header” Warning
Are you seeing the “Specify a Vary: Accept-Encoding Header” warning in Pingdom, GTmetrix, or Google PageSpeed Insights on your WordPress site? This is an HTTP header and should be included on every origin server response, as it tells the browser whether or not the client can handle compressed versions of the content. For example, let’s say you have an old browser without gzip compression and a modern browser with it. If you don’t utilize the Vary: Accept-Encoding header your web server or CDN could cache the uncompressed version and deliver that to the modern browser by mistake, which in turn hurts the performance of your WordPress site. By using the Vary: Accept-Encoding header you can ensure that your web server and or…
[Giveaway] Handy – Handmade Shop WordPress WooCommerce Theme
Handy – Handmade Shop WordPress WooCommerce Theme is a stylish responsive and easy to use WordPress theme. Handy Shop WooCommerce theme is a great start for any one who is looking to start his one handmade online shop or looking to create a handmade goods marketplace like Etsy or Amazon. Theme comes with plenty of features, like out of the box layout configurator that allows you to set custom layouts on each of you static pages, blog, and shop pages. You can also set any colors you want through our theme’s control panel. Setting a custom font for the theme has never been easier. Responsive and Retina Ready Custom Colors and Layouts WooCommerce…
Checklist: 15 Things You MUST DO Before Changing WordPress Themes
If you have used WordPress, then you have probably switched themes at least once in your life. If you haven’t, and this is your first time, then it is even better. The beauty of WordPress is that it makes it very easy for users to change themes. It is literally few clicks away. But changing themes is much more than simply clicking activate. In this article, we will provide you with a checklist of things that you MUST do before changing WordPress themes. These steps are critical to make sure the process goes smoothly otherwise you can end up losing elements that you did not mean to lose. 1. Take…
Sửa lỗi “Loading UX Builder Load” … “Denied by X-Frame-Options” của giao diện Flatsome
Flatsome là giao diện chuyên dùng tạo website bán hàng cho nền tảng WordPress khá nổi tiếng. Họ có một bộ buider riêng mang tên là UI Builder, khá là nhẹ nhàng và hiệu quả. Tuy nhiên đôi khi chuyển qua chế độ builder để chỉnh sửa thì bị lỗi không load được buider và hiện thông báo Loading UX Builder với vòng xoay tròn loading mãi. Có nhiều nguyên nhân dẫn đến tình trạng này, tuy nhiên trong trường hợp này, khi bấm nút F12 để chuyển vào Console của trình duyệt thì nhận được thông báo lỗi Load denied by X-Frame-Options... Để khắc vấn đề này thì bạn cần…
Linda Bell – Minimalist Agency, Blog, eCommerce WordPress Theme
Linda Bell là giao diện dành cho WordPress được thiết kế theo phong cách tối giản, theo như giới thiệu thì phù hợp cho Agency, Blog hoặc Web bán hàng. Linda Bell hiện đang cho tải miễn phí đến ngày 23 tháng 03 năm 2017, mời anh chị em có nhu cầu thì tải ngay cho nóng ^^ Linda Bell is a creative WordPress theme. Comes with 19+ demos, Linda Bell is suitable for showcase your Portfolio, Shop, and Blogging. This theme also supports Revolution Slider and the most WordPress page builder plugin, Visual Composer. DEMO Một số tính năng Drag Drop Builder With Visual Composer plugin Revolution Slider Wiloke…
Ecobox – Responsive WordPress Theme
Miễn phí đến hết tháng 03/2017 Ecobox is a unique, clean and responsive template. It is designed with fresh and natural color scheme to represent ecofriendly feel of your business. Ecobox comes with Revolution slider, 6 homepage layouts, 2,3,4 columns portfolio layouts, 5 blog pages, contacts pages and more. DEMO & DOWNLOAD
