This documentation is only for Blogrcart EXTEND Version 1.9 and lower. View theme header for the appropriate theme version copy.
To go to BlogrCart EXTEND other versions, please use this theme navigation tab.
Full documentation how to install & customize this BlogrCart Blogger e-commerce store template with shopping cart using pre-installed Config widgets.To go to BlogrCart EXTEND other versions, please use this theme navigation tab.
Expand the panels to view the topic details, guides & instructions. This tutorial comes with videos to help guide users for further understanding & speed up installation process.
Important Blogger Theme Update - April 14 2016!
To allow the Theme Plug-ins gadget to register itself with your new theme setup, users are required to activate the
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.
Use only what you need!
Add parameters in any order but only to the assigned Config Widget.
Click
Add parameters in any order but only to the assigned Config Widget.
Click
View Dashboard to view the Config Widget locations.
4.1 WishList
Activating & customizing available store WishList functions as follows:-
| Location | Theme Config | |
| Parameter (Name Field) | Values to Set (Links Field) | Description |
|---|---|---|
| Required to activate | ||
| wishlist | true or false | Set to true to activate the WishList functions, links, buttons at your store.Default: false |
| More Options | ||
| wishlist_add_alert | text/string | The text or notification displayed when items is going to be added to wishlistDefault: Adding to WishList |
| wishlist_added_alert | text/string | The text or notification displayed when items have already been added to wishlist.Default: Items Added to WishList |
| wishlist_remove_alert | text/string | The text or notification displayed when items is about to be removed from a wishlist page/selection.Default: Removing WishList Item |
| wishlist_columns | number/integer | How wishlist selected items is displayed at the WishList page. Available options: 1 / 2 / 3 / 4 / 6 Default 2 |
| wishlist_date | true | If true displays the date users added the selection to their wishlist.Default false or not displayed. |
| wishlist_button_text | text/string | The text or notification displayed at wishlist button for users to add in selected items to their list.Default: none or empty with wishlist icon |
| wishlist_page_link | url | Update the url link to the view Wishlist items page. Located at main navigation. Default: <your_blog_url>/p/wishlist.html |
| wishlist_page_link_text | text/string | The text entered here will also update the wishlist link text at main navigation.Default: Add to Wishlist |
| wishlist_empty_text | text/string | The text displayed at WishList page when there are no items selected.Default: No WishList item selected yet |
4.2 Custom Theme Layout
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 | hide/none | If hide/none the Add to Cart button will be hidden at products on gallery pages.Default true |
4.3 Alert Helper Text
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 |
|---|---|---|
| cart_added_alert | text/string | The text or notification displayed when cart is added to cart.Default: Your item has been added. |
| cart_empty_alert | text/string | The text or notification displayed when no items in cart.Default: No items selected yet. |
| alert_cart_remove | text/string | The text or notification displayed when an item is about to be removed.Default: Your item has been removed. |
| 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: |
| form_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. |
4.4 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 at Instagram.
To activate add a parameter
instagram with a value of true at Instagram Section widget.| 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 Section widget, if this parameter & with a value true is entered & saved, activates Instagram Plug-in.Default: null | |
| Customize Instagram Default Settings at Theme Config | ||
| insta_hashtag | text/string | The hashtag used to display your Instagram images. The " # " is not required. Text entered is capital case sensitive. Newly created hashtag must wait between 24 to 48 hours for Instagram to re-index the available hashtags. Default: blogrcart |
| More Options | ||
| insta_display | number/integer | The total amount of images to display at the Instagram section. Max images allowed by Instagram is 60.Default: 6 |
| insta_get | taggedpopularlocation | The get method to call Instagram images.If location used - at insta_hashtag use a "locationId" to call the location images.Default: tagged.Use one |
| insta_image | thumbnaillow_resolution | The available image size provided by Instagram API. If thumbnail image size (150px x 150px)If low_resolution image size 306px x 306px.Default: thumbnailUse one. |
| insta_sortby | most-recentleast-recentmost-likedleast-likedmost-commentedleast-commentedrandom | The sorting of the Instagram images displayed.Default: most-recentUse One |
| insta_client_id | number/integer | A unique client ID provided by Instagram via Instagram API for public usages.Default using BlogrCart theme public client id at Instagram. |
4.5 Featured Section
The Featured Section is located at homepage where you can display the posts with a certain Label. The selected posts is dynamically & optimized included to your Blogger store using Google API & ajax/jQuery functions.
To allow for full functionality, your
Blog Feed must be set to Full & the Blog must be made Public at your Blogger dashboard settings.| Location | Featured Config | |
| Parameter (Name Field) | Values to Set (Links Field) | Description |
|---|---|---|
| Required to activate | ||
| featured_label | text/string | The specific LABEL used to call your store product or blog posts.Default: Blog |
| More Options | ||
| featured_max_results | number/integer | The total amount of posts to display at the featured section. If value is 0 de-activates the featured functions. Default: 4 |
| featured_heading_title | text/string | The text to display as heading to the featured section. If value set to false the featured heading title will not display.Default: Current News & Updates |
| featured_image | hide / none | If set to hide / none post images will not display.Default false |
| featured_default_image | url | The default image to display if however the image from your store posts could not be found.Default: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOdzERsQTOVUtQ0D4hXupL5qIvk1CXwxIx01BpS-D4eUzywtSEPRcQC-AZYsrpuy0TwVaUpOYngjOnWkNOEAndUuMVFWfPrbaqpgE7CJwDDGBz5MH3ojy2CnH5hKK_WbAfzqg7fcU-YOM/s1600/_notavailable.jpg. |
| featured_button | hide / none | If set to hide / none the "read more" button will not display below the featured post.Default: false |
| featured_button_text | text / string | If set to true the the custom text to display at the button below post description & image.Default: Read More |
| featured_comments | hide / none | If set to hide / none the comment link will not display below post title.Default: false |
| featured_date | hide / none | If set to hide / none the date the posts is published date will not display below post title.Default: false |
| featured_summary | hide / none | If set to hide / none the posts summary will be hidden/nor displayed below post image.Default: false |
| featured_summary_chars | number/integer | If featured_summary is set to true, the amount of characters displayed for post summary.Default 160 |
| featured_author | hide / none | If set to hide / none the author link will be hidden / not displayed below the post title.Default: false |
| featured_author_label | text/string | If featured_author set to true, the text to display as author label.Default none |
| featured_author_name | text/string | If featured_author set to true, optional to display a custom name linking to blog posts.Default: Google+ author name |
| featured_author_url | url | If featured_author set to true, optional to update the url link to other profile pages.Default: Google+ author link |
| featured_author_image | url | If featured_author set to true, optional to display the author image with Google+ profile. Add in the url to an uploaded image. Image size will be cropped to 80px X 80px.Default: Google+ profile image |
| featured_display_column | number/integer | The amount of column grid to display the featured posts at featured section. Available options - 2 / 3 / 4 / 6 Default: 2 |
| featured_destroy | true or false | If set to true deactivates Featured Section & it's functions.Default: false |
4.6 Image Slider
The image slider can be customized via the following set-ups.
| Location | Theme Config | |
| Parameter (Name Field) | Values to Set (Links Field) | Description |
|---|---|---|
| image_slider_speed | number/integer | The timing in m/s the image slider transitions.Default 400 |
| image_slider_autoplay | number/integer | The timing in m/s the autoplay will commenced.Default 4000 |
| image_slider_transition | linear or ease | The image slider transition.Default is linear |
| image_slider_fade | true or false | The image slider images transition effects. If false image slider will use the linear transitions sliding from left to right.Default true |
| image_slider_autoplay_stop | true or false | The allow the autoplay to stop at time given at image_auto_playDefault: true |
| image_slider_infinite | true or false | The images displayed on an infinite loop.Default: true |
| image_slider_pause_on_hover | true or false | If set to true image slider transition will pause on mouse over & touch swipe.Default false |
4.7 Quick Shop (Modal Pop Over)
A unique e-commerce like feature which allows your users to shop, view your product, add selection, add to cart right, add to wishlist from your gallery pages.
This feature also has social icons embed to allow users to share your product instantly to their social networks.
| Location | Theme Config | |
| Parameter (Name Field) | Values to Set (Links Field) | Description |
|---|---|---|
| quickview_description_chars | number/integer | The amount of characters to display for the product summary.Default: 160 |
| quickview_link | text/string | The text to display at the quick view button to the detail product page.Default: View Details |
| quickview_google | url | The url to your Google profile page. Once entered activate the icon & links at pop over product view. Including a url here will display the icon.Default: not displayed |
| quickview_twitter | url | The url to your Twitter profile page. Once entered activate the icon & links at pop over product view. Including a url here will display the icon.Default: not displayed |
| quickview_facebook | url | The url to your facebook profile page. Once entered activate the icon & links at pop over product view. Including a url here will display the icon.Default: not displayed |
| quickview_instagram | url | The url to your Instagram profile page. Once entered activate the icon & links at pop over product view. Including a url here will display the icon.Default: not displayed |
| quickview_linkedin | url | The url to your LinkedIn profile page. Once entered activate the icon & link at pop over product view. Including a url here will display the icon.Default: not displayed |
| quickview_pinterest | url | The url to your Pinterest profile page. Once entered activate the icons & link at pop over product view. Including a url here will display the icon.Default: not displayed |
4.8 Facebook Pop-over Greeting
This Blogrcart theme comes with an automated Facebook pop over-greeting which helps bring you more likes to your Facebook fanpage.
| 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.Default: false |
| fb_page | text/string | The URL to your Facbook page.Default: null |
| More Options | ||
| 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: 10000 (10 seconds). |
4.9 Subscribe Email Pop-over
This Blogrcart theme comes with an automated Subscribe Store Email which is a very handy & powerful marketing tool for your Blogger store.
To use this function, the Subscribe by Email widget by Blogger must be installed at your theme. Please activate Google Feedburner " Subscribe " services attached to your new Blogger store which would be listed under your current Blog name at feedburner.com .
The services at feedburner.com is free.
| Location | Theme Config | |
| Parameter (Name Field) | Values to Set (Links Field) | Description |
|---|---|---|
| Required to activate | ||
| sub_popup | true or false | Set to true to activate the Subscribe by Email Pop-over greeting functions.Default: false |
| More Options | ||
| sub_expires | number/integer | The number in days your Subscribe by Email pop-over will re-activate upon users first visit. If none entered, the Subscribe by Email pop-over will re-activate to the same user in 1 day. If none is entered, this plug-in will be activated for each users visits. A value of 0 (zero) will be ignored.To test out your customization, set this value to 0 & refresh your Blogger page. Once satisfied make sure you change the pop-over expires date here. Default: 1 |
| sub_title | text/string | The text displayed as your Subscribe by Email pop-over header.Default: Subscribe Our Newsletter |
| sub_content | text/string | The secondary text displayed below your Subscribe by Email pop-over header title.Default: Get awesome discounts right to your email. |
| sub_button_text | text/string | The " Submit " button text displayed at your Subscribe by Email pop-over form.Default: Yes, I want It! |
| sub_placeholder_text | text/string | The text displayed inside Subscribe by Email email input field.Default: Your Email Here... |
| sub_timer | number/integer | The timing in miliseconds the pop-over will initiate.Default: 10000 (10 seconds). |
4.11 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 Config | |
| 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 stateDefault: 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 |
This BlogrCart Theme also comes with troubleshooting helpers. If you feel that the configurations set is not functioning as expected, press F12 on your computer keyboard and view your browser Console Logs.
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.
