puikinsh / dazzling Goto Github PK

Flat design WordPress WooCommerce theme developed using Bootstrap 3 and FlexSlider

Home Page: http://colorlib.com/wp/themes/dazzling/

PHP 74.07% CSS 9.05% JavaScript 16.88%

dazzling's Introduction

#About Dazzling WordPress Theme#

Dazzling is a clean, modern, minimal and fully responsive flat design WordPress WooCommerce theme well suited for blogs, static and ecommerce websites. Theme can be used for travel, corporate, portfolio, photography, green thinking, nature, health, personal and any other creative and minimalistic style website. Dazzling theme is highly customizable with unlimited color options, slider, call for action button, several widget areas and much more that can be adjusted via Theme Options. The theme is built using Bootstrap 3, which makes it responsive and mobile friendly. It features infinite scroll, SEO friendly structure, logo upload, full-screen slider, call for action section, social media icons, popular post widget and translation ready setup. This theme supports WooCommerce and Jigoshop ecommerce plugins. Dazzling is also available in Mexican Spanish, Brazilian Portuguese, Finnish, Swedish, Dutch, Hungarian, German, Persian, Lithuanian, Portuguese, Danish, Turkish and Polish. It is Multilingual ready and compatible with WPML plugin. It is probably the best free WordPress theme built for eStores and business websites.

For questions, comments or bug reports, visit Colorlib support forum.

#Installation#

You can install the theme through the WordPress installer under "Themes" > "Install themes" by searching for "Dazzling".

Alternatively you can download archive file, unzip it and move the unzipped contents to the "wp-content/themes" folder of your WordPress installation. You will then be able to activate the theme.

Afterwards you can continue theme setup and customization via WordPress Dashboard - Appearance - Theme Options. For detailed theme documentation, please see here.

#Theme Features#

Bootstrap 3 integration
Responsive design
Unlimited color variations
SEO friendly
WordPress Theme Customizer integration
Image centric approach
Internationalized & localization
Drop-down Menu
Cross-browser compatibility
Threaded Comments
Gravatar ready
Featured slider
Font Awesome icons
WooCommerce support
Jigoshop support

#Documentation#

Theme documentation is available here

#Copyright notice#

Author: Aigars Silkalns @AigarsSilkalns
Author URI: https://colorlib.com/wp/
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Dazzling theme, Copyright 2014-2016 https://colorlib.com
Dazzling WordPress theme is distributed under the terms of the GNU GPL
Dazzling is based on Underscores, (C) 2012-2016 Automattic, Inc.

#Credits#

Dazzling theme uses:

FontAwesome licensed under the SIL OFL 1.1 (http://scripts.sil.org/OFL)
Bootstrap licensed under MIT license
WP-Bootstrap-NavWalker licensed under the GPLv2 license
FlexSlider by WooThemes licensed under the GPLv2 license

#Changelog#

####2.1.0 - 30.06.2016####

Added TGMPA & made Kiwi a recommended plugin
Updated theme tags as per new w.org regulations
Fixed numerous errors
Updated translation files thanks to Vaidas Elksnys

####2.0.4 - 19.03.2016####

Fixed error in extras.php

####2.0.3 - 18.03.2016####

Added site tagline support
Fixed problems with popular posts widget
Other code tweaks and cleanups

####2.0.2 - 14.01.2016####

Added Danish translation thanks to Asser Munch
Improved Italian translation
Added Turkish translation thanks to Aziz KABA

####2.0.1 - 17.11.2015####

Removed redundand function

####2.0 - 30.10.2015####

Removed theme options in favor to WordPress Theme Customizer
Added layout manager
Improved social icons
Code cleanups
Updated FlexSlider
Updated Bootstrap to 3.3.5
Updated Font Awesome library

####1.5.6 - 14.08.2015####

Added Italian translation thanks to Giulia Costa
Fixed JavaScript that made FlexSlider height to 0 in some cases.

####1.5.5 - 10.07.2015####

Improved Custom CSS forum output

####1.5.4 - 04.06.2015####

Added missing string for translation
Updated translation files

####1.5.3 - 20.04.2015####

Fixed layout bug with WooCommerce Cart inside Primary Menu.
Added missing string for translation

####1.5.2 - 27.04.2015####

Improved WordPress Customizer Support. Now allows to change site title and its color on the fly.
Added Portuguese translation thanks to Susana Nova

####1.5.1 - 18.04.2015####

Fixed JavaScript error for FlexSlider

####1.5.0 - 04.04.2015####

Added support for WPML multilingual plugin.
Updated Options Framework
Improved Theme Options translation for Child Theme
Other small code cleanups
Added Lithuanian translation

####1.4.6 - 1.04.2015####

Fixed JavaScript warning that appeared on Google Chrome Dev Tools
Improved slider related JavaScript with smooth height adjusting when different size images are used for slider.
Updated flexslider to 2.4.0

####1.4.5 - 20.03.2015####

Updated Bootstrap framework to 3.3.4
Fixed problem with invisible label for color variations in WooCommerce
Simplified slider function

####1.4.4 - 02.03.2015####

Added Persian translation thanks to Sajad Dehshiri
Added German translation thanks to Sebastian Klatte

####1.4.3 - 26.01.2015####

Added the-title tag support

####1.4.2 - 22.01.2015####

Updated Bootstrap to 3.3.2
Social icons now opens in a new tab.

####1.4.1 - 22.12.2014####

Added Hungarian translation

####1.4.0 - 17.12.2014####

Jigoshop ecommerce plugin integration
Other minor improvements

####1.3.8 - 15.11.2014####

Bootstrap updated to v3.3.1

####1.3.7 - 09.11.2014####

Added different content width for Full-width template for plugins that depends on it to work properly.

####1.3.6 - 15.10.2014####

Updated translation files to match the latest update

####1.3.5 - 15.10.2014####

Improved Flexslider to make it compatible with other FlexSlider powered plugins such as Visual Composer.
Simplified search form to make it friendlier to use outside widget area by using get_search_form

####1.3.2 - 11.09.2014####

Updated Font Awesome to 4.2
Added Slideshare and VK.com social icon
Created more consistent code on options.php for Options Framework.
Improved translation files.

####1.3.1 - 03.08.2014####

Small changed to Options Framework
Updated theme description to mention Dutch translation

####1.3.0 - 03.08.2014####

Added Swedish translation thanks to Tommy Larsson
Added Dutch translation thanks to Paul den Hertog
Updated Bootstrap to 3.2
Updated Options Framework to 1.8.2
Improved Child Theme Support

####1.2.9 - 24.06.2014####

Added Finnish translation thanks to Antti Vähälummukka
Default footer copyright text is now translatable

####1.2.8 - 19.05.2014####

Added Brazilian Portuguese translations thanks to Ariel de Souza (about.me/arieldesouza)

####1.2.7 - 16.05.2014####

Added Polish translation thanks to Damian Krawczyk
Updated Font Awesome icons to 4.1

####1.2.6 - 16.05.2014####

Removed unnecessary archive file.

####1.2.5 - 15.05.2014####

Updated Options Framework to 1.8.0
Added Mexican Spanish Translation.
Updated translation
Improved Theme Options sidebar

####1.2 - 08.05.2014####

WooCommerce support
Small JavaScript improvements

####1.1.1 - 01.05.2014####

Fixed problems with horizontal scroll
Fixed social media button color on hover
Improved consistency with for CSS
Updated HTML5 Shiv

####1.1 - 10.02.2014####

Made necessary changes to pass W3 validation without any errors.
Removed duplicate classes form social network icons
Updated call for action button to pass validation
Improved main navigation on mobile
Improved attachment template image.php
Added IE8 support by implementing html5shiv.js and respond.js

####1.0.1 - 25.02.2014####

Simplified dazzling_social function
Updated copyright information making it translatable
Popular post widget now uses wp_reset_postdata(); instead of wp_reset_query();
Added esc_url for home_url inside header.php
Updated translation file

####1.0 - 22.02.2014#### Initial release

dazzling's People

Contributors

Stargazers

Watchers

Forkers

dmcclintock hadesain boygraceful djmtype thorstone137 csknk pauldenhertog sportpal davgit fkabaiku rahulsimpact mattryderstorm alphir mosenturm victorli th3architect geskill jcvanderwal retinainc jwkicklighter pudan-k adlabuschagne supersoju palimadra kashifrehmanarain gpdilba eduals zacharyzhang-dev maxkimambo seraphyn testz2104 l3xx nightbook rijeos metaspark morogasper taibaiyifeng ptt-homme won21kr kynetiv 9618211 svgaman nmeiser yexiaoxing shahpranaf rockylo muddy-28 arafys freewptp patricio272 vvallabb saranshkataria yasinfaruk fisle assermunch mikesprague onenonlycasper tgrowden gerkindev pad52 adamesss bmotech duylong isk1n nozzlegear charles9487 fanzyking balajiramachandran obnux stepanbeglaryan willi-dev niimartey hardcodecaffe jenalgit smartnetguru nandakumarj delwar2016 sudhi10 euginepj curioustauseef hmphu vinoddalvi simguo v-egorov davidlislc nagnathmungade kumaresan-in ixwl alatake tillmannheigel maudon123 nangs barbareshet thanajade engmmagdy securecloud-biz bobby91s republicvirgo habibtalib 3etechinns

dazzling's Issues

Blurry images in slider

Hey guys,

since the update to 4.4 the dazzling theme show blurry images in the slider.

I guess there are some problems with the new responsive features of wordpress.

If you look into the dom elements, you will see that the wrong source is choosen.

currentSrc =    "https://cdn2.colorlib.co...pdated1_02-1024x293.jpg

Regards
Christian

Slider is not properly configured

I'm trying to activate the slider on this topic, but for some reason, it does not work. If I open the site normally, it does not appear, but if I enter configurations, it does appear; I can not understand the problem.

I am work the local way, after that, upload all work, when this run fine.

Multi Language Issue - Flags showing html code

Customer

I’m using the Dazzling theme with WP Multilang plugin. But the language flags in the menu don’t work and look like code…. See my website

When I switch to Twenty Seventeen, everything works fine, but when I switch back to Dazzling, the problem is back.

https://colorlib.com/wp/forums/topic/wp-multilang-languages-menu-item-distorted/#post-126784

Add collapsed class to navbar-toggle of mobile navigation button when menu is collapsed

Find example of it here https://getbootstrap.com/examples/navbar/

Cannot use child combinator (>) in custom CSS

Hello there,

Whenever I try to use a CSS rule that has a greater than sign (>) in it, after saving, the > gets transformed into >. It also shows up that way in the HTML's STYLE tag, so the CSS rule doesn't work.

I think this must be something to do with the way the Options Framework sanitizes inputs (before serialization instead of after deserialization). Since they just made some updates to the way this is done in their latest version (1.8.3) I thought I would try updating, but it was to no avail.

Any thoughts on how this can be fixed?

In the theme file inc/extras.php there should be dazzling_social_icons instead of sparkling_social_icons

In the theme file inc/extras.php the following code should be changed

if ( ! function_exists( 'sparkling_social_icons' ) ) :
/**
 * Display social links in footer and widgets
 *
 * @package sparkling
 */
function dazzling_social_icons(){
  if ( has_nav_menu( 'social-menu' ) ) {
    wp_nav_menu(
        array(
            'theme_location'  => 'social-menu',
            'container'       => 'nav',
            'container_id'    => 'social',
            'container_class' => 'social-icon',
            'menu_id'         => 'menu-social-items',
            'menu_class'      => 'social-menu',
            'depth'           => 1,
            'fallback_cb'     => '',
                        'link_before'     => '<i class="social_icon fa"><span>',
                        'link_after'      => '</span></i>'
        )
      );
  }
}
endif;

As following :

if ( ! function_exists( 'dazzling_social_icons' ) ) :
/**
 * Display social links in footer and widgets
 *
 * @package sparkling
 */
function dazzling_social_icons(){
  if ( has_nav_menu( 'social-menu' ) ) {
    wp_nav_menu(
        array(
            'theme_location'  => 'social-menu',
            'container'       => 'nav',
            'container_id'    => 'social',
            'container_class' => 'social-icon',
            'menu_id'         => 'menu-social-items',
            'menu_class'      => 'social-menu',
            'depth'           => 1,
            'fallback_cb'     => '',
                        'link_before'     => '<i class="social_icon fa"><span>',
                        'link_after'      => '</span></i>'
        )
      );
  }
}
endif;

Any maintenance updates?

@puikinsh Are there any plans for maintenance updates for this great free theme from your side in the near future?

It's because the theme requires some more love after the latest WordPress update to 5.6 and the deprecation of jQuery.

Notice: Undefined index: dazzling_slide_categories in wp-content/themes/dazzling/inc/admin/includes/class-options-framework-admin.php on line 256

Theme throws a exeption when saving cussom_css if debug-mode is on

Fatal Error when opening customizer page.

PHP Fatal error: Call to undefined method WP_Customize_Manager::add_panel() in /wordpress/wp-content/themes/dazzling/inc/customizer.php on line 35, referer: https://.../wp-admin/widgets.php

Wordpress: 3.8.13 (3.8.2+dfsg-1ubuntu0.1)
PHP: 5.5.9-1ubuntu4.14

Let me know if there's any additional information I can provide.

Drop down menu

How do I change the drop down menu? I want to create some levels of submenus and I can't find the function.

Thank You

Menu parent page url can't be clicked

Hi!
I'm not sure if this is the expected behaviour but if a page is used as a parent menu it can't be clicked nor visited from the menu, it will only display the lower levels on the menu.

I've seen that some themes uses the drop arrow to release the menu and the Page title to send to the URL parent menu page.

Did i explained myself (English is not my first language)?
Am i missing something by using the Appearance » Menu feature on Dazzling?

Thanks in advance for the attention.

Dazzling Popular Posts Widget Code Issue

In the following file of Dazzling theme Popular Posts Widget

/dazzling/inc/popular-posts-widget.php

on line number 45 the following code is added

$recent_posts = new WP_Query(array('showposts' => $number, 'ignore_sticky_posts' => 1, 'post_status' => 'publish', 'order'=> 'DESC', 'showposts' => $number, 'meta_key' => 'post_views_count', 'orderby' => 'meta_value'));

In the above code it is declared 'showposts' => $number twice which is needed only once.

Can Featured Image size be configured?

"Featured Image (Blog and Single Post) is set to 730 by 410 pixels."
It seems that the image will be scaled if it is not 16:9, so is there any chance to make this more flexible?
Featured Slider Image is OK.

Thanks

Woocommerce template override does not work in theme

Hi,
I am trying to override archive-product wooCommerce template. But It does not reflecting any changes.
For this i have created file as "themes/dazzling/woocommerce/templates/archive-product.php" in theme directory. Please help with proper procedure.

Update Font Awesome to 4.7

As you did in Sparkling theme, please consider the idea to upgrade FA to the most recent version: it provides many new useful icons.

Thanks.

The demo import breaks the theme

Hello,

When the demo content is installed it breaks the theme.

Reference:
https://colorlib.com/wp/forums/topic/download-dazzling-demo-sql-file/#post-150016

The Popular Posts Widget count always remain zero for new posts

Provided the solution to resolve the issue in the following reply.

https://colorlib.com/wp/forums/topic/popular-posts-widget-thumbnails-count-method/#post-37838

The relatively positioned sidebar overlaps on main content on small device screens

Find more information about the issue and the solution in the following thread.

https://colorlib.com/wp/forums/topic/links-on-iphone/#post-39425

The radio buttons overlaps on the labels in the WooCommerce shipping section as shown in the attached screenshot

Feature Request - For SEO purpose there should be only one H1 tag on the page

How do i set Site Name Color

How do i set Site Name Color ?

It always Green .

I cant find any option in Theme Option.

Persian Lang

Hi,
I create Persian (Farsi) language for this theme.
Please add it to theme :)
http://up.rafsang.com/do.php?filename=26_151424987215831.rar

magazine style

Hello,

Can you also add a magazine style for this template? Something like this - http://demo.wellthemes.com/tera/

Thanks!

Cross sells and up sells

Hi, I was just trying to get cross sells and up sells working with this theme however neither are showing on the front end. Does this theme support that functionality?
Thanks

The font file fontawesome-webfont.woff2 is missing in the Dazzling theme

Find more information about the issue and the solution in the following reply.

https://colorlib.com/wp/forums/topic/how-to-remove-error-of-non-existing-page/#post-36785

PHP Fatal error after updating from 2.0.1 to 2.0.3

Updated your theme from 2.0.1 to 2.0.3 and now there's only the following error returned, if the site is accessed:

PHP Fatal error:  Call to undefined function of_get_option() in /wp-content/themes/dazzling/inc/extras.php on line 121

Affected line is in extras.php#L121

Any idea what went wrong here?

Feature Request - Display site Tagline the same way as travelify theme

Untranslated string in options.php

Please add to translatable strings, thanks.

Antti Vähälummukka

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP

I dont see Theme Option

Hi ,

I using WordPress 4.4.2 running Dazzling theme. But i dont see theme option. Please help me :(

Replace get_template_directory with get_theme_file_path

Replace get_template_directory with get_theme_file_path to make parent theme files over writable in the child theme.

The jetpack tiled gallery page is not responsive

Can't open posts in mobile

See reference here:

https://colorlib.com/wp/forums/topic/cant-open-posts-in-mobile/#post-83942

Solution by Giucu:

Line 1085 trebuie scos:

.side-pull-left #primary {
  float: left;
}

Cant chose Slider Category

In Theme Options I got no option in Slider Category.

Slider is not properly configured

I could not reproduce the issue but users are facing it randomly as reported in the following topics.

https://colorlib.com/wp/forums/topic/slider-is-not-properly-configured-2/
https://wordpress.org/support/topic/slider-not-working-132/

Burger Menu unresponsive

Hi there,

I have a child theme for Dazzling running my website (www.adgreen-apa.net) but the burger menu (i.e. the three horizontal line button) you see either when the web browser is too narrow to display the full menu, or on devices as default, is not working. It's still shown but nothing happens when you click on it. I have already made sure I have the latest version of the parent theme.

Having got in touch with colorlib, they noticed there are elements missing which are required for the menu to work, such as .navbar-collapse, .navbar-default. I built the child theme myself so am relatively happy to dabble with adding bits of code here and there but obviously don't want to go messing things up which could have a knock on effect on something else.

If someone could let me know exactly what code to add (and where) that would be great.

Thanks,
Jo

All fonts set in the theme options should have fall back font

Find more information about the issue on the following page.

https://colorlib.com/wp/forums/topic/font-problems-in-certain-pages/#post-28546

Error: Cannot redeclare Dazzling_header_menu

The latest version of theme doesn't wrap the function dazzling_header_menu in function_exists condition so if the function is overwritten in child theme then the theme generates error Cannot redeclare Dazzling_header_menu

Create a fallback for the deprecated function dazzling_social

It should be done the same way as implemented in Sparkling theme here ColorlibHQ/Sparkling#57

The menu item displays "Navigation Label" as Title instead of Title Attribute

Slider for pages

Hi!

Is there an option to set slider for pages? (I can only see just Posts categories)

Slider does not show all the images from posts

See reference here:

https://colorlib.com/wp/forums/topic/slider-only-working-on-static-page-featured-image-not-working-by-posts/#post-83894

flexSlider height is 0px onload

Using 1 slider post, I get flexSlider div as 0px most of the time after load (using big image).

With this post woocommerce/FlexSlider#278 I was able to put .flexslider init into window.onload instead of document.ready so it waits after all images are loaded, and it fixes the issue.

Here's my code for inc/js/main.js:

jQuery(document).ready(function(t){t('#submit, .wpcf7-submit, .comment-reply-link, input[type="submit"]').addClass("btn btn-default"),t(".wp-caption").addClass("thumbnail"),t(".widget_rss ul").addClass("media-list"),t("table#wp-calendar").addClass("table table-striped"),t(window).scroll(function(){t(this).scrollTop()>100?t(".scroll-to-top").fadeIn():t(".scroll-to-top").fadeOut()}),t(".scroll-to-top").click(function(){return t("html, body").animate({scrollTop:0},800),!1}),function(){var t=navigator.userAgent.toLowerCase().indexOf("webkit")>-1,e=navigator.userAgent.toLowerCase().indexOf("opera")>-1,n=navigator.userAgent.toLowerCase().indexOf("msie")>-1;(t||e||n)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e),t&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus()))},!1)}()});
jQuery(window).load(function(){jQuery(".flexslider").length&&jQuery(".flexslider").flexslider({animation:"fade",controlNav:!0,prevText:"",nextText:"",smoothHeight:!0})});

Sometime the slider is overlapped on other content

Sometime initially when the slider loads then it gets overlapped on other content as displayed in the attached screenshot making flexslider height to zero

.
Related thread https://colorlib.com/wp/forums/topic/bad-behave-of-dazzling-slider/#post-33480