README

为Spryker实现的基本Facebook Open Graph协议

安装

composer require fond-of-spryker/open-graph

1. 在配置文件中启用模块

// ---------- Google Tag Manager
$config[OpenGraphConstants::ENABLED::ENABLED] = true;

2. 在配置文件中添加产品图像属性配置

$config[OpenGraphConstants::PRODUCT_IMAGE_SET] = 'default';
$config[OpenGraphConstants::PRODUCT_IMAGE_URL_TYPE] = 'externalUrlLarge';

3. 在YvesBootstrap.php的registerServiceProviders()中添加twig服务提供者

$this->application->register(new OpenGraphTwigServiceProvider());

4. 在必要的Twig模板中添加Twig扩展

  Application/layout/layout.twig 
  between <head></head> tags
  
    {# Open Graph Protocol for Facebook and SEO #}
    {% block opengraph %}
        {% set params = {
            'title': 'global.shop.title' | trans,
            'description': '',
            'url': app.request.uri,
            'type': 'website',
            'site_name': app.locale | slice(0, 2)
        }
        %}
        {{ openGraph(params)}}
    {% endblock %}

  Catalog/catalog/index.twig 
  {% block opengraph %}
      {% set params = {
          'title': category.name,
          'description': '',
          'url': app.request.uri,
          'type': 'website',
          'site_name': '....'
      }
      %}
      {{ openGraph(params)}}
  {% endblock %}

  Product/product/detail.twig  
  {% block opengraph %}
      {% set params = {
          'title': product.name,
          'description': product.description,
          'url': app.request.uri,
          'type': 'product',
          'site_name': '...',
          'product': product
      }
      %}
      {{ openGraph(params)}}
  {% endblock %}

fond-of-spryker / open-graph

维护者

详细信息

README

安装

1. 在配置文件中启用模块

2. 在配置文件中添加产品图像属性配置

3. 在YvesBootstrap.php的registerServiceProviders()中添加twig服务提供者

4. 在必要的Twig模板中添加Twig扩展