README

带有HTML文本和图片的调用行动块
(私人项目，不提供帮助/支持)

要求

• SilverStripe ^4.2
• dnadesign/silverstripe-elemental ^3.0
• sheadawson/silverstripe-linkable ^2.0@dev

建议

• derralf/elemental-styling

当使用derralf/elemental-styling的StyledTitle时，修改/templates/Derralf/Elements/CtaFlexImage/Includes/Title.ss以满足您的需求。

安装

• 通过Composer安装模块

  composer require derralf/elemental-cta-fleximage
  

配置

基本/默认配置。将其添加到您的mysite/_config/elements.yml

注意colors的示例选项，默认样式表中已包含这些样式。

---
Name: elementctafleximage
---
Derralf\Elements\CtaFlexImage\Element\ElementCtaFlexImage:
  styles:
    image-right: 'Image Right'
  styles_default_description: 'Standard: Image left'
  colors:
    primary: 'primary'
    success: 'success'
    info: 'info'
    warning: 'warning'
    danger: 'danger'
  readmore_link_class: 'btn btn-default btn-readmore'

此外，您还可以应用默认样式

# add default styles
DNADesign\Elemental\Controllers\ElementController:
  default_styles:
    - derralf/elemental-cta-fleximage:client/dist/styles/frontend-default.css

有关如何禁用默认样式的说明，请参阅Elemental文档：禁用默认样式。

添加您的模板

您可以像这样添加自己的模板/样式

Derralf\Elements\CtaFlexImage\Element\ElementCtaFlexImage:
  styles:
    MyCustomTemplate: "new customized special Layout"

...并将一个名为ElementCtaFlexImage_MyCustomTemplate.ss的模板放入themes/{your_theme}/templates/Derralf/Elements/CtaFlexImage/Element/
和/或为.derralf__elements__ ctaflexmage__element__ ctafleximage.mycustomtemplate添加样式到您的样式表中。

注意：左右版本是通过css提供的（没有单独的模板）。

模板说明

基于Bootstrap 3+的模板，但需要一些额外的样式

• 可选地，您可以将此模块提供的基本CSS样式要求添加到您的控制器类中，例如：mysite/code/PageController.php

  Requirements::css('derralf/elemental-cta-fleximage:client/dist/styles/frontend-default.css');
  

• 或将您的主题scss中的client/src/styles/frontend-default.scss复制并修改

屏幕截图

(不可用)