{"id":3220,"date":"2021-02-16T11:58:53","date_gmt":"2021-02-16T11:58:53","guid":{"rendered":"https:\/\/paucompany.es\/Wocommerce\/?p=3220"},"modified":"2021-04-23T16:20:39","modified_gmt":"2021-04-23T16:20:39","slug":"woocommerce-2","status":"publish","type":"post","link":"https:\/\/paucompany.es\/Wocommerce\/woocommerce-2\/","title":{"rendered":"WooCommerce"},"content":{"rendered":"<p class=\"wp-block-paragraph\">WooCommerce just got even simpler with GeneratePress Premium 1.8 . It wouldn&#8217;t be a Flint Skin site of course if there wasn&#8217;t a little CSS and some Custom functions. But the vast majority of what you see is styled through the Customizer.<\/p><h2 class=\"wp-block-heading\">Woo Shop Page<\/h2><ul class=\"wp-block-list\"><li><strong>Display mini cart sub-menu<\/strong><\/li><li>No more need for a plugin with this beautiful min cart shown when hovering the nav cart icon<\/li><li>M<strong>enu Item Content<\/strong><\/li><li>Choice between Amount and Number of Items. I have chosen the latter<\/li><li><strong>Display cart panel on add to cart<\/strong><\/li><li>Replacing the standard WooCommerce add to cart notification with a great slide out panel.<\/li><\/ul><h3 class=\"wp-block-heading\">Shop Page Product &#8211; add to cart ( desktop )<\/h3><p class=\"wp-block-paragraph\">Using a little CSS to create a show \/ hide on hover effect. This uses some CSS which you can find in the Customizer &gt; Additional CSS. It looks like this:<\/p><pre class=\"wp-block-code\"><code>.woocommerce ul.products li.product {\n    overflow: hidden;\n}\n\n.woocommerce ul.products li.product:hover .button {\n    -webkit-transform: translatey(0) !important;\n    transform: translatey(0) !important;\n}\n\n.woocommerce ul.products li.product .button {\n    font-size: 12px;\n    line-height: 15px;\n    padding: 8px 12px;\n    min-height: 15px;\n    font-weight: bold;\n    text-transform: uppercase;\n}\n\n@media (min-width: 1024px) {\n    .woocommerce ul.products li.product .button {\n        position: absolute;\n        top: 0;\n        -webkit-transform: translatey(-150%);\n        transform: translatey(-150%);\n        -webkit-transition: 0.35s;\n        transition: 0.35s;\n        margin-top: 10px;\n        margin-left: 10px !important;\n    }\n}<\/code><\/pre><p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>WooCommerce just got even simpler with GeneratePress Premium 1.8 . It wouldn&#8217;t be a Flint Skin site of course if there wasn&#8217;t a little CSS and some Custom functions. But the vast majority of what you see is styled through the Customizer. Woo Shop Page Display mini cart sub-menu No more need for a plugin &#8230; <a title=\"WooCommerce\" class=\"read-more\" href=\"https:\/\/paucompany.es\/Wocommerce\/woocommerce-2\/\" aria-label=\"Leer m\u00e1s sobre WooCommerce\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":5372,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_joinchat":[],"footnotes":"","_wpscppro_dont_share_socialmedia":false,"_wpscppro_custom_social_share_image":0,"_facebook_share_type":"","_twitter_share_type":"","_linkedin_share_type":"","_pinterest_share_type":"","_linkedin_share_type_page":"","_instagram_share_type":"","_medium_share_type":"","_threads_share_type":"","_google_business_share_type":"","_bluesky_share_type":"","_mastodon_share_type":"","_selected_social_profile":[],"_wpsp_enable_custom_social_template":false,"_wpsp_social_scheduling":{"enabled":false,"datetime":null,"platforms":[],"status":"template_only","dateOption":"today","timeOption":"now","customDays":"","customHours":"","customDate":"","customTime":"","schedulingType":"absolute"},"_wpsp_active_default_template":true},"categories":[1],"tags":[],"class_list":["post-3220","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria"],"_links":{"self":[{"href":"https:\/\/paucompany.es\/Wocommerce\/wp-json\/wp\/v2\/posts\/3220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paucompany.es\/Wocommerce\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/paucompany.es\/Wocommerce\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/paucompany.es\/Wocommerce\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/paucompany.es\/Wocommerce\/wp-json\/wp\/v2\/comments?post=3220"}],"version-history":[{"count":0,"href":"https:\/\/paucompany.es\/Wocommerce\/wp-json\/wp\/v2\/posts\/3220\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/paucompany.es\/Wocommerce\/wp-json\/wp\/v2\/media\/5372"}],"wp:attachment":[{"href":"https:\/\/paucompany.es\/Wocommerce\/wp-json\/wp\/v2\/media?parent=3220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/paucompany.es\/Wocommerce\/wp-json\/wp\/v2\/categories?post=3220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/paucompany.es\/Wocommerce\/wp-json\/wp\/v2\/tags?post=3220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}