Mukabuku Elite 2.0

Blog Posts Suddenly Not Displayed Issue & Fixes

Just a few hours ago, we received emails on several BlogrCart Mukabuku Elite users that their blog posts on all pages are not showing up. Crunch time for us to find out why. Took several hours to figure it out. But we did notice that several changes/ updates were made for the Blog1 widget internal default functions.

After looking carefully, the new conditional markup provided by Blogger was missing a comma, which is used to display blog page using the Blog1 widget. If you are facing the problem, in template HTML > jump to Blog1 gadget > & 3 lines down > add a comma " , " in between the Blogger conditional codes. View screenshot for your reference. Click Save Template and you are all set.

The updated codes will look like so, at the highlighted yellow marker:-

<!-- posts -->
<div expr:class='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;} ? &quot;blog-posts-item&quot; : &quot;blog-posts-index row&quot;' id='blog-posts'>

$ 45.00

Comment

Facebook Like to Alternative Page Issue & Quick Fixes

For the past week, BlogrCart Mukabuku Elite witnessed a faulty Facebook like to alternative page issue & #blogrcart community quickly alerted us on the errors occurred.

For the easy quick fix, we have already delivered the tutorials via email to #blogrcart Mukabuku Elite users & upcoming Full Featured theme users will get their updated copy (with additional license) too.

The Cause

The issue detected was the use of canonical url's used throughout #blogrcart Mukabuku Elite internal pages for linking. In certain environments, these url's could be used with the custom Like button functions. Due to inconsistencies, we reverted back using Blogspot country to specific url's for internal pages to allow the custom Like button to function again in all environments.

premade blogger etsy.com theme hidden like button theme forest

$ 35.00

Comment

Blogger Shopping Store Template Label Dropdown Text Overflow Issue & Fixes

BlogrCart Mukabuku Elite theme comes pre-installed with 4 custom dropdown Labels widget/gadget where users could customize to display groups of category/label of choice for easy product searches.

At the dropdown Labels/categories widget/gadget, overflowed text is displayed if Blogger store owner added a long text Labels for a published product post. To overcome this issue...

Go to Blogger Dashboard > Template > click the Customize button > find Advanced link > and copy & paste below codes inside the Add CSS box displayed at the right panel ...

@media (min-width:768px) {
  .list-wrapper .dropdown-menu > li > a { white-space:normal; }
}

Click Apply to Blog button & preview your template changes.

This is the theme framework dropdown links styling issue but you can easily override the styles without editing your Blogger template codes using the method stated here.

premade etsy.com blogger template theme forest Blogger shopping cart theme

$ 19.90

Comment

Removing No Country Redirect (NCR) for blogspot.com Shopping Template

BlogrCart Mukabuku Blogger shopping template comes pre-installed with the No Country Redirect (NCR) for blogspot.com domain. Which means throughout your blog store site, your url's will be using the .com extensions & not the country specific extensions (where available).

This is deliberately pre-installed in order for your blogshop store to use consistent urls structure since that your users will be sharing your product posts coming from different countries.

If your store is focused for country specific users, you can remove the directive from BlogrCart Mukabuku Elite template codes easily. To do so, go to Template > Backup/Restore (if required) > at the very top of the theme codes you will see functions like so:-

<script>
//<![CDATA[
cookieChoices = {};
// country domain specific helper
var blog = document.location.hostname.split(".");
if (blog[blog.length - 1] != "com") {
  var ncr = "http://" + blog[0] + ".blogspot.com/ncr";
   window.location.replace(ncr + document.location.pathname);   
 };
 //]]>
 </script>.

Remove the codes & click Save Template to save your changes.

We also included the default pop-up cookie notifier by Google at below codes.

cookieChoices = {};

To allow the pop-up cookies to display, remove the codes above.

etsy.com Blogger premade template theme foret ecommerce shopping theme

$ 25.90

Comment

Responsive Blogger Shopping Cart Template Full Features

This page shows the complete features for BlogrCart Mukabuku Elite Blogger shopping template & its full potential. This modern Facebook inspired design Blogger theme comes loaded with e-commerce functionality & setting up easy without you to ever to know coding!

With full support from theme designers/developers, this Blogger e-commerce inspired theme is so versatile which lets you explore more design ideas while still keeping the functions you needed for your online store.

Automated Label for categorization makes it easy for your users to shop at your store. Cross selling to your favorite social network easily with meta tags ready so you do not have to re-write your posts again. Click the share button & post it to your Facebook fanpage. It's so easy!

$ 15.00

Comment

Update Url for Send Order Page with Form Checkout

With BlogrCart Mukabuku Elite download files, full template codes & sample pages has been included weather for freemium or the full featured versions. The sample pages really helps out speed up install as it will help build the checkout form, success & error page.

In some cases, especially when not installing this theme from a fresh template install, the send order urls at the view cart buttons does not link to your checkout page with form. This is Blogger servers specific issues because how the url's given for a blog depends on the availability of you page titles.

There are 2 ways for you to easily update the send order page with form urls at you Blogger store.

Use the Config Widget

Included with theme is the custom configuration widgets which can help users easily without knowing to code or even touching your theme codes.

Go to Dashboard > Store Config widget > click Edit > & enter below parameters & values...

Name Field: send_order_url
Link Field: the new url to your send order page.

After doing so click Save > and Save Arrangements > preview/check your update changes.

Manually Update the Urls

Go to Template Editor > click Edit HTML > Backup/Restore (if required) > Jump to Widget LinkList89 > and Expand the widget detail codes.

Find below codes for the checkout buttons...

<a class='btn btn-primary btn-sm' data-toggle='tooltip' href='/p/send-order.html' title='View Cart Details'><i class='fa fa-shopping-cart'/> <span>View Cart</span></a>                </p>
<a class='btn btn-success btn-sm hidden-xs hidden-sm' data-toggle='tooltip' href='/p/send-order.html' title='Send My Order'><i class='fa fa-envelope-o'/> <span>Send Order</span></a> 
<a class='btn btn-warning btn-sm hidden-xs hidden-sm' data-toggle='tooltip' href='/p/send-order.html' title='Checkout to Paypal'><i class='fa fa-paypal'/> <span>Paypal</span></a>

Edit/update the href='' values (highlighted yellow) to your new Send Order page with form. Click Save Template > preview your changes.

etsy.com premade blogger template themeforest e-commerce Blogger themes

$ 125.00

Comment

How to Add Mobile Home Screen Apps Icon

BlogrCart Mukabuku Elite theme also comes with mobile apps icons which will display on mobile devices if a user bookmark your Blogger store. The icons will display at user's smart phone Home Screen if saved/bookmarked weather on IOS or Android powered phones.

In the full featured theme download files, we have included sample icons which you can use to find out the sizes required. To insert your own Apps icons, here are the sizes required:-

For Android phones (sizes in pixels):-

sizes='128x128' - for older Android phones
sizes='192x192' - for newer Android phones

For IOS ( sizes in pixels):-

sizes='76x76'
sizes='120x120'
sizes='152x152'
sizes='215x215' - for Retina display

To use your own icon, go to Template Editor > backup if necessary > find  & replace the href link to your uploaded icon. Make sure the correct size is included as indicated at the mark-up codes.

Below is an example to replace an IOS icon with 76x76 pixels in image size:-

<!-- IOS and ANDROID APPS ICON IMAGES -->
 <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXCZVcsjBJMwGDu7y40DViHxPKBLEs1spZn0cmR6Jg11dhJ-aKsLIJh5ajrFZiRG3YfjAop0gSxdtIi9oUaaceQYQ55nYtrlcDx7adPrjDZ3GU2BWmxPUYy_wjQiBeZLVvlr2B63F1_R-W/s1600/apple-touch-icon-76x76.png' rel='apple-touch-icon' sizes='76x76'/>

Add in your uploaded image icon within the href="your_icon_url" & automatically the mobile phone web browser will detect the custom icons used for your store.

Pre-made Blogger Template etsy.com Facebook Inspired Blogspot theme

$ 35.00

Comment

How To Add Fallback Product Image if None Was Found

The meta tags which comes with BlogrCart themes are very powerful, especially in helping to expose your product & pages in search engine results. These tags are used by social media services to retrieve the necessary information of your published pages.

By default, in Mukabuku Elite full featured theme, we have included fallback image, if however an image could not be found from your page when sharing to social networks etc. You can customize or add in your own image to use as fallback image if an image could not be retrieved.

Go to Template Editor > backup if necessary > Now find below codes (highlighted yellow) & replace it to your uploaded image. Use Ctrl+F & type the keyword at the search bar (inside code editor) > press enter. It will lead you to the specific code

keyword: rel='image_src'

<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOwqOHG0FNN3vwW_MVXFBy1Ig6Z2KNUunrsQAr1hVgGknbpHtomLY4gNP6Lo4MTlFMBrjfIA44e3lQ9X22i1oiYI7xyxm5huKBWx2Vo1RjiNmwplQ-LenG5CrtYf4jqY8kB2AOAdk4NlM/s1600/placeholder-image.jpg' property='og:image' rel='image_src'/>

keyword: placeholder-image.jpg

<b:else/><img class='item_thumb' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOwqOHG0FNN3vwW_MVXFBy1Ig6Z2KNUunrsQAr1hVgGknbpHtomLY4gNP6Lo4MTlFMBrjfIA44e3lQ9X22i1oiYI7xyxm5huKBWx2Vo1RjiNmwplQ-LenG5CrtYf4jqY8kB2AOAdk4NlM/s1600/placeholder-image.jpg'/></b:if>

keyword: placeholder-image.jpg

<img class='img-responsive' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOwqOHG0FNN3vwW_MVXFBy1Ig6Z2KNUunrsQAr1hVgGknbpHtomLY4gNP6Lo4MTlFMBrjfIA44e3lQ9X22i1oiYI7xyxm5huKBWx2Vo1RjiNmwplQ-LenG5CrtYf4jqY8kB2AOAdk4NlM/s1600/placeholder-image.jpg'/>

After replacing with your uploaded image, click Save Template & if done correctly, any images not found for a product page at your website will display your default image you have set here.

Pre-made etsy.com Blogger Templates responsive design easy install

$ 125.00

Comment