Media

Overview

The SKAPE: Images & Videos extension creates a customizable media slider for Shopify stores. Merchants can showcase up to 5 slides containing images, videos (YouTube/Vimeo), and optional links, with full control over display settings and styling.

Configuration Settings

Media Selection

Setting	Type	Description	Format/Options
Slide N°1-5 - image	image_picker	Main image for each slide	JPEG, PNG, WEBP
Slide N°1-5 - video	video	Optional video override	YouTube/Vimeo URL
Slide N°1-5 - link	url	Optional link for slide	Valid URL

Note: Videos will replace images when specified. Slide order is determined by creation time.

Carousel Settings

Setting	Type	Description	Default	Range/Options
Items per slide	range	Number of items displayed simultaneously	3	1-10
Enable autoplay	checkbox	Auto-rotate slider	true	true/false
Autoplay speed	range	Time between slides (ms)	3000	500-9000 (500 step)
Hide pagination	checkbox	Hide navigation dots	false	true/false
Navigation style	select	Pagination display style	"numbers"	"numbers", "dot", "line"
Arrow style	select	Navigation arrow design	"chevron"	"chevron", "arrow", "caret"
Arrow border radius	range	Arrow background radius	5	0-100

Color Settings

Setting	Type	Description	Default
Primary color	color	Main accent color	#A69C95
Secondary color	color	Secondary accent color	#6F533F
Arrow color	color	Navigation arrow color	#FFFFFF

Implementation Example

{% schema %}
  {
    "name": "SKAPE: Images & Videos",
    "target": "section",
    "settings": [
      {
        "type": "image_picker",
        "id": "slide_1_image",
        "label": "Slide N°1 - image"
      },
      {
        "type": "video",
        "id": "slide_1_video",
        "label": "Slide N°1 - video",
        "info": "Accepts YouTube or Vimeo links"
      },
      {
        "type": "range",
        "id": "autoplay_speed",
        "label": "Autoplay speed",
        "default": 3000,
        "min": 500,
        "max": 9000,
        "step": 500
      }
      // Additional settings...
    ]
  }
{% endschema %}