Adding name attributes and saving in the database for easy use everywhere

[devmansurov]

I will now look at your json file structure with product data to save them to the database. There I found something like this product with attributes:

    {
        "attributes": {
            "name": "Chuck 70 Raw Edge",
            "description": "The timeless style you know and love gets remixed with light padding and unexpected raw-edge details. An elevated style icon, it features more cushioning to keep you looking ”and feeling” good all day. The Chuck 70 holds its own on fashion week runways and city streets, making it the go-to sneaker for those looking to enhance and express their style.",
            "product_details": [
                "High-top sneaker, crafted with organic canvas for an elevated look and feel",
                "OrthoLite cushioning for all-day comfort",
                "Raw-cut textile inserts for added padding",
                "Shiny rubber sidewall and winged tongue stitching",
                "Heritage details like a 1970s heel logo nod to its legacy"
            ]
        },
        "brand": "Converse",
        "collection": "shoes",
        "sku": "CONV-70",
        "price": "15000",
        "image": "converse.jpg",
        "options": [
            {
                "name": "Shoe Size",
                "values": [
                    "UK 5",
                    "UK 6",
                    "UK 7",
                    "UK 8",
                    "UK 9",
                    "UK 10"
                ]
            }
        ]
    }

At the current moment, we will use the attributes of our products in approximately the same way:

<div>Description</div> <!-- key points -->
<article class="mt-4">
    {{ $this->product->translateAttribute('description') }}
</article>

<div>Product Details</div> <!-- key points -->
@foreach ($this->product->translateAttribute('product_details') as $detail)
    <div>{{ $detail }}</div>
@endforeach

As you can see from the code above, we write the name of the attribute ourselves in a static way. Why not do it dynamically and output the translated attribute name from the database like this:

@foreach($this->product->attributes as $attribute)
  <div>{{ $attribute->translateName() }}</div> <!-- get attribute name one time dynamically -->
  @if($attribute->fieldType() === 'GetCandy\\FieldTypes\\TranslatedText') <!-- will be cool if short field type for attribute like this if($attribute->type() === 'string') -->
    <article class="mt-4">
        {{ $attribute->translateValue() }}
    </article>
  @elseif($attribute->fieldType() === 'GetCandy\\FieldTypes\\ListField') <!-- if($attribute->type() === 'array') -->
    @foreach ($attribute->translateValue() as $val)
      <div>{{ $val }}</div>
    @endforeach
  @endif
@endforeach

Generally product attributes in json file looks like this in my mind:

"attributes": [
  {
    "key": "name",
    "title": "Name",
    "type": "GetCandy\\FieldTypes\\TranslatedText",
    "value": "Chuck 70 Raw Edge"
  },
  {
    "key": "description",
    "title": "Description",
    "type": "GetCandy\\FieldTypes\\TranslatedText",
    "value": "The timeless style you know and love gets remixed with light padding and unexpected raw-edge details. An elevated style icon, it features more cushioning to keep you looking ”and feeling” good all day. The Chuck 70 holds its own on fashion week runways and city streets, making it the go-to sneaker for those looking to enhance and express their style."
  },
  {
    "key": "product_details",
    "title": "Product Details",
    "type": "GetCandy\\FieldTypes\\ListField",
    "value": [
      "High-top sneaker, crafted with organic canvas for an elevated look and feel",
      "OrthoLite cushioning for all-day comfort",
      "Raw-cut textile inserts for added padding",
      "Shiny rubber sidewall and winged tongue stitching",
      "Heritage details like a 1970s heel logo nod to its legacy"
    ]
  }
]

This will help us a lot to implement a dynamic shop frontend.