puikinsh / dazzling Goto Github PK
View Code? Open in Web Editor NEWFlat design WordPress WooCommerce theme developed using Bootstrap 3 and FlexSlider
Home Page: http://colorlib.com/wp/themes/dazzling/
Flat design WordPress WooCommerce theme developed using Bootstrap 3 and FlexSlider
Home Page: http://colorlib.com/wp/themes/dazzling/
Replace get_template_directory with get_theme_file_path to make parent theme files over writable in the child theme.
Related Topic :
https://wordpress.org/support/topic/require-get_template_directory-and-customizing/
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;
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.
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.
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
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.
Hi,
I create Persian (Farsi) language for this theme.
Please add it to theme :)
http://up.rafsang.com/do.php?filename=26_151424987215831.rar
Find example of it here https://getbootstrap.com/examples/navbar/
Related thread https://wordpress.org/support/topic/collapsed-class-not-being-added-on-mobile-menu-toggle
Theme throws a exeption when saving cussom_css if debug-mode is on
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})});
Hello,
Can you also add a magazine style for this template? Something like this - http://demo.wellthemes.com/tera/
Thanks!
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.
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.
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
It should be done the same way as implemented in Sparkling theme here ColorlibHQ/Sparkling#57
Hi
Theme shows All rights reserved at bottom row. It isn't on the .po file
In options.php:303: 'std' => '' . get_bloginfo( 'name', 'display' ) . ' All rights reserved.',
Please add to translatable strings, thanks.
Antti Vähälummukka
@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.
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
"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
Find more information about the issue on the following page.
https://colorlib.com/wp/forums/topic/font-problems-in-certain-pages/#post-28546
Hi!
Is there an option to set slider for pages? (I can only see just Posts categories)
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
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
How do i set Site Name Color ?
It always Green .
I cant find any option in Theme Option.
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
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?
Hi ,
I using WordPress 4.4.2 running Dazzling theme. But i dont see theme option. Please help me :(
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
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/
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;
}
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
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?
Find more information about the issue and the solution in the following thread.
https://colorlib.com/wp/forums/topic/links-on-iphone/#post-39425
Related topic and solution :
https://colorlib.com/wp/forums/topic/homepage-not-responsive-after-adding-gallery/
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
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.