Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fill out products empty state suggestions: 

- add back product suggestions data
- hide page admin elements, focus layout on onboarding
- bulk-fix indentation in admin.scss
- reinstate default BlankState styling (overrides are intended for products only, accidentally overwrote)
This commit is contained in:
haszari 2019-02-14 14:03:36 +13:00
parent 8db91f44c0
commit 64c71cb724
7 changed files with 6561 additions and 6104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/admin-rtl.css
View File

File diff suppressed because one or more lines are too long

2
assets/css/admin.css
View File

File diff suppressed because one or more lines are too long

12582
assets/css/admin.scss
View File

File diff suppressed because it is too large Load Diff

2
assets/css/marketplace-suggestions-rtl.css
View File

@ -1 +1 @@
.marketplace-table-banner h2{color:#555}.marketplace-table-banner td{vertical-align:middle}.marketplace-table-banner td.marketplace-table-title{padding-right:4em}.marketplace-table-banner td.marketplace-table-linkout{text-align:left;padding-left:3em}@media screen and (max-width:782px){.marketplace-table-banner{display:none}}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body]{margin-top:4em;text-align:right}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container{border-top:1px solid #ccc}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container h4{margin-bottom:.5em}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container p{margin-top:0}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container a.button{display:inline-block}
.marketplace-table-banner h2{color:#555}.marketplace-table-banner td{vertical-align:middle}.marketplace-table-banner td.marketplace-table-title{padding-right:4em}.marketplace-table-banner td.marketplace-table-linkout{text-align:left;padding-left:3em}@media screen and (max-width:782px){.marketplace-table-banner{display:none}}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body]{margin-top:4em;text-align:right}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container{border-top:1px solid #ccc;margin-top:2em}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container h4{margin-bottom:.5em}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container p{margin-top:0}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container a.button{display:inline-block}

2
assets/css/marketplace-suggestions.css
View File

@ -1 +1 @@
.marketplace-table-banner h2{color:#555}.marketplace-table-banner td{vertical-align:middle}.marketplace-table-banner td.marketplace-table-title{padding-left:4em}.marketplace-table-banner td.marketplace-table-linkout{text-align:right;padding-right:3em}@media screen and (max-width:782px){.marketplace-table-banner{display:none}}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body]{margin-top:4em;text-align:left}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container{border-top:1px solid #ccc}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container h4{margin-bottom:.5em}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container p{margin-top:0}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container a.button{display:inline-block}
.marketplace-table-banner h2{color:#555}.marketplace-table-banner td{vertical-align:middle}.marketplace-table-banner td.marketplace-table-title{padding-left:4em}.marketplace-table-banner td.marketplace-table-linkout{text-align:right;padding-right:3em}@media screen and (max-width:782px){.marketplace-table-banner{display:none}}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body]{margin-top:4em;text-align:left}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container{border-top:1px solid #ccc;margin-top:2em}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container h4{margin-bottom:.5em}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container p{margin-top:0}.marketplace-suggestions-container[data-marketplace-suggestions-context=products-list-empty-body] .marketplace-listitem-container a.button{display:inline-block}

1
assets/css/marketplace-suggestions.scss
View File

@ -36,6 +36,7 @@
.marketplace-listitem-container {
border-top: 1px solid #ccc;
margin-top: 2em;
h4 {
margin-bottom: 0.5em;

74
assets/js/admin/marketplace-suggestions.js
View File

@ -10,53 +10,45 @@
slug: 'products-empty-memberships',
context: 'products-list-empty-body',
title: 'Selling something else?',
copy: 'Extensions allow you to sell other types of products including bookings, subscriptions, or memberships',
copy: 'Extensions allow you to sell other types of products including bookings, subscriptions, or memberships.',
'button-text': 'Browse extensions',
url: 'https://woocommerce.com/product-category/woocommerce-extensions/product-extensions/',
url: 'https://woocommerce.com/product-category/woocommerce-extensions/product-extensions/'
},
{
slug: 'products-empty-addons',
context: 'products-list-empty-body',
'show-if-installed': [
'woocommerce-subscriptions',
'woocommerce-memberships'
],
title: 'Product Add-Ons',
copy: 'Offer add-ons like gift wrapping, special messages or other special options for your products.',
'button-text': 'From $149',
url: 'https://woocommerce.com/products/product-add-ons/'
},
{
slug: 'products-empty-product-bundles',
context: 'products-list-empty-body',
'hide-if-installed': 'woocommerce-product-bundles',
title: 'Product Bundles',
copy: 'Offer customizable bundles and assembled products.',
'button-text': 'From $49',
url: 'https://woocommerce.com/products/product-bundles/'
},
{
slug: 'products-empty-composite-products',
context: 'products-list-empty-body',
title: 'Composite Products',
copy: 'Create and offer product kits with configurable components.',
'button-text': 'From $79',
url: 'https://woocommerce.com/products/composite-products/'
},
// {
// slug: 'products-empty-addons',
// context: 'products-list-empty-body',
// 'show-if-installed': [
// 'woocommerce-subscriptions',
// 'woocommerce-memberships'
// ],
// content: '<div class="marketplace-card">' +
// '<h2>Product Add-Ons</h2>' +
// '<p>Offer add-ons like gift wrapping, special messages or other special options for your products.</p>' +
// '<a class="button" href="https://woocommerce.com/products/product-add-ons/">From $149</a>' +
// '</div>'
// },
// {
// slug: 'products-empty-product-bundles',
// context: 'products-list-empty-body',
// 'hide-if-installed': 'woocommerce-product-bundles',
// content: '<div class="marketplace-card">' +
// '<h2>Product Bundles</h2>' +
// '<p>Offer customizable bundles and assembled products</p>' +
// '<a class="button" href="https://woocommerce.com/products/product-bundles/">From $49</a>' +
// '</div>'
// },
// {
// slug: 'products-empty-composite-products',
// context: 'products-list-empty-body',
// content: '<div class="marketplace-card">' +
// '<h2>Composite Products</h2>' +
// '<p>Create and offer product kits with configurable components</p>' +
// '<a class="button" href=https://woocommerce.com/products/composite-products/">From $79</a>' +
// '</div>'
// },
// {
// slug: 'products-empty-more',
// context: 'products-list-empty-body',
// content: '<div class="marketplace-card"><h2>More Extensions</h2></div>'
// },
{
slug: 'products-list-enhancements-category',
context: 'products-list-inline',
title: 'Looking to optimize your product pages?',
'button-text': 'Explore enhancements',
url: 'https://woocommerce.com/product-category/woocommerce-extensions/product-extensions/',
url: 'https://woocommerce.com/product-category/woocommerce-extensions/product-extensions/'
}
];
@ -217,6 +209,8 @@
// streamline layout if we're showing empty product list promos
if ( _.contains( visibleSuggestions, 'products-list-empty-body' ) ) {
$('h1.wp-heading-inline').hide();
$('#screen-meta-links').hide();
$('#wpfooter').hide();
}