Shopify Online Store 2.01-Click JSON PresetsInstant Theme Import

Curated Block Presets & Theme JSON Styles

Browse crafted visual presets designed for each Cubic Carousel component. Click any thumbnail to preview full resolution, copy the JSON configuration in one click, and paste straight into the Preset JSON Code input in your Shopify Theme Editor.

Select & Copy JSONPick your preferred style below and click Copy JSON.

→

Open Theme EditorIn Shopify Admin, open Themes → Customize and select your block.

→

Paste & SavePaste into the Preset JSON Code field to immediately apply the style!

01Theme App Embed1 Preset

Global Sticky Bar

Floating viewport-bottom recommendation and cart recovery bar. Floats dynamically without pushing page content.

Frosted Glass

JSON

Apple-inspired 16px translucent backdrop blur with capsule pill curvature.

sticky-frosted-glass-preset.json

{
  "mobile_position": "bottom",
  "mobile_vert_offset": 16,
  "mobile_h_align": "center",
  "mobile_edge_offset": 0,
  "mobile_side_offset": 0,
  "mobile_length": 92,
  "mobile_extend_swipe": true,
  "mobile_resting_size": 75,
  "mobile_active_size": 115,
  "desktop_resting_size": 80,
  "desktop_active_size": 130,
  "position": "bottom",
  "desktop_h_align": "center",
  "desktop_edge_offset": 12,
  "desktop_side_offset": 0,
  "desktop_vert_offset": 0,
  "desktop_length": 56,
  "extend_hover": true,
  "compact_mode_mobile": false,
  "compact_mode_desktop": false,
  "price_bg_color": "#0f172a",
  "price_text_color": "#ffffff",
  "price_size": 11,
  "price_border_radius": 20,
  "interaction_resume_delay": 2,
  "inactivity_reset_timeout": 2,
  "image_shape": "circle",
  "crop_images": true,
  "image_bg_color": "#f1f5f9",
  "bg_color": "rgba(255, 255, 255, 0.85)",
  "border_color": "rgba(255, 255, 255, 0.6)",
  "border_thickness": 1,
  "border_radius": 24,
  "custom_css": "background: rgba(255, 255, 255, 0.82) !important;\n  backdrop-filter: blur(16px) saturate(180%) !important;\n  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;\n  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.1), 0 1px 3px rgba(15, 23, 42, 0.05) !important;\n  border: 1px solid rgba(255, 255, 255, 0.6) !important;\n}\n\n.prpdc-price-badge {\n  background: #0f172a !important;\n  color: #ffffff !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.3px !important;\n  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.25) !important;\n}\n\n.prpdc-item {\n  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;\n}\n\n.prpdc-item:hover {\n  transform: scale(1.06) !important;\n}"
}

More presets are coming soon

We are constantly releasing fresh curated themes for Global Sticky Bar.

In Development

02Section / App Block1 Preset

Universal Custom Carousel

Full-width or inline marquee carousel for Home, Collection, or Product pages with smooth continuous gliding.

Midnight Violet

JSON

High-contrast dark indigo palette with neon violet price tags and glowing circular avatars.

universal-midnight-violet-preset.json

{
  "layout_behavior": "inline",
  "orientation": "horizontal",
  "mobile_position": "bottom",
  "mobile_vert_offset": 16,
  "mobile_h_align": "center",
  "mobile_edge_offset": 0,
  "mobile_side_offset": 0,
  "mobile_length": 96,
  "mobile_extend_swipe": true,
  "mobile_resting_size": 75,
  "mobile_active_size": 115,
  "desktop_resting_size": 80,
  "desktop_active_size": 130,
  "position": "bottom",
  "desktop_h_align": "center",
  "desktop_edge_offset": 14,
  "desktop_side_offset": 0,
  "desktop_vert_offset": 0,
  "desktop_length": 70,
  "extend_hover": true,
  "compact_mode_mobile": false,
  "compact_mode_desktop": false,
  "price_bg_color": "#7c3aed",
  "price_text_color": "#ffffff",
  "price_size": 11,
  "price_border_radius": 20,
  "interaction_resume_delay": 2,
  "inactivity_reset_timeout": 2,
  "image_shape": "circle",
  "crop_images": true,
  "image_bg_color": "#18122b",
  "bg_color": "#0f0c20",
  "border_color": "#6366f1",
  "border_thickness": 1,
  "border_radius": 16,
  "custom_css": "padding: 6px !important;\n  background: linear-gradient(135deg, #0f0c20 0%, #1a103c 50%, #0d0722 100%) !important;\n  box-shadow: 0 12px 36px rgba(124, 58, 237, 0.28), 0 4px 16px rgba(0, 0, 0, 0.7) !important;\n  border: 1px solid rgba(139, 92, 246, 0.35) !important;\n\n  .prpdc-track {\n    transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1) !important;\n  }\n\n  .prpdc-price-badge {\n    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;\n    color: #ffffff !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.4px !important;\n    box-shadow: 0 4px 14px rgba(124, 58, 237, 0.55) !important;\n  }\n}",
  "__widget_type": "universal"
}

More presets are coming soon

We are constantly releasing fresh curated themes for Universal Custom Carousel.

In Development

03Section / App Block1 Preset

Related Products Slider

Horizontal swipeable card carousel engineered for product detail pages with multi-item navigation.

Royal Amethyst

JSON

Soft amethyst-tinted cards with float-on-image pricing and royal purple hover buttons.

slider-royal-amethyst-preset.json

{
  "title_color": "#1e1b4b",
  "title_size": 14,
  "price_cta_layout": "float_on_image",
  "price_float_position": "bottom_left",
  "price_float_offset": 8,
  "price_bg_color": "rgba(30, 27, 75, 0.88)",
  "price_text_color": "#ffffff",
  "price_size": 13,
  "price_border_radius": 6,
  "cta_bg_color": "#7c3aed",
  "cta_text_color": "#ffffff",
  "cta_size": 13,
  "cta_border_radius": 8,
  "bg_color": "transparent",
  "card_bg_color": "#faf5ff",
  "image_shape": "square",
  "custom_css": "selector .prpdc-rw__item {\n  background: #faf5ff !important;\n  border: 1px solid rgba(124, 58, 237, 0.18) !important;\n  border-radius: 14px !important;\n  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;\n}\nselector .prpdc-rw__item:hover {\n  transform: translateY(-4px) !important;\n  border-color: #7c3aed !important;\n  box-shadow: 0 12px 28px rgba(124, 58, 237, 0.18) !important;\n}\nselector .prpdc-rw__img-wrap {\n  border-radius: 10px !important;\n}\nselector .prpdc-rw__btn {\n  letter-spacing: 0.02em !important;\n  font-weight: 600 !important;\n  transition: background 0.2s ease, transform 0.15s ease !important;\n}\nselector .prpdc-rw__btn:hover {\n  background: #6d28d9 !important;\n}",
  "heading_color": "#1e1b4b",
  "heading_size": 22
}

More presets are coming soon

We are constantly releasing fresh curated themes for Related Products Slider.

In Development

04Section / App Block1 Preset

Related Products Grid

Responsive 2-to-4 column product recommendation grid for collections and product detail pages.

Coral Blush

JSON

Warm rose pastel cards with side-by-side badge pricing and coral pill action buttons.

grid-coral-blush-preset.json

{
  "title_color": "#18181b",
  "title_size": 14,
  "price_cta_layout": "side_by_side",
  "price_cta_distance": 8,
  "price_bg_color": "rgba(244, 63, 94, 0.08)",
  "price_text_color": "#e11d48",
  "price_size": 14,
  "price_border_radius": 20,
  "cta_bg_color": "#f43f5e",
  "cta_text_color": "#ffffff",
  "cta_size": 13,
  "cta_border_radius": 9999,
  "bg_color": "transparent",
  "card_bg_color": "#fff1f2",
  "image_shape": "square",
  "custom_css": "selector .prpdc-rw__item {\n  background: #fff1f2 !important;\n  border: 1px solid rgba(244, 63, 94, 0.16) !important;\n  border-radius: 16px !important;\n  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;\n}\nselector .prpdc-rw__item:hover {\n  transform: translateY(-4px) !important;\n  border-color: #f43f5e !important;\n  box-shadow: 0 12px 28px rgba(244, 63, 94, 0.16) !important;\n}\nselector .prpdc-rw__img-wrap {\n  border-radius: 12px !important;\n}\nselector .prpdc-rw__btn {\n  letter-spacing: 0.03em !important;\n  font-weight: 600 !important;\n}\nselector .prpdc-rw__btn:hover {\n  background: #e11d48 !important;\n}",
  "heading_color": "#18181b",
  "heading_size": 22
}

More presets are coming soon

We are constantly releasing fresh curated themes for Related Products Grid.

In Development

JSON Copied to Clipboard!Paste directly into your Shopify Theme Editor Preset field.

Curated Block Presets & Theme JSON Styles

Global Sticky Bar

Frosted Glass

More presets are coming soon

Universal Custom Carousel

Midnight Violet

More presets are coming soon

Related Products Slider

Royal Amethyst

More presets are coming soon

Related Products Grid

Coral Blush

More presets are coming soon

Need a custom preset or unique brand styling?