Initial commit.
This commit is contained in:
@@ -0,0 +1,481 @@
|
||||
@-ms-viewport {
|
||||
width: device-width
|
||||
}
|
||||
.wrap.getting-started li, .wrap.getting-started p, .wrap.getting-started a{
|
||||
font-size: 15px;
|
||||
}
|
||||
html {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-ms-overflow-style: scrollbar
|
||||
}
|
||||
.getting-started .usable_links ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
.getting-started .usable_links ul li a{
|
||||
padding: 10px 15px;
|
||||
}
|
||||
.getting-started .usable_links {
|
||||
margin: 27px 0 0 0;
|
||||
}
|
||||
.getting-started h2 {
|
||||
font-size: 26px;
|
||||
font-weight: bold;
|
||||
}
|
||||
#bwp_getstart h2{
|
||||
font-size: 26px;
|
||||
}
|
||||
.getting-started .cptb-banner-heading{
|
||||
color: #FFFFFF;
|
||||
font-size: 75px;
|
||||
line-height: 75px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.getting-started .cptb-banner-btn{
|
||||
font-size: 28px !important;
|
||||
}
|
||||
.cptb .notice-dismiss:before{
|
||||
color:#fff;
|
||||
}
|
||||
.notice.notice-success.is-dismissible.getting_started{
|
||||
padding: 10px;
|
||||
background-color: #E92C6A;
|
||||
border-left-color: #44DBDA;
|
||||
box-shadow: 0px 0px 6px #0000008A;
|
||||
}
|
||||
.notice-info{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 40px;
|
||||
}
|
||||
.notice-image img{
|
||||
box-shadow: 0px 3px 10px #0000008C;
|
||||
border-radius: 10px;
|
||||
height: 130px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.notice-content p {
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
margin: 15px 0;
|
||||
}
|
||||
.notice-content h2 {
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: 25px;
|
||||
margin: 0 1em 0 0;
|
||||
text-transform: capitalize;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.notice-content > div {
|
||||
justify-content: left;
|
||||
grid-template-columns: auto auto auto auto;
|
||||
}
|
||||
.notice-content .notice-btn{
|
||||
font-size: 17px;
|
||||
text-shadow: 0px 3px 6px #00000029;
|
||||
text-transform: capitalize;
|
||||
color: #fff;
|
||||
background-color: #44DBDA;
|
||||
box-shadow: 0px 3px 6px #00000029;
|
||||
text-align: center;
|
||||
line-height: 2.3;
|
||||
padding: 0px 20px;
|
||||
margin-right: 4px;
|
||||
border: none;
|
||||
outline: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
.notice-content .notice-btn:hover{
|
||||
color: #fff;
|
||||
background-color: #44DBDA;
|
||||
}
|
||||
.notice-content .notice-btn a{
|
||||
text-shadow: 0px 3px 6px #00000029;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.activation-notice .notice-dismiss:before{
|
||||
color: #fff;
|
||||
}
|
||||
a.button.button-primary {
|
||||
font-size: 14px;
|
||||
}
|
||||
@media screen and (max-width: 1300px) {
|
||||
.notice-content > div {
|
||||
grid-template-columns: auto auto;
|
||||
justify-content: unset;
|
||||
}
|
||||
.notice-content .notice-btn{
|
||||
margin: 5px;
|
||||
}
|
||||
.notice-info{
|
||||
flex-wrap: wrap;
|
||||
gap: 20px;
|
||||
}
|
||||
.notice-content{
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 767px) {
|
||||
.notice-content > div {
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
.notice-content{
|
||||
width: 100%;
|
||||
}
|
||||
.notice-content .notice-btn{
|
||||
white-space: wrap;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 500px) {
|
||||
.activation-notice .notice-dismiss{
|
||||
top: -9px;
|
||||
right: -12px;
|
||||
}
|
||||
}
|
||||
.row {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-flex-wrap: wrap;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
margin-right: -15px;
|
||||
margin-left: -15px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.no-gutters {
|
||||
margin-right: 0;
|
||||
margin-left: 0
|
||||
}
|
||||
.pad-box {
|
||||
padding: 0 15px;
|
||||
}
|
||||
.pad-box p{
|
||||
font-size: 15px;
|
||||
}
|
||||
.no-gutters>.col,
|
||||
.no-gutters>[class*=col-] {
|
||||
padding-right: 0;
|
||||
padding-left: 0
|
||||
}
|
||||
.getting_started{
|
||||
text-align: left;
|
||||
}
|
||||
@media (min-width:576px) {
|
||||
.col-sm-5 {
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-flex: 0 0 41.666667%;
|
||||
-ms-flex: 0 0 41.666667%;
|
||||
flex: 0 0 41.666667%;
|
||||
max-width: 41.666667%
|
||||
}
|
||||
.col-sm-7 {
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-flex: 0 0 58.333333%;
|
||||
-ms-flex: 0 0 58.333333%;
|
||||
flex: 0 0 58.333333%;
|
||||
max-width: 58.333333%
|
||||
}
|
||||
.col-sm-4 {
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-flex: 0 0 33.333333%;
|
||||
-ms-flex: 0 0 33.333333%;
|
||||
flex: 0 0 33.333333%;
|
||||
max-width: 33.333333%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.col-md-5 {
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-flex: 0 0 41.666667%;
|
||||
-ms-flex: 0 0 41.666667%;
|
||||
flex: 0 0 41.666667%;
|
||||
max-width: 41.666667%
|
||||
}
|
||||
.col-md-7 {
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-flex: 0 0 58.333333%;
|
||||
-ms-flex: 0 0 58.333333%;
|
||||
flex: 0 0 58.333333%;
|
||||
max-width: 58.333333%
|
||||
}
|
||||
.col-md-3 {
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-flex: 0 0 25%;
|
||||
-ms-flex: 0 0 25%;
|
||||
flex: 0 0 25%;
|
||||
max-width: 25%;
|
||||
}
|
||||
}
|
||||
.getting-started {
|
||||
padding: 0px 20px;
|
||||
max-width: 1580px;
|
||||
margin: 0 auto;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.getting-started .theme-offer span{
|
||||
line-height: 3;
|
||||
}
|
||||
.getting-started .tab-sec{
|
||||
border-radius: 10px;
|
||||
background-color: #fff;
|
||||
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
|
||||
padding: 40px;
|
||||
}
|
||||
img{
|
||||
max-width: 100%;
|
||||
}
|
||||
.install-plugins img{
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
.intro h2{
|
||||
font-size: 2rem;
|
||||
color: #394f5a;
|
||||
}
|
||||
.intro__version {
|
||||
font-size: 1rem;
|
||||
color: #7695a5;
|
||||
}
|
||||
.theme__cta--demo{
|
||||
padding: .5em 1em;
|
||||
color: #394f5a;
|
||||
border: 1px solid #b5d2e1;
|
||||
background-color: #fff;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.block--pro {
|
||||
padding-top: 2.5rem;
|
||||
text-align: right;
|
||||
}
|
||||
.getting-started h2,
|
||||
.getting-started h3{
|
||||
color: #323b43;
|
||||
}
|
||||
.getting-started__header {margin-bottom: 3rem;}
|
||||
.dashboard__block {
|
||||
padding-top: 30px;
|
||||
}
|
||||
.dashboard__block h3{
|
||||
font-size:1.2rem;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
padding-bottom: .85rem;
|
||||
}
|
||||
.dashboard-optimize-button {
|
||||
color: #fff;
|
||||
font-size: .875rem;
|
||||
margin-left: 15px;
|
||||
padding: 5px 10px;
|
||||
border-radius: .2em;
|
||||
background-color: #0176ff;
|
||||
}
|
||||
.dashboard-optimize-title{display: inline-block; font-size:1.15rem;}
|
||||
.dashboard-install-right,
|
||||
.dashboard-optimize-right {
|
||||
margin-top: 4em;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.dashboard-install-left,
|
||||
.dashboard-optimize-left {
|
||||
padding-left: 0;
|
||||
}
|
||||
.flexify--center {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.dashboard-cta-right {
|
||||
text-align: right;
|
||||
}
|
||||
.text-block {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 4em;
|
||||
}
|
||||
.no-top-margin{margin-top:0;}
|
||||
.no-bottom-margin{margin-bottom:0;}
|
||||
.powered-by{
|
||||
background:#00b4d4;
|
||||
border: 4px solid rgba(160,166,168,0.15);
|
||||
padding: 10px 20px 0px 20px;
|
||||
margin-top: 15px;
|
||||
border: 9px double #ffffff;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.usable_links ul li a {
|
||||
padding: 10px 15px;
|
||||
background: #333;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
font-size: 18px;
|
||||
margin: 0 6px;
|
||||
border-radius: 20px;
|
||||
border:1px solid #ffffff;
|
||||
}
|
||||
.usable_links p {
|
||||
text-align: center;
|
||||
padding: 0 10px 10px 10px;
|
||||
font-size: 25px;
|
||||
}
|
||||
.usable_links ul li a:hover{
|
||||
color: #333;
|
||||
background: #ffffff;
|
||||
border:1px solid #333;
|
||||
}
|
||||
.usable_links ul {
|
||||
text-align: center;
|
||||
}
|
||||
.powered-by img{
|
||||
max-width: 250px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.dashboard-install-benefit li:before,
|
||||
.dashboard-optimize-benefit li:before{
|
||||
content: "\f147";
|
||||
position: relative;
|
||||
padding-right: 4%;
|
||||
text-align: center;
|
||||
text-indent: 0;
|
||||
font: 400 18px/1 dashicons;
|
||||
vertical-align: top;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color:#13cb6e;
|
||||
}
|
||||
.getting-started h3 {
|
||||
margin: 2em 0 0;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.getting-started .tab-sec .tab{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
.getting-started .tab-sec .tab .tablinks {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding: 12px 28px;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
background-color: #44DBDA;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* subtle default shadow */
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
transition: color 0.3s ease, box-shadow 0.3s ease;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.getting-started .tab-sec .tab .tablinks-pro,
|
||||
.getting-started .tab-sec .tab .tablinks-demo{
|
||||
background-color: #20343e;
|
||||
}
|
||||
.getting-started .tab-sec .tab .tablinks::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #E92C6A;
|
||||
border-radius: 6px;
|
||||
transform: scaleX(0);
|
||||
transform-origin: left center;
|
||||
transition: transform 0.3s ease;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.getting-started .tab-sec .tab .tablinks:hover::before {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
.getting-started .tab-sec .tab .tablinks:hover {
|
||||
color: #fff;
|
||||
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2); /* deeper shadow on hover */
|
||||
}
|
||||
|
||||
.getting-started #bwp_setup,
|
||||
.getting-started #bwp_premium_info{
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Demo Importer CSS */
|
||||
.demo-content {
|
||||
padding-bottom: 20px !important;
|
||||
}
|
||||
.notice-text {
|
||||
color: #ffffff;
|
||||
font-size: 18px !important;
|
||||
font-weight: 800;
|
||||
}
|
||||
.demo-content .demo-btn h3 {
|
||||
color: #ffffff;
|
||||
}
|
||||
.run-import, .demo-content span a {
|
||||
background-color: #e92c6a !important;
|
||||
padding: 12px 20px !important;
|
||||
border: none;
|
||||
color: #fff;
|
||||
font-size: 16px !important;
|
||||
font-weight: bold;
|
||||
text-transform: capitalize;
|
||||
cursor: pointer;
|
||||
border-radius: 8px !important;
|
||||
transition: all 0.3s ease-in-out;
|
||||
box-shadow: 0 4px 10px rgba(233, 44, 106, 0.3);
|
||||
}
|
||||
.demo-content span a {
|
||||
text-decoration: none;
|
||||
line-height: 1 !important;
|
||||
}
|
||||
.run-import:hover {
|
||||
transform: scale(1.05);
|
||||
box-shadow: 0 6px 14px rgba(233, 44, 106, 0.5);
|
||||
}
|
||||
.run-import:active {
|
||||
transform: scale(0.98);
|
||||
box-shadow: 0 2px 6px rgba(233, 44, 106, 0.4);
|
||||
}
|
||||
.demo-content .theme-offer p {
|
||||
color: #ffffff;
|
||||
font-size: 15px !important;
|
||||
font-weight: 600 !important;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#demo-import-loader {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
z-index: 9999;
|
||||
text-align: center;
|
||||
padding-top: 20%;
|
||||
}
|
||||
@@ -0,0 +1,185 @@
|
||||
<?php
|
||||
add_action( 'admin_menu', 'halloween_gift_store_gettingstarted' );
|
||||
function halloween_gift_store_gettingstarted() {
|
||||
add_theme_page( esc_html__('About Theme', 'halloween-gift-store'), esc_html__('About Theme', 'halloween-gift-store'), 'edit_theme_options', 'halloween-gift-store-guide-page', 'halloween_gift_store_guide');
|
||||
}
|
||||
|
||||
function halloween_gift_store_admin_theme_style() {
|
||||
wp_enqueue_style('halloween-gift-store-custom-admin-style', esc_url(get_template_directory_uri()) . '/inc/dashboard/get_started_info.css');
|
||||
wp_enqueue_script('halloween-gift-store-tab', esc_url( get_template_directory_uri() ) . '/inc/dashboard/js/get_started_tab.js');
|
||||
}
|
||||
add_action('admin_enqueue_scripts', 'halloween_gift_store_admin_theme_style');
|
||||
|
||||
function halloween_gift_store_notice(){
|
||||
global $pagenow;
|
||||
if ( is_admin() && ('themes.php' == $pagenow) && isset( $_GET['activated'] ) ) {?>
|
||||
<div class="notice notice-success is-dismissible getting_started activation-notice">
|
||||
<div class="notice-info">
|
||||
<div class="notice-image">
|
||||
<img style="width: 100%;max-width: 320px;line-height: 40px;display: inline-block;vertical-align: top;" src="<?php echo esc_url(get_stylesheet_directory_uri()) .'/screenshot.png'; ?>" />
|
||||
</div>
|
||||
<div class="notice-content">
|
||||
<h2><?php esc_html_e( 'Thanks For Installing Halloween Gift Store, You Rock!', 'halloween-gift-store' ) ?> </h2>
|
||||
<p><?php esc_html_e( 'Take benefit of a variety of features, functionalities, elements, and an exclusive set of customization options to build your own professional charity website. Please Click on the link below to know the theme setup information.', 'halloween-gift-store' ) ?></p>
|
||||
<div style="display: grid;">
|
||||
<a class="button notice-btn" href="<?php echo esc_url( admin_url( 'themes.php?page=halloween-gift-store-guide-page' )); ?>"><?php esc_html_e( 'Getting Started', 'halloween-gift-store' ) ?></a>
|
||||
<a class="button notice-btn" target="_blank" href="<?php echo esc_url( HALLOWEEN_GIFT_STORE_LIVE_DEMO ); ?>"><?php esc_html_e('Pro Demo', 'halloween-gift-store') ?></a>
|
||||
<a class="button notice-btn" target="_blank" href="<?php echo esc_url( HALLOWEEN_GIFT_STORE_FREE_DOC ); ?>"><?php esc_html_e('Free Doc', 'halloween-gift-store') ?></a>
|
||||
<a class="button notice-btn" target="_blank" href="<?php echo esc_url( HALLOWEEN_GIFT_STORE_BUY_PRO ); ?>"><?php esc_html_e('Upgrade To Pro', 'halloween-gift-store') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php }
|
||||
}
|
||||
add_action('admin_notices', 'halloween_gift_store_notice');
|
||||
|
||||
/**
|
||||
* Theme Info Page
|
||||
*/
|
||||
function halloween_gift_store_guide() {
|
||||
// Theme info
|
||||
$halloween_gift_store_return = add_query_arg( array()) ;
|
||||
$halloween_gift_store_theme = wp_get_theme( 'halloween-gift-store' ); ?>
|
||||
|
||||
<div class="wrap getting-started">
|
||||
<div class="getting-started__header">
|
||||
<div>
|
||||
<h2 class="tgmpa-notice-warning"></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-sec">
|
||||
<div class="tab">
|
||||
<button role="tab" class="tablinks home" onclick="halloween_gift_store_openCity(event, 'bwp_getstart')"><?php esc_html_e( 'About Theme', 'halloween-gift-store' ); ?></button>
|
||||
<button role="tab" class="tablinks" onclick="halloween_gift_store_openCity(event, 'bwp_setup')"><?php esc_html_e( 'Free Theme Information', 'halloween-gift-store' ); ?></button>
|
||||
<button role="tab" class="tablinks" onclick="halloween_gift_store_openCity(event, 'bwp_premium_info')"><?php esc_html_e( 'Premium Theme Information', 'halloween-gift-store' ); ?></button>
|
||||
<a class="tablinks tablinks-demo" role="tab" href="<?php echo esc_url( HALLOWEEN_GIFT_STORE_LIVE_DEMO ); ?>" target="_blank">
|
||||
<?php esc_html_e( 'Live Demo', 'halloween-gift-store' ); ?>
|
||||
</a>
|
||||
<a class="tablinks tablinks-pro" role="tab" href="<?php echo esc_url( HALLOWEEN_GIFT_STORE_BUY_PRO ); ?>" target="_blank">
|
||||
<?php esc_html_e( 'Buy Pro', 'halloween-gift-store' ); ?>
|
||||
</a>
|
||||
</div>
|
||||
<div id="bwp_getstart" class="tabcontent">
|
||||
<div class="row">
|
||||
<div class="col-md-5 intro">
|
||||
<div class="pad-box">
|
||||
<h2><?php esc_html_e( 'Welcome to Halloween Gift Store ', 'halloween-gift-store' ); ?>
|
||||
<span><?php esc_html_e( 'Version: ', 'halloween-gift-store' ); ?><?php echo esc_html($halloween_gift_store_theme['Version']);?></span>
|
||||
</h2>
|
||||
<span class="intro__version"><?php esc_html_e( 'Congratulations! You are about to use the most easy to use and flexible WordPress theme.', 'halloween-gift-store' ); ?>
|
||||
</span>
|
||||
<div class="powered-by">
|
||||
<p><strong><?php esc_html_e( 'Theme created by Buy WP Templates', 'halloween-gift-store' ); ?></strong></p>
|
||||
<p>
|
||||
<img class="logo" src="<?php echo esc_url(get_template_directory_uri() . '/inc/dashboard/media/theme-logo.png'); ?>"/>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<div class="install-plugins">
|
||||
<img src="<?php echo esc_url(get_template_directory_uri() . '/inc/dashboard/media/responsive1.png'); ?>" alt="<?php echo esc_attr( 'responsive-image', 'halloween-gift-store'); ?>" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dashboard__blocks">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<h3><?php esc_html_e( 'Get Support','halloween-gift-store'); ?></h3>
|
||||
<ol>
|
||||
<li><a target="_blank" href="<?php echo esc_url( HALLOWEEN_GIFT_STORE_FREE_SUPPORT ); ?>"><?php esc_html_e( 'Free Theme Support','halloween-gift-store'); ?></a></li>
|
||||
<li><a target="_blank" href="<?php echo esc_url( HALLOWEEN_GIFT_STORE_PRO_SUPPORT ); ?>"><?php esc_html_e( 'Premium Theme Support','halloween-gift-store'); ?></a></li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h3><?php esc_html_e( 'Getting Started','halloween-gift-store'); ?></h3>
|
||||
<ol>
|
||||
<li><?php esc_html_e( 'Start','halloween-gift-store'); ?> <a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e( 'Customizing','halloween-gift-store'); ?></a> <?php esc_html_e( 'your website.','halloween-gift-store'); ?> </li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h3><?php esc_html_e( 'Help Docs','halloween-gift-store'); ?></h3>
|
||||
<ol>
|
||||
<li><a target="_blank" href="<?php echo esc_url( HALLOWEEN_GIFT_STORE_FREE_DOC ); ?>"><?php esc_html_e( 'Free Theme Documentation','halloween-gift-store'); ?></a></li>
|
||||
<li><a target="_blank" href="<?php echo esc_url( HALLOWEEN_GIFT_STORE_PRO_DOC ); ?>"><?php esc_html_e( 'Premium Theme Documentation','halloween-gift-store'); ?></a></li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h3><?php esc_html_e( 'Buy Premium','halloween-gift-store'); ?></h3>
|
||||
<ol>
|
||||
<a href="<?php echo esc_url( HALLOWEEN_GIFT_STORE_BUY_PRO ); ?>" target="_blank"><?php esc_html_e('Buy Pro', 'halloween-gift-store'); ?></a>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="bwp_setup" class="tabcontent">
|
||||
<h2 class="tg-docs-section intruction-title" id="section-4"><?php esc_html_e( '1) Setup Halloween Gift Store Theme', 'halloween-gift-store' ); ?></h2>
|
||||
<div class="row">
|
||||
<div class="theme-instruction-block col-md-7">
|
||||
<div class="pad-box">
|
||||
<p><?php esc_html_e( 'Step into the spooky spirit of the season with the Halloween Gift Store Theme, the perfect choice for anyone running a Halloween shop, gift boutique, or holiday eCommerce website. Designed with vibrant Halloween colors, eerie fonts, and festive visuals, this theme gives your Halloween gift store a professional yet fun appearance. Whether you sell Halloween costumes, pumpkins, decorations, or spooky party supplies, this theme ensures your online Halloween marketplace stands out. With seamless WooCommerce integration, you can easily showcase and sell Halloween gifts, home décor, and trick-or-treat accessories to customers worldwide. Its fully responsive layout guarantees that your Halloween gift shop looks stunning on every device, from desktop to mobile. Customization is simple with drag-and-drop options, allowing you to personalize every section of your Halloween store website effortlessly. The theme is optimized for SEO, helping your Halloween gift store rank higher on search engines and attract more festive shoppers. It includes pre-designed templates for product pages, gift collections, and promotional banners, ideal for highlighting special Halloween gift ideas or limited-time offers. Lightning-fast performance and compatibility with major plugins make managing your Halloween eCommerce website smooth and efficient. Whether you’re a small Halloween boutique owner or a creative seller preparing for the spooky season, the Halloween Gift Store Theme is your ultimate solution for crafting a magical, memorable, and customer-friendly Halloween shopping experience online.', 'halloween-gift-store' ); ?><p><br>
|
||||
<ol>
|
||||
<li><?php esc_html_e( 'Start','halloween-gift-store'); ?> <a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e( 'Customizing','halloween-gift-store'); ?></a> <?php esc_html_e( 'your website.','halloween-gift-store'); ?> </l>
|
||||
<li><?php esc_html_e( 'Halloween Gift Store','halloween-gift-store'); ?> <a target="_blank" href="<?php echo esc_url( HALLOWEEN_GIFT_STORE_FREE_DOC ); ?>"><?php esc_html_e( 'Documentation','halloween-gift-store'); ?></a> </li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<div class="pad-box">
|
||||
<img class="logo" src="<?php echo esc_url(get_template_directory_uri() . '/inc/dashboard/media/screenshot.png'); ?>"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 text-block tabcontent" id="bwp_premium_info">
|
||||
<h2 class="dashboard-install-title"><?php esc_html_e( '2) Premium Theme Information.','halloween-gift-store'); ?></h2>
|
||||
<div class="row">
|
||||
<div class="col-md-7">
|
||||
<img src="<?php echo esc_url(get_template_directory_uri() . '/inc/dashboard/media/responsive.png'); ?>" alt="<?php echo esc_attr( 'responsive-image', 'halloween-gift-store'); ?>">
|
||||
<div class="pad-box">
|
||||
<h3><?php esc_html_e( 'Pro Theme Description','halloween-gift-store'); ?></h3>
|
||||
<p class="pad-box-p"><?php esc_html_e( 'Celebrate the spooky season with the Halloween WordPress Theme, an immersive, high-quality design that brings eerie charm and professional sophistication to your website. Perfect for Halloween stores, haunted houses, festive blogs, or event organizers, this theme captures the essence of the season through its dark visuals, vibrant orange accents, and mysterious typography. Every element has been designed to create an enchanting atmosphere that instantly grabs attention. The theme’s fully responsive layout ensures your site looks flawless across all screen sizes, from desktops to mobile devices, delivering a seamless experience to every visitor. With its intuitive customization panel, you can easily change fonts, colors, and layouts without any coding skills. It’s compatible with top WordPress plugins such as Elementor, Contact Form 7, and Yoast SEO, ensuring you have complete creative flexibility. The Halloween WordPress Theme also features lightning-fast load times, retina-ready graphics, and SEO optimization, helping your site perform beautifully and rank effectively. Whether you’re showcasing Halloween decorations, promoting themed parties, or running an online costume store, this theme provides the perfect foundation for your seasonal website. Its stunning visual effects, flexible design tools, and reliable performance make it an ideal choice for anyone looking to create a spine-chilling yet elegant web presence that stands out all season long.', 'halloween-gift-store' ); ?><p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 install-plugin-right">
|
||||
<div class="pad-box">
|
||||
<h3><?php esc_html_e( 'Pro Theme Features','halloween-gift-store'); ?></h3>
|
||||
<div class="dashboard-install-benefit">
|
||||
<ul>
|
||||
<li><?php esc_html_e( 'Responsive & Mobile-Friendly Design','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Retina-Ready Display','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Bootstrap Framework','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Fast Load Times','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Extensive Customization Options','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Interactive CTA Buttons','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Dynamic Banner Section','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Testimonial Section','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Team Showcase Section','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Pre-Built Shortcodes','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Clean and Secure Code','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'SEO-Optimized Structure','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Minimal and Elegant Layout','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'One-Click Demo Import','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'WooCommerce Compatibility','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Customizable Typography','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Color Scheme Control','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Cross-Browser Compatibility','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Regular Theme Updates','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Built for Print-on-Demand Businesses','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Lightweight Theme Architecture','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Easy Product Showcase','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Blog Section Included','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Contact Form Integration','halloween-gift-store'); ?></li>
|
||||
<li><?php esc_html_e( 'Compatible with Page Builders','halloween-gift-store'); ?></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php }?>
|
||||
@@ -0,0 +1,13 @@
|
||||
function halloween_gift_store_openCity(evt, cityName) {
|
||||
var i, tabcontent, tablinks;
|
||||
tabcontent = document.getElementsByClassName("tabcontent");
|
||||
for (i = 0; i < tabcontent.length; i++) {
|
||||
tabcontent[i].style.display = "none";
|
||||
}
|
||||
tablinks = document.getElementsByClassName("tablinks");
|
||||
for (i = 0; i < tablinks.length; i++) {
|
||||
tablinks[i].className = tablinks[i].className.replace(" active", "");
|
||||
}
|
||||
document.getElementById(cityName).style.display = "block";
|
||||
evt.currentTarget.className += " active";
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 400 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 234 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 222 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Reference in New Issue
Block a user