Dprime Slider v4.6.0 Pro

Product slider with floating images, background watermark text, per-slide overrides, and a full CSS class library. One shortcode to embed.

Installation Adding slides Global options Shortcodes CSS classes FAQ Override classes

Installation

Make sure Dprime Core is installed and your site is connected to an active Dprime subscription.
Download Dprime Slider from my.dprime.au and install via Plugins > Add New > Upload Plugin.
Activate. Open Dprime > Slider. Add at least one published slide.
Drop [dp_slider] into any page or post.

Adding slides

Click Add New Slide on the Slides tab. Each slide has the following fields:

Field	Purpose
Slide Name	Title shown on the slide above the description
Tag Label	Small accent text above the title (e.g. New Arrival)
Description	One or two sentence subtitle
Price	Displayed exactly as typed. Include the currency symbol.
Image	Transparent PNG, portrait around 800 x 1000px works best
Float animation	Gentle up-and-down movement on the image
Image rotation	Tilt angle in degrees, -45 to +45. 0 is upright.
CTA Button Text / URL	Override the global CTA. Leave blank to inherit.
Slide Background	Global, Gradient, Solid, Transparent, or Image (with dark overlay)
Status	Published (visible) or Draft (hidden from the shortcode)
Display Order	Lower numbers appear first

Leave any color override field blank to inherit the global value from the Options tab.

Global options

Section	Controls
Layout and Content	Watermark text, slider height, max width, default CTA, auto-advance, interval, fit-text toggle
Image Sizing	Mobile image width, desktop max width and max height
Background	Default background type (gradient, solid, transparent) and colors
Colors	Title, description, price, tag, accent, CTA, arrow, dot, progress, watermark colors
Button Style	Pill, rounded, or square shape; vertical and horizontal padding
Typography	Font family, size, and weight for title, description, price, tag, and CTA button

Color fields accept hex, RGB/RGBA values, or the word transparent.

Shortcodes

Render the slider with all published slides:

[dp_slider]
[dp_slider limit="3" order="DESC" class="my-slider"]

Pull a single field from a specific slide (get the ID from the top right of the slide editor):

[dp_slider_field id="123" field="title"]
[dp_slider_field id="123" field="price"]
[dp_slider_field id="123" field="image_tag"]

Available field values: title, description, price, tag, cta_text, cta_url, image (URL), image_tag (full img element at large size).

CSS classes

All frontend classes use the .dph-* prefix and are preserved across major versions. The wrapper element also exposes CSS custom properties (--dph-text, --dph-cta-bg, etc.) that the Options tab sets, so most theming is possible without writing CSS at all.

Class	Element
`.dph-hero`	Outer wrapper. Holds all CSS custom properties.
`.dph-hero__track`	Slide container track
`.dph-slide`	Single slide wrapper
`.dph-slide--active`	The currently visible slide
`.dph-slide__info`	Left text panel
`.dph-slide__image-wrap`	Right image panel
`.dph-slide__tag`	Small accent label
`.dph-slide__title`	Main heading
`.dph-slide__desc`	Description paragraph
`.dph-slide__price`	Price display
`.dph-slide__cta`	Call-to-action button
`.dph-slide__bg-text`	Background watermark text
`.dph-float`	Adds the float animation to the image
`.dph-hero__nav`	Dot navigation wrapper
`.dph-hero__arrows`	Previous and next arrow wrapper
`.dph-hero__progress`	Progress bar container

FAQ

The slider does not appear on the page.

You need at least one slide with Published status. Draft slides are not rendered. If you are logged in as admin with no published slides, the plugin shows an inline notice with a link to add one.

My custom font is not applying.

The slider names the font in its CSS declaration but only loads a small list of Google Fonts automatically (Inter, Poppins, Montserrat, and a few others). Fonts outside that list need to be loaded by your theme or a font plugin.

Do existing slides survive a version upgrade?

Yes. The post type (dp_slider_slide), all post meta keys (_dps_*), the option key (dps_settings), and all shortcodes and frontend class names are preserved across versions.

Can I use per-slide colors without changing the global settings?

Yes. Every slide has its own background, button, and text color fields. Leave them blank to inherit global, or fill them in to override just that slide.

Override classes (admin UI)

.dp-sl-page          { /* outer page wrapper */ }
.dp-sl-slide-list    { /* slide list table */ }
.dp-sl-slide-row     { /* individual slide row */ }
.dp-sl-editor-grid   { /* two-column slide editor */ }
.dp-sl-color-grid    { /* color picker grid */ }
.dp-sl-color-row     { /* individual color row */ }
.dp-sl-class-grid    { /* CSS class reference grid */ }
.dp-sl-class-card    { /* individual class card */ }
.dp-sl-code          { /* code block in help tab */ }
.dp-sl-list          { /* bulleted list in help tab */ }
.dp-sl-steps         { /* ordered steps in help tab */ }