Blocksy is without doubt one of the most feature-rich themes on the market and subsequently, on this submit I’ll level out 16 hidden options this theme has. Additionally, I’ll present you some neat hacks you need to use to customise your theme. If you need to know extra about these options then begin with the video right here under.
Video: Blocksy theme hidden options
Find out how to activate Woocommerce video thumbnails?
Dy default, Woocommerce exhibits picture thumbnails, however Blocsky help you present video thumbnails as an alternative. For instance, you may present both Youtube, Vimeo and so forth. or your individual customized video (MP4 file).
So as to activate this characteristic go to Customizer >> Woocommerce >> Product archives >> Card choices and activate Video thumbnail choice.
Now open a product and add a product picture. Beneath it, you’ll see “ATTACHMENT VIDEO” choice (see screenshot). Simply paste a video URL or add your individual video, and also you’re good to go.
NB! It is a Blocksy Professional characteristic
Find out how to use Woocommerce variation gallery with Blocksy theme?
Blocksy permits you to add customized picture galleries on your attributes. Simply open up a variable product and add your photos (see the sceenshot under).
NB! It is a Blocksy Professional characteristic
Find out how to show customized fields in archives and single submit titles?
Blocksy has a Submit Sorts Additional extensiot which allows help for Customized Fields inside archive playing cards and single web page submit title.
It additionally provides a studying progress bar on your posts and allows you to set featured photos and colours on your classes archives. So, go to Blocksy >> Extensions >> Professional extensions and activate it. See the video above with a purpose to see how one can show customized fields (ACF, Pods, Metabox and so forth) in archives and single submit title.
NB! It is a Blocksy Professional characteristic
Find out how to show submit meta on archive picture?
By default Blocksy permits you to select the place to show your submit meta however for those who check out the screenshot right here under you’ll see that I’m displaying it on picture. So, for those who like this type then do that:
Go to Customizer >> Submit sorts >> Weblog posts >> Playing cards choices >> Playing cards parts and transfer Submit meta block on high of all the things.
Now go to Customizer >> Further CSS and paste this piece of CSS contained in the code field. Additionally, tweak it accordingly.
[data-layout*="grid"] .entry-card>*:not(:last-child).entry-meta {
margin-bottom: -40px;
z-index: 1;
}NB! This may be accomplished with Blocksy free and professional
Find out how to open off-canvas parts with a hyperlink?
In case you wuld prefer to open up some Blocksy off-canvas parts with a daily hyperlink then use these hyperlinks.
NB! So as to open up a off-canvas cart you’ll want Blocksy professional
<a class="ct-offcanvas-trigger" href="#woo-cart-panel">Take a look at Cart</a>Off-canvas menu (see the video above as a result of this describes how one can configur off-canvas menu). Works with free and professional model.
<a class="ct-offcanvas-trigger" href="#offcanvas">Take a look at Menu</a>Find out how to open a search modal with a button?
The right here under will add a button and opens up a search type in a modal. Works with free and professional model.
<a href="#search-modal" class="ct-header-search ct-button" data-id="search">Search</a>Find out how to open a login modal with a button?
The right here under will add a button and opens up a login/sign-up type in a modal. Works with free and professional model.
<a href="#account-modal" class="ct-header-account ct-button" data-state="out" data-id="account">Login</a>Find out how to add Blocksy search field with a shortcode?
Step 1: add this piece of code both inside your youngster theme’s capabilities.php file ot higher but, use Code Snippets plugin for it.
// Blocksy search type shortcode
add_shortcode('wpbsearch', 'get_search_form');Step 2: use this shortcode anyplace in your website the place you wish to present the Blocksy search field.
[wpbsearch]NB! It is a Blocksy Professional characteristic
Find out how to show Blocksy wishlist just for logged-in customers?
This isn’t a in-built characteristic however may be accomplished with a bit piece of CSS. So, go to Customizer >> Further CSS and add this inside it.
NB! It is a Blocksy Professional characteristic
/* Show Blocksy wishlist just for logged-in customers */
.ct-header-wishlist,
.ct-wishlist-button-single,
.ct-wishlist-button-archive {
show: none !essential;
}
.logged-in .ct-header-wishlist,
.logged-in .ct-wishlist-button-single,
.logged-in .ct-wishlist-button-archive {
show: flex !essential;
}Find out how to customise Blocksy cart and checkout web page?
This piece of CSS will add a dashed border and background to your cart and order totals part. See the screenshot.
/* Blocksy cart and checkout */
.ct-order-review, .cart_totals {
background: #fcfcfc;
border: 2px dashed #ebebeb;
}
.payment_methods>li:not(.woocommerce-notice) {
background: #ffffff;
border: 1px strong #ebebeb;
}
#order_review desk.shop_table tr>*:first-child {
width: 45%;
}
.shop_table.cart.woocommerce-cart-form__contents th {
border-bottom: 1px strong #ddd;
}
.shop_table td.actions {
border-top: 1px strong #ddd;
}
tr.woocommerce-cart-form__cart-item.cart_item {
border-top: 1px strong #ddd;
}
/* Thanks web page */
@media (min-width: 690px) {
ul.order_details {
background: #ffffff;
border: 1px dashed silver;
padding: 40px;
margin-bottom: 2em;
}
}
