Enhance styling and structure of custom fields in product templates

- Updated SCSS styles for headers (h2, h3) and added bold styling for required custom fields.
- Improved layout with additional margin for attributes and ensured consistent font weights.
- Modified PHP template to include a clearer structure for custom fields, adding a note for required fields.

layout/style-scss/style.scss

@@ -2032,6 +2032,16 @@ ul.pager {
       font-style: normal;
       letter-spacing: 0px;
 
+      h2 {
+        font-size: 18px;
+        font-weight: 600;
+      }
+
+      h3 {
+        font-size: 16px;
+        font-weight: 600;
+      }
+
       p {
         strong {
           font-weight: 600;
@@ -2058,6 +2068,10 @@ ul.pager {
         grid-template-columns: 200px 1fr;
         gap: 5px;
 
+        ._name.bold {
+          font-weight: 600;
+        }
+
         .grow-wrap {
           display: grid;
         }
@@ -2084,6 +2098,8 @@ ul.pager {
       }
 
       #attributes {
+        margin-bottom: 10px;
+
         .title {
           margin-bottom: 10px;
           opacity: 0.7;

templates_user/shop-product/_partial/product-custom-fields.php

@@ -1,6 +1,7 @@
-<? if ( is_array( $this -> custom_fields ) ): foreach ( $this -> custom_fields as $custom_field ):?>
+<? if ( is_array( $this -> custom_fields ) ):?>
+  <? foreach ( $this -> custom_fields as $custom_field ):?>
   <div class="custom-field">
-    <div class="_name">
+    <div class="_name <? if ( !empty( $custom_field['is_required'] ) ): ?>bold<? endif; ?>">
       <?= $custom_field['name'];?><? if ( !empty( $custom_field['is_required'] ) ): ?>*<? endif; ?>:
     </div>
     <div class="_input">
@@ -9,4 +10,11 @@
       </div>
     </div>
   </div>
-<? endforeach; endif;?>
+  <? endforeach;?>
+  <div class="custom-field">
+    <div class="_name"></div>
+    <div class="_input">
+      * - pole wymagane
+    </div>
+  </div>
+<? endif;?>