shortcode-vc-zigzag.php 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <?php
  2. if ( ! defined( 'ABSPATH' ) ) {
  3. die( '-1' );
  4. }
  5. return array(
  6. 'name' => esc_html__( 'ZigZag Separator', 'js_composer' ),
  7. 'base' => 'vc_zigzag',
  8. 'icon' => 'vc_icon-vc-zigzag',
  9. 'category' => esc_html__( 'Content', 'js_composer' ),
  10. 'description' => esc_html__( 'Horizontal zigzag separator line', 'js_composer' ),
  11. 'params' => array(
  12. array(
  13. 'type' => 'dropdown',
  14. 'heading' => esc_html__( 'Color', 'js_composer' ),
  15. 'param_name' => 'color',
  16. 'value' => array_merge( vc_get_shared( 'colors' ), array( esc_html__( 'Custom color', 'js_composer' ) => 'custom' ) ),
  17. 'std' => 'grey',
  18. 'description' => esc_html__( 'Select color of separator.', 'js_composer' ),
  19. 'param_holder_class' => 'vc_colored-dropdown',
  20. ),
  21. array(
  22. 'type' => 'colorpicker',
  23. 'heading' => esc_html__( 'Custom Color', 'js_composer' ),
  24. 'param_name' => 'custom_color',
  25. 'description' => esc_html__( 'Select color for your element.', 'js_composer' ),
  26. 'dependency' => array(
  27. 'element' => 'color',
  28. 'value' => array( 'custom' ),
  29. ),
  30. ),
  31. array(
  32. 'type' => 'dropdown',
  33. 'heading' => esc_html__( 'Alignment', 'js_composer' ),
  34. 'param_name' => 'align',
  35. 'value' => array(
  36. esc_html__( 'Center', 'js_composer' ) => 'center',
  37. esc_html__( 'Left', 'js_composer' ) => 'left',
  38. esc_html__( 'Right', 'js_composer' ) => 'right',
  39. ),
  40. 'description' => esc_html__( 'Select separator alignment.', 'js_composer' ),
  41. ),
  42. array(
  43. 'type' => 'dropdown',
  44. 'heading' => esc_html__( 'Element width', 'js_composer' ),
  45. 'param_name' => 'el_width',
  46. 'value' => array(
  47. '100%' => '100',
  48. '90%' => '90',
  49. '80%' => '80',
  50. '70%' => '70',
  51. '60%' => '60',
  52. '50%' => '50',
  53. '40%' => '40',
  54. '30%' => '30',
  55. '20%' => '20',
  56. '10%' => '10',
  57. ),
  58. 'description' => esc_html__( 'Select separator width (percentage).', 'js_composer' ),
  59. ),
  60. array(
  61. 'type' => 'dropdown',
  62. 'heading' => esc_html__( 'Border width', 'js_composer' ),
  63. 'param_name' => 'el_border_width',
  64. 'std' => '12',
  65. 'value' => array(
  66. esc_html__( 'Extra small', 'js_composer' ) => '8',
  67. esc_html__( 'Small', 'js_composer' ) => '10',
  68. esc_html__( 'Medium', 'js_composer' ) => '12',
  69. esc_html__( 'Large', 'js_composer' ) => '15',
  70. esc_html__( 'Extra large', 'js_composer' ) => '20',
  71. ),
  72. 'description' => esc_html__( 'Select separator border width.', 'js_composer' ),
  73. ),
  74. vc_map_add_css_animation(),
  75. array(
  76. 'type' => 'el_id',
  77. 'heading' => esc_html__( 'Element ID', 'js_composer' ),
  78. 'param_name' => 'el_id',
  79. 'description' => sprintf( esc_html__( 'Enter element ID (Note: make sure it is unique and valid according to %sw3c specification%s).', 'js_composer' ), '<a href="https://www.w3schools.com/tags/att_global_id.asp" target="_blank">', '</a>' ),
  80. ),
  81. array(
  82. 'type' => 'textfield',
  83. 'heading' => esc_html__( 'Extra class name', 'js_composer' ),
  84. 'param_name' => 'el_class',
  85. 'description' => esc_html__( 'Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer' ),
  86. ),
  87. array(
  88. 'type' => 'css_editor',
  89. 'heading' => esc_html__( 'CSS box', 'js_composer' ),
  90. 'param_name' => 'css',
  91. 'group' => esc_html__( 'Design Options', 'js_composer' ),
  92. ),
  93. ),
  94. );