Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
woocommerce/plugins/woocommerce-blocks/patterns/header-essential-dark.php

27 lines
1.7 KiB
PHP
Raw Normal View History

Register new header patterns (https://github.com/woocommerce/woocommerce-blocks/pull/7292) * Register new header patterns * Fix name * Capitalize the header word * Remove ref from the navigation menu
2022-10-06 13:16:32 +00:00
<?php
/**
* Title: WooCommerce Essential Header | Dark
* Slug: woocommerce-blocks/header-essential-dark
* Categories: WooCommerce
Register footer and header patterns as template parts, so they are available in contextual chooser (https://github.com/woocommerce/woocommerce-blocks/pull/7699)
2022-11-28 11:11:08 +00:00
* Block Types: core/template-part/header
Register new header patterns (https://github.com/woocommerce/woocommerce-blocks/pull/7292) * Register new header patterns * Fix name * Capitalize the header word * Remove ref from the navigation menu
2022-10-06 13:16:32 +00:00
*/
?>
Add `Customer account` to patterns (https://github.com/woocommerce/woocommerce-blocks/pull/7944) * Render the block in the frontend * Add icon style selector to Display settings This adds an icon style selector in which users can choose the customer account link icon. * Display on the frontend depending on the icon style * Rename attributes * Refactor block rendering * Improve styling * Add link to account settings * Split css file * Switch to SSR * Add customer account block to header patterns * Add customer account block to footer patterns * Adapt minimal header to designs * Adapt large header to designs * Adapt header patterns to new designs and format code * Adapt footer patterns to the designs * Change display style for the essential header * Increase alt icon size * Make the icon resize with the label * Adjust icon size on headers * Add padding and move second row to the right * Remove unused enum Co-authored-by: Alexandre Lara <allexandrelara@gmail.com>
2022-12-23 09:08:44 +00:00
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"2%","bottom":"32px","left":"2%","top":"32px"},"margin":{"top":"0px","bottom":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"black","textColor":"white","className":"sticky-header has-background-color","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wp-block-group alignfull sticky-header has-background-color has-white-color has-black-background-color has-text-color has-background has-link-color" style="margin-top:0px;margin-bottom:0px;padding-top:32px;padding-right:2%;padding-bottom:32px;padding-left:2%">
<!-- wp:group {"style":{"spacing":{"blockGap":"40px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group">
<!-- wp:site-logo {"shouldSyncIcon":false} /-->
<!-- wp:search {"label":"Search","showLabel":false,"buttonText":"Search","buttonUseIcon":true} /-->
<!-- wp:navigation {"textColor":"background","layout":{"type":"flex","justifyContent":"center"}} /-->
</div>
<!-- /wp:group -->
Register new header patterns (https://github.com/woocommerce/woocommerce-blocks/pull/7292) * Register new header patterns * Fix name * Capitalize the header word * Remove ref from the navigation menu
2022-10-06 13:16:32 +00:00
Add `Customer account` to patterns (https://github.com/woocommerce/woocommerce-blocks/pull/7944) * Render the block in the frontend * Add icon style selector to Display settings This adds an icon style selector in which users can choose the customer account link icon. * Display on the frontend depending on the icon style * Rename attributes * Refactor block rendering * Improve styling * Add link to account settings * Split css file * Switch to SSR * Add customer account block to header patterns * Add customer account block to footer patterns * Adapt minimal header to designs * Adapt large header to designs * Adapt header patterns to new designs and format code * Adapt footer patterns to the designs * Change display style for the essential header * Increase alt icon size * Make the icon resize with the label * Adjust icon size on headers * Add padding and move second row to the right * Remove unused enum Co-authored-by: Alexandre Lara <allexandrelara@gmail.com>
2022-12-23 09:08:44 +00:00
<!-- wp:group {"style":{"spacing":{"blockGap":"8px"},"typography":{"fontSize":"18px"},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
<div class="wp-block-group" style="font-size:18px">
<!-- wp:woocommerce/customer-account {"displayStyle":"icon_only","iconStyle":"alt"} /-->
<!-- wp:woocommerce/mini-cart {"textColor":"background","style":{"typography":{"fontSize":"14px"}}} /-->
</div>
<!-- /wp:group -->
</div>
Register new header patterns (https://github.com/woocommerce/woocommerce-blocks/pull/7292) * Register new header patterns * Fix name * Capitalize the header word * Remove ref from the navigation menu
2022-10-06 13:16:32 +00:00
<!-- /wp:group -->