Add parameters in any order but only to the assigned Config Widget.
Click
View Dashboard
to view the Config Widget locations. Store Set-up & Configuration Next
Custom Widgets & How To's
To allow the Theme Plug-ins gadget to register itself with your new theme setup, users are required to activate the
HTML/Javascript gadget
with the title Plugin
or DoNotRemove Cart Plugins
or Plug-ins Cart
located at the bottom of theme Layout. Click Edit the said gadget & add some content to save it. View screenshot below for reference.4.0 Theme Personalization
4.1 Custom Theme Helpers
Customizing your store theme basic layout made easy by settings as follows:-Location | Theme Config | |
Parameter (Name Field) | Values to Set (Links Field) | Description |
---|---|---|
index_display_column | number/integer | Customize the display of product posts by columns grid at gallery pages (index pages). Avail column views/display - 2 / 3 / 4 / 6 Default: 4 |
index_display_cart_button | true or false | If true Add to Cart button will display at products on gallery pages.Default: false |
sub_button_text | text/string | The text displayed at Subscribe by Email button.Default: I Want It! |
sub_placeholder_text | text/string | The text displayed as placeholder text for Subscribe by Email text input fieldDefault: Your Email Here... |
display_sidebar | true sidebar_left | If set to true the sidebar will be displayed on left side of theme layout on ALL pages.If set sidebar_left the sidebar will display on the left side of theme layout on ALL pages.Default: null |
4.2 Store Helpers
Features text alert helpers to enhance users shopping at your store. Add in your custom text to display to help out users at your store.Location | Store Config | |
Parameter (Name Field) | Values to Set (Links Field) | Description |
---|---|---|
alert_cart_added | text/string | The text or notification displayed when cart is added to cart.Default: Your item has been added. |
alert_cart_empty | text/string | The text or notification displayed when no items in cart.Default: No items selected yet. |
shipping_other_alert | text/string | The text or notification displayed when shipping option value is ' ' (empty) to allow users to continue sending orders.Default: Other shipping selected. Please continue to send orders. |
shipping_limit_alert | text/string | The text or notification displayed when items exceeds shipping limit weight.Default: Items exceeds weight limit. Please reduce items selection. |
shipping_select_alert | text/string | The text or notification displayed when a shipping select option is N/A.Default: Please select a shipping option |
shipping_weight_text | text/string | The text displayed at shipping weight update when users select a shipping option.
default: Est. weight: |
alert_submit_error | text/string | The text or notification displayed when form input required fields is not filled.Default: Please check your form for errors. Thank you. |
store_maintenance | true or false | If set to true the shopping cart dropdown will be hidden & users will not have access to the send order button/page.A custom alert message text is displayed on pages & the add to cart button becomes slightly transparent. This is to allow you to add items to cart & test your updates or promo code setup when accessing your send order page via Pages from your Blogger dashboard. Very useful during template updates & promo code setups without interfering your current users shopping at your store. Default: false |
store_maintenance_text | text/string | The text or notification displayed when store_maintenance is set to true (activated).Default: We're sorry, currently our store is under maintenance. You can still shop at our website & any questions, please send it via our contact form. |
send_order_url | url | Update the url to your Send Order page if however upon Pages upload/install Blogger changed the url provided in theme. This usually happens if you have repeatedly upload the sample pages, or if you are installing from an existing blog. Default: null |
4.3 Instagram
The Instagram plug-in is just like any other available plug-in pre-intalled with theme. You can grab your Instagram images just by calling your custom hashtag used at Instagram.
To activate this feature, go to the
Instagram widget
add a parameter instagram
with a value of true
.Location: | Instagram Widget - To activate Instagram Plug-in. Theme Config - To customize plug-in | |
Parameter (Name Field) | Values to Set (Links Field) | Description |
---|---|---|
Required to activate at Instagram Section | ||
true | At Instagram widget, add this parameter with a value true to activate Instagram plug-in.Default: false | |
Customize Instagram Settings at Theme Config | ||
insta_hashtag | text/string | Not available for Instagram Sandbox mode. The hashtag used to display your Instagram images. The " # " is not required. Default: |
More Options | ||
insta_display | number/integer | The total amount of images to display at the Instagram widget. Max images allowed by Instagram is 60.Default: 12. |
insta_get | user tagged popular location | The get method to call Instagram images.On Instagram Sandbox mode, only "user" get method is retrieved. If user sumbitted their Client, once approved, then all others methods can be used. Default: user |
insta_image | thumbnail low_resolution high_resolution | The available image size provided by Instagram API. If thumbnai l image size (150px x 150px)If low_resolution image size 306px x 306px.If high_resolution image size 612px x 612pxDefault: thumbnail
Use one. |
insta_sortby | most-recent least-recent most-liked least-liked most-commented least-commented random | The sorting of the Instagram images displayed.Default: most-recent
Use One |
insta_client_id insta_user_id insta_access_token | number/integer | A unique ID provided by Instagram & instafeedjs website once verified for Instagram user authentication.Get your instagram client ID's tutorial here http://blogrcart-mukabuku-elite.blogspot.my/p/register-and-create-instagram-client.html All parameters here are required. |
4.4 Image Carousel
The image slider/carousel can be customized via the following set-ups.
Default: false
Location | Featured Config | |
Parameter (Name Field) | Values to Set (Links Field) | Description |
---|---|---|
featured_label | text/string | The specific Label to display posts at image carousel. If error retrieving the specified Label , the image carousel will not display.Text written here is case sensitive & space are replaced with %20 By default the image carousel will display the most recent published posts. By inserting a valid Label used at your posts will overwrite this behavior & display the Labeled posts instead. Default: recent |
featured_max_results | number/integer | The amount of post to retrieve from your Blogger store feed.Warning: More post feed retrieved means more bytes to download. Default 10 |
featured_image | true or false | Display the post images at image carousel. Set to false to not show images.Default: true |
featured_image_height | number/integer | Ser the height of the image carousel in pixels. If none provided the image carousel height uses CSS applied. Default: null |
featured_default_image | url | The default image to display if an image is not found/retrieved from your blog posts.Default: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjp7Pj1TPieGO4aOQRxNn6chz0dDAxIYeIn3YvZEccSOg-Xgx5ibIxjr10IeLG1CpEZhxKO6j40sW9L_KWibiUkmC7fALgKacKblacZzK0_T2fCZryzuh-1EFzdq1R9N1OvSzJNPKNsUk/s1600/_notavailable.jpg |
featured_button | true or false | Set to true to display the click-to-action button at image carousel.Default: false |
featured_button_text | text/string | The text to display if featured_button is set to true .Default: Read More |
featured_summary | true or false | If set to true displays the post image summary.Set to false to de-activate display of post image summary.Default true |
featured_summary_chars | number/integer | The amount of text characters to display at post image summary if featured_summary is set to true Default: 160 |
featured_price | true or false | If set to true displays the post image price.Default: false |
featured_currency_after | true or false | If set to true displays the currency after the price text if featured_price is set to true . |
featured_status | true or false | If set to true displays the post image status ( if available).Default: false |
featured_destroy | true | If set to true deactivates image carousel plug-ins. |
Image Slider/Carousel Settings settings at Featured Config | ||
featured_speed | number/integer | The timing in m/s the image slider transitions.Default 400 |
featured_autoplay | number/integer | The timing in m/s the autoplay will commenced.Default 4000 |
featured_autoplay_speed | number/integer | The timing in milliseconds the autoplay initiates.Default is linear |
featured_slidesToShow | number/integer | The number of slide to show.Default 4 |
featured_breakpoint_mobile | number/integer | The screen width in pixels the slider will target for responsive utilities.Default: 768 |
featured_infinite | true or false | The images displayed on an infinite loop.Default: true |
featured_slidesToScroll | number/integer | The number of slides to scroll.Default 1 |
Activate & customize your store Facebook pop over, comments & fanpage functions.
4.5 Facebook Pop-over, Comments & Fanpage Setup
This Blogrcart theme comes with an automated Facebook pop over-greeting, Facebook comments, Facebook Fanpage, Fb Likes which helps users connect your store with Facebook. Using Fb App allows you to use various data supplied at Facebook Developer page for further marketing strategies.
However, Fb Share plug-in utilize a custom plug-in which has been optimized for best sharing experience on any screen sizes.
Note: This setting here is also connected to the various Facebook Plug-in assets pre-installed with this BlogrCart theme, which includes, your Fb Fanpage display, likes & Fb comments. Customization on Facebook specific options will reflect how some Fb Plug-in assets displays.
Location | Theme Config | |
Parameter (Name Field) | Values to Set (Links Field) | Description |
---|---|---|
Required to activate | ||
fb_popup | true or false | Set to true to activate the Facebook Pop-over greeting functions.The facebook fanpage displayed as per fb_url below.Default: false |
fb_app_id | numbers/integers | The App Id provided by Facebook Developer to activate & connect your Fb comments & Fb fanpages analytic data at Facebook. This app id is required & you can create one easily with the detail tutorial provided. By default this theme is using BlogrCart App Id made public at Facebook Developer. |
fb_url | url | The custom or default url for your Facebook fanpage at Facebook. An example custom url provided by facebook for fan pages as follows:- https://www.facebook.com/irsahindesigns Example for Facebook page without a custom name:- https://www.facebook.com/0123456789abcdefgh Default: http://facebook.com/facebook |
More Options | ||
fb_page_name | text/string | Your Facebook fanpage name. Strictly lowercase text with spaces replaced with underscore. Example: irsah_indesigns Default: null |
More Options - Facebook Specific | ||
fb_expires | number/integer | The number in days your Facebook pop-over will re-activate upon users first visit. A value of 0 (zero) will be ignored.If none is entered, this plug-in will be activated, for each users visit at any of your store page.To test out your customization, set this value to none & refresh your Blog pages. Once satisfied with the custom settings, make sure to reset pop-over expires settings.Default: 1 |
fb_small_header | true or false | Set to true to display your a smaller header for your Facebook plug-inDefault: false |
fb_adapt_container_width | true or false | Set to true to allow your Facebook page display according to the pop-over container size. By default your Facebook page displays using Facebook given sizes which is 340px in width & 500px in height. Default false |
fb_height | integer/number | If fb_adapt_container_width is set to false the specific height in px your Facebook page displays.Default 500. |
fb_width | integer/number | If fb_adapt_container_width is set to false the specific height in px your Facebook page displays.Default 340. |
fb_hide_cover | true or false | If set to true hides your Facebook page cover background image.Default: false |
fb_show_facepile | true or false | If set to true displays your fans faces below your Facebook page.Default: false |
fb_show_posts | true or false | If set to true displays your Facebook page postsDefault: false |
fb_hide_cta | true or false | If set to true hides your click to action button at your Facebook page.Default: false |
fb_popup_title | text/string | The text displayed as your Facebook pop-over header.Default: Show Your Support |
fb_popup_content | text/string | The secondary text displayed below your Facebook pop-over header title.Default: Like our Facebook fanpage |
fb_button_url | url | The url to your Facebook pop-over click to action button.Default: # |
fb_button_text | text/string | The text displayed for the click to action button at your Facebook pop-over.Default: Contact Us |
fb_timer | number/integer | The timing in miliseconds the pop-over will initiate. Default: 5000 (5 seconds after page fully loaded). |
Allows to display recent comments/reviews published using Blogger Comments.
4.7 Recent Comments/Reviews
Location | Theme Widget | |
Parameter (Name Field) | Values to Set (Links Field) | Description |
---|---|---|
Required to activate | ||
By default this feature is activated once it's reference tag is displayed. To display the recent comments, in Blogger dashboard > Layout > at any section click Add a Gadget > select the HTML/Javascript widget.At the widget's body add this code reference <div id="recent-comments"></div> & include a title if required. Click Save to save your widget.Drag & drop the widget at any section/placement made available at this BlogrCart theme. Find below the available custom settings included with the recent comments plugin:- | ||
More Options | ||
comment_display | number/integer | The amount of published comments to display for the recent comment widget.Warning: More comments to display means more bytes to download to render your page. Default: 5 |
comment_show_avatar or comment_avatar | true or false | Set to false to hide/not show the avatar for each published comments.Default: true |
comment_avatar_size | number/integer | The size of the published coments image avatar in pixels.Default: 48 |
comment_max_feed | number/integer | The maximum of published comments to retreived form Blogger APIWarning: More comments to display means more bytes to download to render your page. Default: 10 |
comment_blog_admin | text/string | The Blogger store admin name used for commenting. If matched Blog Admin comments will not display at recent comments.Text entered here is case sensitive. Default: Your Blog Store Name |
comment_default_avatar | url | The url to an uploaded image to display as the default avatar image if none is found.Default: http://www.gravatar.com/avatar/?d=mm |
comment_show_more | text/string | If parameter is set & a text is entered, a custom text link will display after the comment_body Default: null |
comment_body | true or false | If set to false hides/not display the published comment body.Default: true |
comment_chars | number/integer | The amount of text characters to display if comment_body set to true Default: 70 |
comment_heading | text/string | If parameter is set & a text is entered, text entered here displays as recent comment heading wrapped in a <h3>...</h3> heading tag.Default: null |
4.8 Post Images Pop-over Overlay (Modal)
The pop over (modal) image overlay effect groups all available images in a product or blog post & displays the images on an image overlay effect.
This is a replacement to Blogger's native image light box effect which has issues displaying in smaller screen sizes, preventing additional javascript library & stylesheets insertions.
Location | Theme Widget | |
Parameter (Name Field) | Values to Set (Links Field) | Description |
---|---|---|
Required to activate | ||
By default this feature is activated once an image at product or blog page is clicked. On larger screen sizes, the pop over modal & image size depends on user's custom settings below. However, on mobile, the image width will be scaled 100% to the screen width & the height is scaled proportionately. | ||
More Options | ||
image_modal_size | number/integer | The amount in px the image size would be during pop over state Default: 580 |
image_modal_prev | text/string | The text or HTML to display as image previous toggle event.HTML entered here must be parsed to display or render correctly. For instance the < = < or " = " or > = > Default: <i class="fa fa-angle-right"></i> |
image_modal_next | text/string | The text or HTML to display as image next toggle event.HTML entered here must be parsed to display or render correctly. For instance the < = < or " = " or > = > Default: <i class="fa fa-angle-left"></i> |
image_modal_destroy | true | If set to true the image pop over is disabled.Default: false |
Have a question or having some trouble?
Send it to us using this theme support page here. Our team members would gladly assist you.[*] Unless otherwise stated in theme/template listings.