AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
Elementor quick view12/4/2023 ![]() Others #įrom the ‘Color & Typography’ section, you can change the color & typography of your Product Title, Price, Star Rating, Sale Badge & Stock Out Badge. Products #įrom the ‘Products’ section, you can set the alignment and choose a ‘Content Background Color’, and configure both actions ‘Normal’ & ‘Hover’ of your product layout to style it in advance. Switch to the ‘Style’ tab to style all the features of Product Grid. Click to See Live Demo # How to Style Product Grid # If you enable the ‘Add To Cart’ option, you will get the default cart text adding in your add to cart button, or even if you want, you can customize the text according to preference. Use the toggle to enable or disable the ‘Show Product Rating’ and pick your preferred image size from the ‘Image Size’ option. You can also add the ‘Product Categories’ to display the products to those respective categories. There are other options like ‘Product Counts’& ‘Offset’ to organize the view of your products. You can even use the ‘Order By’ and sort products by date, price, or others, also can set products by ascending or descending order with the ‘Order’ option. By default, it is Product Grid is filtered by ‘Recent Products’. You can use the drop-down menu to choose your preferred Products Filtering. Other than that, the ‘Masonry’ view will come up with a ‘Load More’ button section that you can change the button text as per your preference. It will provide an ‘Eye’ icon in the layout to give your visitors the opportunity to look at your products with a close view. That is also available for the ‘List’ view of your product layout.įrom the ‘List’ layout, you will get a separate section that comes with ‘Buttons’ enabling the ‘Quick View’ option with a ‘Style Preset’ to design this section. If you choose the Grid layout, you will get the ‘Pagination’ section that can direct your customers to see all your next and previous products. You can design your preferred layout by using the ‘Style Preset’ different predesigned styles and ensure the layout ‘Columns’. Layouts #įrom the ‘Layouts’ section, you can set your WooCommerce product layout into ‘Grid’, ‘List’, and ‘Masonry’. According to your preferrable layouts, you will get separate options like the ‘Pagination’, Buttons, ‘Load More’ button. ![]() Under the ‘Content’ tab, you will find the ‘Layouts’, ‘Product Settings’, & ‘Add To Cart’. ![]() ![]() Simply just Drag & Drop the ‘EA Product Grid’ into the ‘Drag widget here ‘ or the ‘+’ section.Īfter you have successfully done with step 1, this is how the element is going to look like. To use this Essential Addons element, find the ‘EA Product Grid ‘ element from the Search option under the ‘ELEMENTS ‘ tab. Let’s check out the step by step guidelines below to configure and style your EA Product Grid:īefore you begin, make sure that you have the ‘ WooCommerce ‘ Plugin activated. ![]() With the help of this element, you can create your Product Launch page in a few minutes. How to Configure and Style EA Product Grid #ĮA Product Grid lets you easily display your WooCommerce products anywhere on the page with plenty of styling options. ![]()
0 Comments
Read More
Leave a Reply. |