page-template-1col-ex.php
4 months ago
page-template-1col-flat.php
4 months ago
page-template-compact.php
5 years ago
page-template-default-simplified.php
4 months ago
page-template-default.php
4 months ago
page-template-doc-preview.php
4 months ago
page-template-extended.php
5 years ago
page-template-metro.php
4 months ago
page-template-popup.php
4 months ago
page-template-simple.php
4 months ago
page-template-video.php
4 months ago
page-template-youtube.php
5 months ago
premium-package.php
4 months ago
page-template-simple.php
279 lines
| 1 | <!-- WPDM Template: Simple --> |
| 2 | <?php if(!defined("ABSPATH")) die(); ?> |
| 3 | <style> |
| 4 | /* ── Simple – clean editorial layout ── */ |
| 5 | .w3eden .wpdm-simple { |
| 6 | --sp-primary: var(--color-primary, #6366f1); |
| 7 | --sp-primary-rgb: var(--color-primary-rgb, 99, 102, 241); |
| 8 | --sp-text: var(--color-text, #1e293b); |
| 9 | --sp-text-secondary: #475569; |
| 10 | --sp-text-muted: var(--color-muted, #94a3b8); |
| 11 | --sp-bg: var(--bg-body, #ffffff); |
| 12 | --sp-bg-muted: #f1f5f9; |
| 13 | --sp-border: var(--color-border, #e2e8f0); |
| 14 | --sp-radius: 10px; |
| 15 | --sp-transition: 150ms ease; |
| 16 | max-width: 960px; |
| 17 | margin: 0 auto; |
| 18 | } |
| 19 | |
| 20 | .w3eden .wpdm-simple .wpdm_hide { display: none; } |
| 21 | |
| 22 | /* ── Byline ── */ |
| 23 | .w3eden .wpdm-simple__byline { |
| 24 | display: flex; |
| 25 | align-items: center; |
| 26 | gap: 10px; |
| 27 | margin-bottom: 20px; |
| 28 | } |
| 29 | .w3eden .wpdm-simple__byline img { |
| 30 | width: 36px; |
| 31 | height: 36px; |
| 32 | border-radius: 50%; |
| 33 | object-fit: cover; |
| 34 | flex-shrink: 0; |
| 35 | } |
| 36 | .w3eden .wpdm-simple__byline-name { |
| 37 | display: block; |
| 38 | font-size: 14px; |
| 39 | font-weight: 600; |
| 40 | color: var(--sp-text); |
| 41 | } |
| 42 | .w3eden .wpdm-simple__byline-date { |
| 43 | display: block; |
| 44 | font-size: 12px; |
| 45 | color: var(--sp-text-muted); |
| 46 | } |
| 47 | |
| 48 | /* ── Featured image ── */ |
| 49 | .w3eden .wpdm-simple__figure { |
| 50 | border-radius: var(--sp-radius); |
| 51 | overflow: hidden; |
| 52 | line-height: 0; |
| 53 | background: var(--sp-bg-muted); |
| 54 | } |
| 55 | .w3eden .wpdm-simple__figure img { |
| 56 | width: 100%; |
| 57 | height: auto; |
| 58 | display: block; |
| 59 | } |
| 60 | |
| 61 | /* ── Metadata chips ── */ |
| 62 | .w3eden .wpdm-simple__chips { |
| 63 | display: flex; |
| 64 | flex-wrap: wrap; |
| 65 | gap: 8px; |
| 66 | margin-top: 20px; |
| 67 | } |
| 68 | .w3eden .wpdm-simple__chip { |
| 69 | display: inline-flex; |
| 70 | align-items: center; |
| 71 | gap: 5px; |
| 72 | padding: 5px 12px; |
| 73 | font-size: 12px; |
| 74 | font-weight: 600; |
| 75 | color: var(--sp-text-secondary); |
| 76 | background: var(--sp-bg-muted); |
| 77 | border-radius: 20px; |
| 78 | } |
| 79 | .w3eden .wpdm-simple__chip svg { |
| 80 | width: 13px; |
| 81 | height: 13px; |
| 82 | opacity: .55; |
| 83 | flex-shrink: 0; |
| 84 | } |
| 85 | |
| 86 | /* ── CTA ── */ |
| 87 | .w3eden .wpdm-simple__action { |
| 88 | margin-top: 24px; |
| 89 | max-width: 400px; |
| 90 | } |
| 91 | .w3eden .wpdm-simple .wpdmpp-product-price { |
| 92 | font-size: 24px; |
| 93 | font-weight: 800; |
| 94 | color: var(--sp-text); |
| 95 | line-height: 1; |
| 96 | margin-bottom: 10px; |
| 97 | } |
| 98 | .w3eden .wpdm-simple__action .btn, |
| 99 | .w3eden .wpdm-simple__action a.btn, |
| 100 | .w3eden .wpdm-simple__action form .btn, |
| 101 | .w3eden .wpdm-simple__action .wpdm-download-link .btn { |
| 102 | width: 100%; |
| 103 | font-size: 15px; |
| 104 | padding: 12px 24px; |
| 105 | border-radius: var(--sp-radius); |
| 106 | } |
| 107 | .w3eden .wpdm-simple__free { |
| 108 | margin-top: 8px; |
| 109 | text-align: center; |
| 110 | } |
| 111 | .w3eden .wpdm-simple__free-label { |
| 112 | font-size: 11px; |
| 113 | color: var(--sp-text-muted); |
| 114 | margin-bottom: 4px; |
| 115 | } |
| 116 | .w3eden .wpdm-simple__free .btn, |
| 117 | .w3eden .wpdm-simple__free a.btn { |
| 118 | width: 100%; |
| 119 | font-size: 13px; |
| 120 | padding: 8px 16px; |
| 121 | border-radius: var(--sp-radius); |
| 122 | } |
| 123 | |
| 124 | /* ── Divider ── */ |
| 125 | .w3eden .wpdm-simple__divider { |
| 126 | height: 1px; |
| 127 | background: var(--sp-border); |
| 128 | margin: 32px 0; |
| 129 | } |
| 130 | |
| 131 | /* ── Prose (description) ── */ |
| 132 | .w3eden .wpdm-simple__prose { |
| 133 | font-size: 15px; |
| 134 | line-height: 1.85; |
| 135 | color: var(--sp-text-secondary); |
| 136 | } |
| 137 | .w3eden .wpdm-simple__prose p:last-child { margin-bottom: 0; } |
| 138 | |
| 139 | /* ── Content sections ── */ |
| 140 | .w3eden .wpdm-simple__section { |
| 141 | margin-top: 32px; |
| 142 | padding-top: 32px; |
| 143 | border-top: 1px solid var(--sp-border); |
| 144 | } |
| 145 | .w3eden .wpdm-simple__heading { |
| 146 | font-size: 16px; |
| 147 | font-weight: 700; |
| 148 | color: var(--sp-text); |
| 149 | margin: 0 0 16px !important; |
| 150 | } |
| 151 | |
| 152 | /* ── Taxonomy pills ── */ |
| 153 | .w3eden .wpdm-simple__pills { |
| 154 | display: flex; |
| 155 | flex-wrap: wrap; |
| 156 | gap: 6px; |
| 157 | } |
| 158 | .w3eden .wpdm-simple__pills a { |
| 159 | display: inline-block; |
| 160 | padding: 6px 14px; |
| 161 | font-size: 13px; |
| 162 | font-weight: 500; |
| 163 | color: var(--sp-text-secondary); |
| 164 | background: var(--sp-bg-muted); |
| 165 | border-radius: 20px; |
| 166 | text-decoration: none; |
| 167 | transition: all var(--sp-transition); |
| 168 | } |
| 169 | .w3eden .wpdm-simple__pills a:hover { |
| 170 | color: #fff; |
| 171 | background: var(--sp-primary); |
| 172 | } |
| 173 | |
| 174 | /* ── Footer ── */ |
| 175 | .w3eden .wpdm-simple__footer { |
| 176 | margin-top: 32px; |
| 177 | padding-top: 20px; |
| 178 | border-top: 1px solid var(--sp-border); |
| 179 | font-size: 12px; |
| 180 | color: var(--sp-text-muted); |
| 181 | } |
| 182 | |
| 183 | /* ── Responsive ── */ |
| 184 | @media (max-width: 575px) { |
| 185 | .w3eden .wpdm-simple__action { max-width: 100%; } |
| 186 | .w3eden .wpdm-simple__chips { gap: 6px; } |
| 187 | .w3eden .wpdm-simple__chip { font-size: 11px; padding: 4px 10px; } |
| 188 | } |
| 189 | |
| 190 | /* ── Dark mode ── */ |
| 191 | .w3eden.dark-mode .wpdm-simple { |
| 192 | --sp-text: var(--dm-text, #f1f5f9); |
| 193 | --sp-text-secondary: var(--dm-text-secondary, #cbd5e1); |
| 194 | --sp-text-muted: var(--dm-text-muted, #94a3b8); |
| 195 | --sp-bg: var(--dm-bg, #0f172a); |
| 196 | --sp-bg-muted: var(--dm-bg-tertiary, #334155); |
| 197 | --sp-border: var(--dm-border, rgba(255, 255, 255, .1)); |
| 198 | } |
| 199 | |
| 200 | </style> |
| 201 | |
| 202 | <div class="wpdm-simple"> |
| 203 | |
| 204 | <!-- ── Author byline ── --> |
| 205 | <div class="wpdm-simple__byline [hide_empty:author_name]"> |
| 206 | [avatar] |
| 207 | <div> |
| 208 | <span class="wpdm-simple__byline-name">[author_name]</span> |
| 209 | <span class="wpdm-simple__byline-date">[txt=Published] [create_date]</span> |
| 210 | </div> |
| 211 | </div> |
| 212 | |
| 213 | <!-- ── Featured image ── --> |
| 214 | <div class="wpdm-simple__figure"> |
| 215 | [thumb_800x400] |
| 216 | </div> |
| 217 | |
| 218 | <!-- ── Metadata chips ── --> |
| 219 | <div class="wpdm-simple__chips"> |
| 220 | <span class="wpdm-simple__chip [hide_empty:version]"> |
| 221 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z"/><line x1="16" y1="8" x2="2" y2="22"/><line x1="17.5" y1="15" x2="9" y2="15"/></svg> |
| 222 | [version] |
| 223 | </span> |
| 224 | <span class="wpdm-simple__chip [hide_empty:file_size]"> |
| 225 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg> |
| 226 | [file_size] |
| 227 | </span> |
| 228 | <span class="wpdm-simple__chip [hide_empty:download_count]"> |
| 229 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg> |
| 230 | [download_count] [txt=Downloads] |
| 231 | </span> |
| 232 | <span class="wpdm-simple__chip [hide_empty:file_count]"> |
| 233 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><polyline points="13 2 13 9 20 9"/></svg> |
| 234 | [file_count] [txt=Files] |
| 235 | </span> |
| 236 | </div> |
| 237 | |
| 238 | <!-- ── Download / Purchase ── --> |
| 239 | <div class="wpdm-simple__action"> |
| 240 | [download_link] |
| 241 | <div class="wpdm-simple__free [hide_empty:free_download_btn]"> |
| 242 | <div class="wpdm-simple__free-label">[txt=or download free]</div> |
| 243 | [free_download_btn] |
| 244 | </div> |
| 245 | </div> |
| 246 | |
| 247 | <!-- ── Description ── --> |
| 248 | <div class="wpdm-simple__divider"></div> |
| 249 | <div class="wpdm-simple__prose"> |
| 250 | [description] |
| 251 | </div> |
| 252 | |
| 253 | <!-- ── Changelog ── --> |
| 254 | <div class="wpdm-simple__section [hide_empty:changelog]"> |
| 255 | [changelog] |
| 256 | </div> |
| 257 | |
| 258 | <!-- ── Categories & Tags ── --> |
| 259 | <div class="wpdm-simple__section [hide_empty:categories]"> |
| 260 | <h3 class="wpdm-simple__heading">[txt=Categories] & [txt=Tags]</h3> |
| 261 | <div class="wpdm-simple__pills"> |
| 262 | [categories] |
| 263 | [tags] |
| 264 | </div> |
| 265 | </div> |
| 266 | |
| 267 | <!-- ── Similar Downloads ── --> |
| 268 | <div class="wpdm-simple__section [hide_empty:similar_downloads]"> |
| 269 | <h3 class="wpdm-simple__heading">[txt=Similar Downloads]</h3> |
| 270 | [similar_downloads] |
| 271 | </div> |
| 272 | |
| 273 | <!-- ── Footer ── --> |
| 274 | <div class="wpdm-simple__footer [hide_empty:update_date]"> |
| 275 | [txt=Last updated] [update_date] |
| 276 | </div> |
| 277 | |
| 278 | </div> |
| 279 |