Merge pull request #13 from lightspeedwp/fixes/1.0.2

Fixes/1.0.2

changelog.md

@@ -1,5 +1,24 @@
 # LSX Design Changelog
 
+## [[1.0.2]](https://github.com/lightspeeddevelopment/lsx-design/releases/tag/1.0.2)
+
+### Fixed
+- Skip to content links.
+- Sticky header issue.
+- Navigation hover colour issues.
+- Mobile menu display issues.
+
+## [[1.0.1]](https://github.com/lightspeeddevelopment/lsx-design/releases/tag/1.0.1)
+
+### Fixed
+- Block validation errors.
+
+### Updated
+- Theme screenshot
+
+### Added
+- Licences for images and assets to the readme.txt
+
 ## [[1.0.0]](https://github.com/lightspeeddevelopment/lsx-design/releases/tag/1.0.0)
 
 ### Added

functions.php

@@ -11,7 +11,7 @@
 	exit;
 }
 
-define( 'LSXD_VERSION', '1.0.0' );
+define( 'LSXD_VERSION', '1.0.2' );
 
 require_once get_template_directory() . '/includes/classes/class-core.php';
 

includes/classes/class-frontend.php

@@ -39,7 +39,6 @@ public function init() {
 		// Output on the frontend.
 		add_filter( 'wpforms_frontend_form_data', array( $this, 'wpforms_match_button_block' ) );
 		add_filter( 'woocommerce_account_menu_items', array( $this, 'woocommerce_account_menu_items_fix' ), 10, 2 );
-
 	}
 
 	/**
@@ -94,6 +93,9 @@ public function wpforms_match_button_block( $form_data ) {
 	 * @return array
 	 */
 	public function woocommerce_account_menu_items_fix( $items, $endpoints ) {
+		if ( ! function_exists( 'wc_shipping_enabled' ) ) {
+			return $items;
+		}
 		if ( ! isset( $items['edit-address'] ) || '' !== $items['edit-address'] ) {
 			return $items;
 		}

includes/patterns/pages/page-contact.php

@@ -89,7 +89,7 @@
     <!-- /wp:spacer -->
 	
 	<!-- wp:image {"sizeSlug":"large"} -->
-	<figure class="wp-block-image size-large"><a href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3310.4539806727507!2d18.45126131511593!3d-33.92944998063957!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1dcc5da1b2446d25%3A0x351a974567826b35!2s46+Devon+St%2C+Woodstock%2C+Cape+Town%2C+7915%2C+South+Africa!5e0!3m2!1sen!2sve!4v1506956600720"><img src="' . esc_url( get_theme_file_uri() ) . '/assets/images/map-placeholder.jpg" alt=""/></a></figure>
+	<figure class="wp-block-image size-large"><img src="' . esc_url( get_theme_file_uri() ) . '/assets/images/map-placeholder.jpg" alt=""/></figure>
 	<!-- /wp:image -->
 
 	</div>

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "lsx",
-  "version": "1.0.0",
+  "name": "lsx-design",
+  "version": "1.0.2",
   "description": "is a light-weight, minimalistic and responsive WordPress theme that allows users to create fast, efficient and attractive websites that are feature-rich. We've built it to be fully compatible with WooCommerce, making it an ideal choice for your next eCommerce build. Its lightweight build ensures better load times, a bonus for both user experience and SEO.",
   "main": "gulpfile.js",
   "repository": {
@@ -11,7 +11,7 @@
     "lsx"
   ],
   "author": "LightSpeed",
-  "license": "GPLv2 or later",
+  "license": "GPLv3 or later",
   "bugs": {
     "url": "https://github.com/lightspeeddevelopment/lsx/issues"
   },

parts/header-dark.html

@@ -1,6 +1,10 @@
+<!-- wp:group {"style":"backgroundColor":"base","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-base-background-color has-background">
 <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"20px","bottom":"10px"},"margin":{"top":"0px"}}},"backgroundColor":"contrast","layout":{"type":"constrained"}} -->
 <div class="wp-block-group alignfull has-contrast-background-color has-background" style="margin-top:0px;padding-top:20px;padding-bottom:10px"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0","padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
 <div class="wp-block-group alignwide" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:site-logo {"width":100} /-->
 <!-- wp:navigation {"ref":1,"textColor":"base","layout":{"type":"flex","orientation":"horizontal"},"style":{"spacing":{"blockGap":"var:preset|spacing|x-small"}}} /--></div>
 <!-- /wp:group --></div>
+<!-- /wp:group -->
+</div>
 <!-- /wp:group -->

parts/header-transparent.html

@@ -1,3 +1,5 @@
+<!-- wp:group {"style":"backgroundColor":"base","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-base-background-color has-background">
 <!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"}},"layout":{"inherit":true,"type":"constrained","justifyContent":"center"}} -->
 <div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dlarge, 1rem)","top":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dsmall, 1.00rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
     <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.00rem);padding-bottom:var(--wp--custom--spacing--large, 1rem)"><!-- wp:group {"layout":{"type":"flex"}} -->
@@ -12,4 +14,6 @@
     <!-- /wp:button --></div>
     <!-- /wp:buttons --></div>
     <!-- /wp:group --></div>
-    <!-- /wp:group -->
+    <!-- /wp:group -->
+</div>
+<!-- /wp:group -->

parts/header.html

@@ -1,3 +1,5 @@
+<!-- wp:group {"style":"backgroundColor":"base","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-base-background-color has-background">
 <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|x-small","right":"0","bottom":"var:preset|spacing|x-small","left":"0"},"blockGap":"0"}},"layout":{"inherit":true,"type":"constrained"}} -->
 <div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--x-small);padding-right:0;padding-bottom:var(--wp--preset--spacing--x-small);padding-left:0"><!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->
     <div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:0"><!-- wp:group {"layout":{"type":"flex"}} -->
@@ -10,4 +12,6 @@
     <!-- wp:page-list /-->
     <!-- /wp:navigation --></div>
     <!-- /wp:group --></div>
-    <!-- /wp:group -->
+    <!-- /wp:group -->
+</div>
+<!-- /wp:group -->

readme.txt

@@ -3,9 +3,9 @@ Contributors: feedmymedia, lightspeedwp, eleshar, krugazul, justinabes
 Donate link: https://lsx.design/
 Tags: blog, e-commerce, education
 Requires at least: 6.0
-Tested up to: 6.2.1
+Tested up to: 6.2.2
 Requires PHP: 8.0
-Stable tag: 1.0.0
+Stable tag: 1.0.2
 License: GPLv3
 Licence URI: https://www.gnu.org/licenses/gpl-3.0.en.html
 
@@ -119,6 +119,10 @@ Theme Screenshot, Copyright LightSpeed
 License: CC0 1.0 Universal (CC0 1.0)
 Source: https://github.com/lightspeedwp/lsx-design/blob/main/screenshot.png
 
+Icons in Theme Screenshot:
+License: Font Awesome Free license
+Source: https://fontawesome.com/license/free
+
 Contact Icon Address, Copyright LightSpeed
 License: CC0 1.0 Universal (CC0 1.0)
 Source: https://github.com/lightspeedwp/lsx-design/blob/main/assets/images/contact-icon-address.svg

style.css

@@ -3,8 +3,8 @@ Theme URI: 			https://lsx.design/
 Description: 		LSX Design is a light-weight WordPress Block Theme designed to empower makers to build beautifully rich websites using WordPress Block Editor and Site Editor. We take full advantage of the block editor, which gives you more control over creating your content. Install the free Blocks plugin to add additional blocks and extend core WordPress blocks. Users can easily install any of the 20 free extensions via the WordPress plugins page. The flexibility is perfect for blogs, small business, startups, agencies, firms, WooCommerce stores and portfolio sites. LSX Design is fully compatibility with WooCommerce & WooCommerce Blocks, making it an ideal choice for your next eCommerce build.
 Author: 			LightSpeed 
 Author URI: 		https://www.lsdev.biz/ 
-Version: 			1.0.0
-Tested up to: 		6.2.1 
+Version: 			1.0.2
+Tested up to: 		6.2.2 
 Requires at least: 	6.0
 Requires PHP: 		8.0
 License: 			GPLv3 or later
@@ -63,6 +63,16 @@ p.has-base-color a, .has-base-color.has-link-color a{
     fill: currentColor!important;
     color: currentColor!important;
 }
+
+/* Header --------------------------------------------- */
+@media (max-width: 1250px) {
+	header :where(.has-global-padding),
+	footer :where(.has-global-padding) {
+		padding-left: var(--wp--preset--spacing--x-small) !important;
+		padding-right: var(--wp--preset--spacing--x-small) !important;
+	}
+}
+
 /* Quote --------------------------------------------- */
  .wp-block-quote.is-style-underline, .wp-block-quote.is-style-underline-primary-secondary, .wp-block-quote.is-style-underline-secondary-tertiary, .wp-block-quote.is-style-underline-tertiary-primary {
      border: none;
@@ -142,7 +152,8 @@ p.has-base-color a, .has-base-color.has-link-color a{
      border-color: var(--wp--preset--color--contrast);
 }
  .wp-block-post-comments-form input[type=submit] {
-     border: 1px solid var(--wp--preset--color--contrast);
+     border: 1px solid var(--wp--preset--color--secondary);
+	 color: var(--wp--preset--color--base);
 }
  .wp-block-post-comments-form .form-submit {
      margin-bottom: 0;
@@ -180,10 +191,8 @@ p.has-base-color a, .has-base-color.has-link-color a{
      border: 1px solid #fff;
      padding: 2px;
 }
- .has-background .wp-block-navigation__responsive-container-open:focus, .has-background .wp-block-navigation__responsive-container-open:hover {
-     color: var(--wp--preset--color--base);
-}
- .wp-block-navigation:not([style*=text-decoration]) a, .wp-block-navigation:not([style*=text-decoration]) a:focus, .wp-block-navigation:not([style*=text-decoration]) a:hover {
+
+.wp-block-navigation:not([style*=text-decoration]) a, .wp-block-navigation:not([style*=text-decoration]) a:focus, .wp-block-navigation:not([style*=text-decoration]) a:hover {
      text-decoration: none;
 }
 
@@ -202,6 +211,15 @@ body .wp-block-navigation .wp-block-navigation-item__description {
 	flex-direction: column;
 }
 
+@media (min-width: 600px) {
+	.wp-block-navigation .wp-block-navigation-item a:hover,
+	.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .current-menu-item,
+	.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > a {
+		color: var(--wp--preset--color--tertiary);
+	}
+}
+
+
 /* Navigation Submenu --------------------------------------------- */
  .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container.wp-block-lsx-lsx-mega-menu.has-width-full{
     border-radius: 0!important;
@@ -217,7 +235,7 @@ body .wp-block-navigation .wp-block-navigation-item__description {
 }
 .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container:not(.wp-block-lsx-lsx-mega-menu) {
      border: var(--wp--preset--color--contrast);
-     color: var(--wp--preset--color--base);
+     color: var(--wp--preset--color--contrast);
      padding: 10px;
 }
 .wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
@@ -301,16 +319,17 @@ body .wp-block-navigation .wp-block-navigation-item__description {
     line-height: 22px;
 }
  body.blog .projecttypes, body.category .projecttypes, body.tag .projecttypes{
-     background: var(--wp--preset--color--secondary);
+    background: var(--wp--preset--color--secondary);
     position:absolute;
-     right:-10px;
-     width:auto;
+    right:-10px;
+    width:auto;
     top:15px!important;
     z-index:9;
     padding:4px 10px;
     border-radius: 1px;
     border:1px solid #fff;
     line-height: 22px;
+	margin-block-start: 0px !important;
 }
  .projecttypes a{
     color:#fff!important;
@@ -336,9 +355,6 @@ body .wp-block-navigation .wp-block-navigation-item__description {
 }
  .wp-block-lsx-lsx-mega-menu .wp-block-navigation__container{
     gap:0!important;
-}
- .wp-block-navigation__container .wp-block-navigation-item a:hover{
-    color:var(--wp--preset--color--cta)!important;
 }
  .aw-referrals-share-or{
     color: #fff !important;
@@ -428,75 +444,71 @@ body .wp-block-navigation .wp-block-navigation-item__description {
     color:#000!important;
 }
 /* Media Queries ---------------------------------------------------------------------------- */
- @media (max-width:960px) {
+ @media (max-width:599px) {
     /* Navigation Link --------------------------------------------- */
-    .has-global-padding :where(.has-global-padding){padding: 0 15px!important;}
-     .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
-        padding:10px 0 0 15px;
+    .has-global-padding :where(.has-global-padding){padding: 0 var(--wp--preset--spacing--x-small) !important;}
+    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
+        padding:10px 0 0 var(--wp--preset--spacing--x-small);
     }
     .wp-block-buttons>.wp-block-button.wp-block-button__width-50, .wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:100%!important;}
 
-     header .minicart{
+    header .minicart{
         z-index: 99999999;
         margin-right:50px;
     }
-     .wp-block-navigation{
+    .wp-block-navigation{
         right: 20px;
         position: absolute;
     }
-     .wp-block-navigation__responsive-container.is-menu-open .wp-block-search .wp-block-search__inside-wrapper input::placeholder {
+    .wp-block-navigation__responsive-container.is-menu-open .wp-block-search .wp-block-search__inside-wrapper input::placeholder {
         color:#fff!important;
         padding-left:15px;
     }
-     .wp-block-navigation__responsive-container-close {
+    .wp-block-navigation__responsive-container-close {
          right: 20px;
          top: -46px;
     }
-     .desktopnone{
+    .desktopnone{
         display:block;
     }
-     .mobilenone{
+    .mobilenone{
         display:none!important;
     }
-     .wp-block-navigation__responsive-container.is-menu-open{
-        padding-top:130px!important;
+    .wp-block-navigation__responsive-container.is-menu-open{
+        padding-top: var(--wp--preset--spacing--x-large);
     }
-     .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{
+
+	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
+		padding-top: var(--wp--preset--spacing--small);
+		padding-left: var(--wp--preset--spacing--medium);
+		padding-right: var(--wp--preset--spacing--medium);
+		padding-bottom: 0;
+	}
+
+    .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{
         border:0;
         box-shadow: none;
         border-radius: 0;
     }
-     header .wp-block-image.logo, header .wp-block-site-logo{
+
+	header .wp-block-image.logo, header .wp-block-site-logo{
         z-index: 99999999;
     }
-     .wp-block-navigation__responsive-container.is-menu-open .wp-block-search__button{
+    .wp-block-navigation__responsive-container.is-menu-open .wp-block-search__button{
         background:none!important;
         padding-right:0;
          padding-left:0!important;
         position:absolute;
          border:0!important;
     }
-     .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{
-        display: block!important;
-    }
-     .wp-block-navigation .wp-block-navigation__submenu-icon {
-         align-self: center;
-         background-color: inherit;
-         border: none;
-         color: currentColor;
-         display: inline-block;
-         font-size: inherit;
-         height: 0.8em;
-         position: relative;
-         top: -17px;
-         line-height: 0;
-         padding: 0;
-         right: -40%;
-         width: 0.8em;
-    }
-     .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
-        padding:10px!important;
+    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{
+        display: none;
     }
-    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items: inherit!important;}
+    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
+		align-items: inherit!important;
+		padding-top:var(--wp--preset--spacing--x-small);
+		padding-left:var(--wp--preset--spacing--x-small);
+		padding-right:var(--wp--preset--spacing--x-small);
+	}
 }
 

templates/archive-product.html

@@ -1,5 +1,8 @@
 <!-- wp:template-part {"slug":"header"} /-->
 
+<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0"},"padding":{"top":"40px","bottom":"80px"}}},"className":"site-content"} -->
+<main class="wp-block-group site-content" style="margin-top:0;padding-top:40px;padding-bottom:80px">
+
 <!-- wp:group {"layout":{"inherit":false,"contentSize":""}} -->
 <div class="wp-block-group"><!-- wp:separator {"align":"full","backgroundColor":"senary","className":"is-style-wide"} -->
 <hr class="wp-block-separator alignfull has-text-color has-senary-color has-alpha-channel-opacity has-senary-background-color has-background is-style-wide"/>
@@ -10,4 +13,7 @@
 <!-- /wp:group --></div>
 <!-- /wp:group -->
 
+</main>
+<!-- /wp:group -->
+
 <!-- wp:template-part {"slug":"footer"} /-->