Products

Creating Products

One of the very few abilities of the admin panel is to create products. It should be straightforward enough, so not detailing that part here.

However if you need to create products from code, here are some examples:

Minimal Product:

use Vanilo\Product\Models\Product;

// A product must have at least a name and an SKU:
$product = Product::create([
    'name' => 'Dell Latitude E7240 Laptop',
    'sku'  => 'DLL-74237'
]);

echo $product->name;
// "Dell Latitude E7240 Laptop"

echo $product->slug;
// "dell-latitude-e7240-laptop"

The slugs are generated using the Eloquent-Sluggable library.

All Product Fields:

Product::create([
    'name'             => 'Maxi Baxi 2000',
    'sku'              => 'MXB-2000',
    'slug'             => 'maxi-baxi-2000',
    'excerpt'          => 'Maxi Baxi 2000 is the THING you always have dreamt of',
    'description'      => 'Maxi Baxi 2000 makes your dreams come true. See: https://youtu.be/5RKM_VLEbOc',
    'state'            => 'active',
    'meta_keywords'    => 'maxi, baxi, dreams',
    'meta_description' => 'The THING you always have dreamt of'
]);

Product Title:

Product title is either the ext_title field's value or the name if ext_title is empty.

$product = Product::create([
    'name' => 'I am a product',
    'sku'  => 'N1'
]);
echo $product->title();
// "I am a product"

$product->ext_title = 'I am a product with attitudes';

echo $product->title();
// "I am a product with attitudes"

// It can be accessed as property as well:
echo $product->title;
// "I am a product with attitudes"

Product State:

Product state is an enum.

use Vanilo\Product\Models\Product;
use Vanilo\Product\Models\ProductState;

// Supported product states out of the box:
print_r(ProductState::values());
//[
//    "draft",
//    "inactive",
//    "active",
//    "unavailable",
//    "retired",
//]

$product = new Product();

// Product's state field is an enum:
echo get_class($product->state);
// "Vanilo\Product\Models\ProductState"

// Default value is draft:
echo $product->state->value();
// "draft"

// State can be set via scalar:
$product->state = 'inactive';

// State can be set via enum object:
$product->state = ProductState::INACTIVE();

// Products also have an 'isActive()' method:
echo $product->isActive();
// false

// Alternatively, this can be accessed as property too:
echo $product->is_active;
// false

// The isActive()/is_active flag is actually obtained from the state:
$product->state = ProductState::ACTIVE;
echo $product->isActive();
// true

For extending the product model and the product state enum, refer to the models and enums sections, respectively.

Product Images

Refer to the Modules vs. Framework page for understanding the difference between the two approaches.

Product Module Only - Without Framework

In case you're using the standalone product module only, then there's no product image support by default.

The contracts package defines the Buyable interface across modules that has 3 image related methods:

  1. hasImage(): bool
  2. getThumbnailUrl(): ?string
  3. getImageUrl(): ?string

The support package offers 2 traits for implementing the image related functionality of the Buyable interface:

  • BuyableNoImage: "Null image" trait for products that don't actually have images
  • BuyableImageSpatieV7: Adapter for using images with Spatie's Laravel Media Library V7

In case you want to compose your own product model with Spatie image support:

namespace App;

use Spatie\MediaLibrary\HasMedia\HasMedia;
use Spatie\MediaLibrary\HasMedia\HasMediaTrait;
use Vanilo\Contracts\Buyable;
use Vanilo\Product\Models\Product as BaseProduct;
use Vanilo\Support\Traits\BuyableModel;
use Vanilo\Support\Traits\BuyableImageSpatieV7;

class Product extends BaseProduct implements Buyable, HasMedia
{
    use BuyableModel; // Implements Buyable methods for common Eloquent models
    use BuyableImageSpatieV7; // Implements Buyable's image methods using Spatie Media Library
    use HasMediaTrait; // Spatie package's default trait
}

It is also possible to add your very own implementation of these methods. The traits from the support package provide a convenient and common default implementation.

With The Framework

If you're using the Vanilo Framework (and not just the product module), it already ships with an extended product model (Vanilo\Framework\Models\Product) with image support via Spatie Media Library.

Refer to the Spatie Media Library Documentation, to discover all the possibilities.

Add Multiple Product Images

// Example: in a controller action
public function store(Request $request)
{
    $product = Product::create();

    if (!empty($request->files->filter('images'))) {
        $product->addMultipleMediaFromRequest(['images'])->each(function ($fileAdder) {
            $fileAdder->toMediaCollection();
        });
    }    
}

Define Image Variants

It is possible to define various sizes (thumbnails, etc) of the images in the config file:

// config/vanilo.php
return [
    // ...
    'image'       => [
        'variants' => [
            'thumbnail' => [ // Name of the image variant
                'width'  => 250,
                'height' => 250,
                'fit'    => 'crop'
            ],
            'cart' => [ // Image variant names can be arbitrary
                'width'  => 120,
                'height' => 90,
                'fit'    => 'crop'
            ]
        ]
    ]
    //...
];

To retrieve image variants in client code, use:

$product->getFirstMediaUrl('default', 'thumbnail'); // 250x250
$product->getFirstMediaUrl('default', 'cart'); // 120x90

Refer to the Retrieving Converted Images section in Media Library Documentation for more details.