{"title":"Customizing Shopping Cart Dropdown Menu","id":49056,"link":"https:\/\/env.averta.net\/en\/step\/customizing-shopping-cart-dropdown-menu\/","parent":[35060],"content":"<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/Screen-Shot-2017-09-02-at-2.45.19-PM.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-49131 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/Screen-Shot-2017-09-02-at-2.45.19-PM.png\" alt=\"\" width=\"309\" height=\"445\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/Screen-Shot-2017-09-02-at-2.45.19-PM.png 309w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/Screen-Shot-2017-09-02-at-2.45.19-PM-208x300.png 208w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/Screen-Shot-2017-09-02-at-2.45.19-PM-120x173.png 120w\" sizes=\"(max-width: 309px) 100vw, 309px\" \/><\/a>Every shop page has a cart page. This page can be viewed on a separate page or on each page&#8217;s top header as a cart dropdown. Customers can easily see the items in their cart, by checking out a menu that appears near the top right of your pages.<\/p>\n<p>To customize the shopping cart dropdown menu, follow the below steps:<\/p>\n<h3>On Vertical Header:<\/h3>\n<ol>\n<li>Go to your?<strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click?<b>Appearance<\/b>?on the?<b>Dashboard<\/b><\/li>\n<li>Then click?<b>Customize<\/b><\/li>\n<li>Navigate?<strong>Header &gt; Header Section<\/strong><\/li>\n<li>Choose <strong>Vertical Menu<\/strong><\/li>\n<li>Enable <strong>Display Header Cart<\/strong><\/li>\n<\/ol>\n<h3>On Top Header Bar:<\/h3>\n<ol>\n<li>Go to your?<strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click?<b>Appearance<\/b>?on the?<b>Dashboard<\/b><\/li>\n<li>Then click?<b>Customize<\/b><\/li>\n<li>Navigate?<strong>Header &gt;?Top Header Bar<\/strong><\/li>\n<li>Enable <strong>Display Top Header Cart<\/strong><\/li>\n<\/ol>\n<hr style=\"clear: both;\" \/>\n<h3>Cart Page Setting<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-51609 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/Header-Cart-on-Vertical-Menu.png\" alt=\"\" width=\"300\" height=\"291\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/Header-Cart-on-Vertical-Menu.png 300w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/Header-Cart-on-Vertical-Menu-178x173.png 178w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<h4>Cart Dropdown Skin<\/h4>\n<p>There are two available skins for cart dropdown: Light and Dark<\/p>\n<h4>Dropdown Action On<\/h4>\n<p>To open the cart dropdown, you can hovering over or click on it.<\/p>\n","type":"solution"}