Helpful Links
Products Setup:
- Download: Shopping Blogger Template - Download/Preview
- Installation: How to install blogger template with clean gadgets
- Shortcut Codes: Piki Templates Posts/Pages and buttons shortcodes
Header Logo:
Open Layout > then click on Edit Icon > in the Header Logo gadget. Example:For Dark Logo: You can upload dark logo easily, first of all upload dark image in post and copy img source link and then paste in link box as shown in above image.
Header Menu:
Open Layout > then Click on Edit Icon > in the Header Menu gadget.Default and Sub Menu Links
Main Default Menu Example = Features - Default menu example.Single Sub Menu Example = _Sub Menu 1 - Just add 1 underscore before title.
Double Sub Menu Example = __Sub Menu 2 - Just add 2 underscore before title.
Example:
Note: Remember Sub Menu 1 should be under Sub Menu 2 List.
Menu Icons
You can select hundreds of amazing icons for your menu link because this template uses FontAwesome Icons as its primary icon source.Icon Code: <i class="bi bi-0-circle"></i>
How to get HTML Code? Step 1 – Go to the FontAwesome Icons Gallery.
Step 2 – Find the icon you're looking for and tap on it to access the relevant information page.
Step 3 – Retrieve the Icon Font Code from the FontAwesome Icons Gallery, as demonstrated in the image provided.
Step 4 – Edit the link text by adding the Icon Font Code as in the example below.
Mega Menu
For recent posts = megamenu/recentFor random posts = megamenu/random
For specific label = megamenu/Your Label
The Label should be exactly as given in posts likewise Lowercase or Uppercase.
What are Labels in Blogger?
Example:
Note: Remember that Mega Menu cannot be used in Sub Menu list.
Content Blocks Section:
Open Layout > then click on Edit Icon > in the Content Blocks Section gadget then Add/Customize a HTML/Javascript > in the Content Blocks Section. Example:Customize Content Blocks and adjust title and number of posts along with custom label support to show posts at Content Blocks Section.
Shortcode Label Posts Example: Number of Results / Block Type / Your Label
Remember that, Number of Results should be used only if it is supported by below Block Types shortcodes.
Block Types
Grid-1 Shortcode Example: 6/grid1/recentCustomize above shortcode to change its label type just like recent, random, Your Label also you can change number of results only if it is supported by above Block Types shortcode.
Note: Use labels name same exact as in posts either in Lowercase or Uppercase.
Main Recent Posts:
Open Layout > then click on Edit Icon > in the Main Recent Posts (section) gadget. Example:Hide Posts title
Shortcode Example: (hide)Use the shortcode (hide) in Read More box to hide main title as shown in above image.
Comment System
The New Comment system allows you to setup the comments from Blog Posts section. To Access Blogger Comment system go to Layout > Blog Posts > Comment FormatExample:
Blogger Shortcode: #type=(blogger)
Disqus Shortcode: #type=(disqus) #shortname=(Your Shortname)
Facebook Shortcode: #type=(facebook)
Facebook Custom Language Shortcode: #type=(facebook) #lang=(Your Language Code)
Facebook Custom Language Codes: en_US, es_ES, ar_AR, id_ID, th_TH, de_DE, ga_GA, it_IT, ne_NE, ja_JA, vi_VN, pt_BR, fr_FR, ru_RU, de_DE, it_IT
Additional Languages: To utilize other languages, it's important to confirm if Facebook supports them (Facebook Languages).
Embed Media in Blogger Comments
Publish any image or video in comments section directly without any shortcode, just copy and paste the image or video link in comment box.Example:
Customize Post Labels
Customize Labels title easily also you can hide them by turning off them. To Access Labels go to Layout > Blog Posts > Labels PrefixExample:
Customize Author
Customize Author prefix (like "Posted By") easily also you can hide Author name by turning it off. To Access Author Format go to Layout > Blog Posts > Author FormatExample:
Customize Date
Customize Date Format easily also you can hide published date of articles by turning off them. To Access Date Format go to Layout > Blog Posts > Date FormatExample:
Related Posts:
Open Layout > then click on Edit Icon > in the Related Posts gadget. Example:Customize Related Posts and adjust title and number of posts along with custom label support to show posts at the end of article.
Shortcode Default Posts Example: 3/related/default
Shortcode Recent Posts Example: 3/related/recent
Shortcode Random Posts Example: 3/related/random
Shortcode Label Posts Example: 3/related/Your Label
The default attribute shows posts matching with current post automatically.
Ad Code for Posts/Pages:
Open Layout > then click on Edit Icon > in the Ad Code for Posts/Pages gadget. Example:Put your ad code into this widget to show automatic ads in Top and Bottom of the article.
Custom Ads Shortcode
Open Post > then Choose area in Post > and paste ShortCode.Shortcode Example: (ads)
By using (ads) shortcode you can implement ads between the article paragraph in desired place.
Note: (ads) shortcode only works if you have added ad code into "Ad Code for Posts/Pages" Section.
Hide Ads
If you want to hide ad from specific Post just use below shortcode.Shortcode Example: (hideAds)
Benefits: Using ads with help of shortcode, gives you a powerful control to turn off ads at anytime from all posts also when you found scammers fake click activity or something else need to change ads from all posts at once with the help of these widegts.
Post Cards:
This Post Card option works in Pages and Posts both you can use the shortcode to implement post card easilyShortcode: (getCard) #type=(Card Type) #title=(Card Title) #info=(Card Info) #button=(Card Text) #icon=(Icon Code)
Shortcode: post, download, product, custom
Example:
These Post Cards are super flexible even works with optional usage of any value with easy integration.
Post Type Card
Shortcode: (getCard) #type=(post) #title=(You might Like)Card Link: No Need to enter post link just type # or / anything in place of link box.
Download Type Card
Shortcode: (getCard) #type=(download) #title=(GridMag_Blogger_template.zip) #info=(74.02kb) #button=(Download)Card Link: Use any link with open new window optional feature tick mark if needed.
Buy Type Card
Shortcode: (getCard) #type=(product) #title=(GridMag Premium Template) #info=(09.95$) #button=(Buy)Card Link: Use any link with open new window optional feature tick mark if needed.
Custom Type Card
Shortcode: (getCard) #type=(custom) #title=(Custom Post Card) #info=(Info) #button=(Button) #icon=(download)Card Link: Use any link with open new window optional feature tick mark if needed.
Icon Code: This template use Bootstrap icons you can get all type icons according to your need and requirement, please go to here FontAwesome Icons and search icons.
Step 1: Go to FontAwesome Icons
Step 2: Search the icon from top search box and find that icons which you want click on that.
Step 3: Now just copy the icon code from right sidebar as shown in below example
For More buttons and shortcodes installation please visit this page here
Note: Please copy icon code carefully to put inside button.
Post Split (Content Pagination):
With the help of this amazing post-split tool, you can easily divide the post into different paragraphs with buttons for pagination. Just repeat the shortcode after different paragraphs like below.Shortcode Example: (nextPage)
Example:
Note: You can also use Post Card inside the Post Split Paragraphs.
Post-Author Social icons:
Open Blogger Setting > then Choose Edit Blogger Profile > and paste ShortCode. Example:You can create this Blogger Profile easily by following below steps that we provide here, Go to Blogger Click on Setting then at last click on edit profile put the code that we provide below Example:
After editing, Blogger Author Profile Copy the code that we provide and paste in your blogger profile and replace social media links with your own pages links that you want to use. Example:
Profile Social Media Links
Shortcode Example:<a href="https://instagram.com/pikitemplates">instagram</a>
This code can be used to shows social media icons along with link under your profile.
Add this Short code :
Hello this is Jane Doe, I am Web Designer and Expert at Piki Templates
<a href="https://facebook.com/pikitemplates">facebook</a>
<a href="https://twitter.com/pikitemplates">twitter</a>
<a href="https://youtube.com/pikitemplates">youtube</a>
<a href="https://instagram.com/pikitemplates">instagram</a>
<a href="https://www.pikitemplates.com/">external-link</a>
Hide Author Bio
You can hide Author Section by turning off from below button. To Access Hide Author Section go to Layout > Blog Posts > Show Author ProfileExample:
Note: Replace the links with your own social media links to show in author section.
Facebook Page Like Button:
Open Layout > then click on Edit a Gadget Main Recent Posts > in Blog Posts. Example:Remember: To add custom "Facebook Sidebar Like Button Box" you have to set first set comment system as facebook after that go to Facebook Like Button website copy code and paste into Sidebar new widget HTML/Javascript. Then facebook page like box works if anybody wants to add Facebook Page Like Page, its an optional feature.
Sidebar Section:
Open Layout > then click on Edit Icon > in the Social Widget (section) gadget. Example:Here you can add a social media link in your sidebar by using shortcut code in LinkList Gadget as shown in the above image
Supported Social Media icons: blogger, facebook, twitter-x, youtube, messenger, snapchat, telegram, instagram, pinterest, google, apple, microsoft, dribbble, linkedin, tiktok, stumbleupon, vk, stack-overflow, github, soundcloud, behance, digg, delicious, codepen, flipboard, reddit, tumblr, twitch, rss, skype, whatsapp, discord
Social Icons: This template support various social icons you can use as per your requirement, use only Lowercase characters.
Custom Subscription Box:
Open Layout > then click on Edit Icon > in the Follow by Email gadget. Example:Use Custom Subscription Email Box easily with Third Party Platforms like Brevo, Mailchimp. Just paste your subscription form link and done.
Custom Shortcode:
Custom Subscription Box shortcode = (sibForm)Title shortcode = #title=(Follow by Email)
Caption shortcode = #caption=(Get Notified About Next Update Direct to Your inbox)
Use of title and caption shortcode is an optional feature.
Create Subscription Form Link
To Create a Custom Subscription Form Link follow steps in below article.- Subscription Link: How to create custom Subscription Link?
Note: Remember to replace our default demo subscription link with your own subscription link.
Sidebar Posts Section:
Open Layout > then click on Edit Icon > in the Sidebar Posts Section gadget. Example:Customize Sidebar Posts and adjust title and number of posts along with custom label support to show posts at sidebar section.
Shortcode Recent Posts Example: 3/sidebar/recent
Shortcode Random Posts Example: 3/sidebar/random
Shortcode Label Posts Example: 3/sidebar/Your Label
Note: Use labels name same exact as in posts either in Lowercase or Uppercase.
Sidebar Comments Section:
Open Layout > then click on Edit Icon > in the Comments Section gadget. Example:To display recent comments on your website, use shortcode as shown in the above image also you can adjust the number of comments easily.
Footer Social Media:
Open Layout > then click on Edit Icon > in the Footer Section Example:Here you can add a social media link in your footer section by using shortcut code in LinkList Gadget as shown in the above image
Supported Social Media icons: blogger, facebook, twitter-x, youtube, messenger, snapchat, telegram, instagram, pinterest, google, apple, microsoft, dribbble, linkedin, tiktok, stumbleupon, vk, stack-overflow, github, soundcloud, behance, digg, delicious, codepen, flipboard, reddit, tumblr, twitch, rss, skype, whatsapp, discord
Social Icons: This template support various social icons you can use as per your requirement, use only Lowercase characters.
Footer Menu:
Open Layout > then click on Edit Icon > in the Footer Menu Example:Here you can insert your page's links to show at bottom of the template as shown in the above image.
Footer Copyright:
Open Layout > then click on Edit Icon > in the Footer Copyright Example:Here you can insert your website footer credit link but only for premium users's free users are not able to remove and edit our website link at the footer.
Note: Only premium users can edit and add footer website link.
Cookies Consent:
Open Layout > then click on Edit Icon > in the Cookies Consent Example:Cookies consent is an advanced plugin system, where you can set Cookies to expire days so that it will store some bytes of data in users device so that next time when your visitor revisit again to your website it loads faster and gives an enhanced user experience.
Use below shortcut code: Change Button Text = #buttons=(Accepted !)
Change Number of days = #days=(20)
Note: Use this shortcode correctly as we provided here, you can adjust cookies expiry's date popup.
Layout Options:
Open Blogger Dashboard > Tap on Theme then Go to Customize.This Blogger Template support Boxed Mode, Sticky Header, Sticky Sidebar, Native Dark Mode features.
You can set 1 or 0 to enable or disable those features.
Example:
Feed Settings:
Open Blogger Dashboard > Tap on Settings then Scroll to Site Feed.This Blogger Template support Full Feed System, please set to full mode for getting theme working perfectly.
Turning on Full Feed System theme will load perfectly without any issue.
Example:
Note: Please do not disable/off blogger feed system because this will affect your comments section and featured posts section. Its Recommend that you should trun on Full Feed.
Customize Shopping Template
Open Theme > then click on Customize and explore Background Colorsand Advance option.Fully Customizable: Edit Font Styles, Menu Colors, Widgets Colors, Footer Section and much more options.
Example:
Very very beautiful template. Just to report a detail: Adsense ads are spoiling the theme's decoration, maybe it's a flaw that needs to be corrected
ReplyDeleteThanks for your advice and recommendation, but google ads doesn't spoil this theme? Please let me share any screenshot if you something wrong?
Deletehow to add buy now botton ?
ReplyDeletePlease go to top of this documentation and see:
Delete"How to Setup Products?"
https://blogging.pikitemplates.com/p/how-to-setup-product-shortcode.html
How to set discount and price inside post?
ReplyDeletePlease go to top of this documentation and see:
Delete"How to Setup Products?"
https://blogging.pikitemplates.com/p/how-to-setup-product-shortcode.html
I want to buy this templete (shopping) but when i tested it there is no option to add product into cart also if you click on buy now button you will redirect to home page. There is no option for add paypal payment option.... also in documentation you have'nt mentioned how to post new product....
ReplyDeletePlease go to top of this documentation and see:
Delete"How to Setup Products?"
https://blogging.pikitemplates.com/p/how-to-setup-product-shortcode.html
I want to download Shopping template, but when I click on Buy Now Button, It redirect me to home page.
ReplyDeletePlease re-check our download links working perfectly.
Deletesorry but i have a problem with the Buy now button , i cant change the url which the button redirect the user to. every time it is pressed it goes to 404 page
ReplyDeletePlease go to top of this documentation and see:
Delete"How to Setup Products?"
https://blogging.pikitemplates.com/p/how-to-setup-product-shortcode.html
Hi, the shortcodes are not working in the shopping template. Please fix this bug.
ReplyDeletePlease go to top of this documentation and see:
Delete"How to Setup Products?"
https://blogging.pikitemplates.com/p/how-to-setup-product-shortcode.html
😥
Again if not working, please contact us click below social media buttons!
Why buy now button not work ?
ReplyDeleteits easy to understand ...
1st: goto write post
2nd: click on insert link button
3rd: paste the code in text to display area and past the product link in link area
then click apply simply save post enjoy
my website showing error in recent post , post show half only and i search in edge browser then show another error html content hide in edge brower , other brower working fine
ReplyDeletePlease share your website with us so that we can look into the issue.
Deletehow to change the font? I am making a website on Bengali language so I need to change the font.
ReplyDeleteFrom theme designer you can change.
DeleteHello sir/Mam
ReplyDeleteI have purchased your shopping temple, could you please update as grid view in mobile view for home page. Its look great. Like product page
The view is already look like grid, what exactly you want sir?
DeleteMinhas postagens nao esta ficando organizadas no modelo?
ReplyDeletePrezado cliente, tente definir suas postagens por meio de etiquetas personalizadas.
DeleteHow to add buy button please tell me details🙏
ReplyDeleteGo here: https://blogging.pikitemplates.com/p/how-to-setup-product-shortcode.html
DeleteSIR, How can change font style for all blog ?
ReplyDeleteI like Google Poppins for whole website.
Plz guide
Please go to blogger theme designer >> Advance Settings >> Theme Fonts and change the font, also visit our docs
DeleteI want to sell digital downloadable products, but does this theme support Payoneer accounts?
ReplyDeleteYes sir, you can setup custom Payoneer Payment link.
DeleteLovely and perfect blogger template but having payment method absent..the only deficiency I can observe
ReplyDeleteThanks for your love and support. ❤️ You can use 3rd party custom payment gateway.
DeleteCanonical tag issue in my template theme ... how can I fixed it.
ReplyDeleteWe have already implemented Canonical tag in our themes, there is no need worry about google search console temporary warnings that you get. 😊
DeleteCanonical tag issue in my template how can I fixed it?
ReplyDeleteWe have already implemented Canonical tag in our themes, there is no need worry about google search console temporary warnings that you get. 😊
Delete(getCard) #type=(product) #title=(GridMag Premium Template) #info=(09.95$) #button=(Buy).....................This Is Not working on my template.
ReplyDeleteYes, we can help you, please share your website link through our contact us page.
Deleteاين عي طريقة الدفع والشراء والسعر؟
ReplyDeletePlease check official store to buy the theme.
Deleteاين هي طريقة اضافة طريقة الدفغ و الشراء ؟
ReplyDeleteYou can purchase theme from official store.
DeleteWhich countries' currencies does this template provide?
ReplyDeleteYou can use 3rd party custom payment gateway.
Delete