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.
Update: If however you could not find Store Configuration & Theme Configuration helper widget pre-installed with theme at your dashboard, it is most likely hidden away due to Blogger layout styles conflict. To display these widget:-
- Go to
Template HTML - Scroll to bottom & you will reach below:-
<b:section class='plug-ins sr-only hidden' id='plug-ins' name='Settings & Config (Activate Plug-ins Widget Below)' showaddelement='no'>
- Remove class by name "hidden" and
Save Template. - Now at dashboard layout the widget helpers will display for you to custom set your settings.
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
Click
PreviousAdd 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
Theme How To's
4.0 Theme Personalisations
4.2 Store & Theme 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 | Default Value |
|---|---|---|---|
| alert_cart_added | text/string | The text or notification displayed when cart is added to cart. | Your item has been added. |
| alert_cart_empty | text/string | The text or notification displayed when no items in cart. | 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. | Other shipping selected. Please continue to send orders. |
| shipping_limit_alert | text/string | The text or notification displayed when items exceeds shipping limit weight. | Items exceeds weight limit. Please reduce items selection. |
| alert_shipping_select | text/string | The text or notification displayed when a shipping select option is N/A. | Please select a shipping option |
| shipping_weight_text | text/string | The text displayed at shipping weight update when users select a shipping option. | Est. weight: |
| alert_submit_error | text/string | The text or notification displayed when form input required fields is not filled. | 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. | false |
| store_maintenance_text | text/string | The text or notification displayed when store_maintenance is set to true (activated). | 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. |
| contact_form_button | text/string | The text displayed at the contact form submit button. | Contact Us |
| paypal_wait_text | text/string | The text or notification displayed when Paypal submit button is clicked & waitng response to Paypal checkout page. | Obtaining secured connection with Paypal. Please Hold. |
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 | Default Value |
|---|---|---|---|
| Required to activate at Instagram Section | |||
true | At Instagram widget, add this parameter with a value true to activate Instagram plug-in. | false | |
| Customize Instagram 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. | blogrcart |
| More Options | |||
| insta_display | number/integer | The total amount of images to display at the Instagram widget. Max images allowed by Instagram is 60. | 12 |
| insta_get | taggedpopularlocation | The get method to call Instagram images.If location used - at insta_hashtag use a locationId to call the location images. | tagged |
| insta_image | thumbnaillow_resolution | The available image size provided by Instagram API. If thumbnail image size 150px x 150pxIf low_resolution image size 306px x 306px. | thumbnail |
| insta_sortby | most-recentleast-recentmost-likedleast-likedmost-commentedleast-commentedrandom | The sorting of the Instagram images displayed. | most-recent |
| insta_client_id | number/integer | A unique client ID provided by Instagram via Instagram API for public usages.You can create your own Instagram Id at Instagram website under the API link | BlogrCart theme public client id at Instagram. |
4.4 Homepage Image Carousel
The image slider/carousel can be customized via the following set-ups.
| Location | Theme Config | ||
| Parameter (Name Field) | Values to Set (Links Field) | Description | Default Value |
|---|---|---|---|
| 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 %20By 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. | null |
| 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. | 10 |
| featured_image | true or hide | Display the post images at image carousel. Set to hide to not show images. | true |
| featured_image_size | number/integer | Set the image size in pixel to receive from feed | 640 |
| featured_image_height | number/integer | Set the height of the image carousel in pixels. | 640 |
| featured_image_width | number/integer | Set the width of the image carousel in pixels or percentage. If none provided the image carousel height uses CSS applied. 100% | 100% |
| featured_default_image | url | The default image to display if an image is not found/retrieved from store's blog posts.Default: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBOHibKyAlaZtJwpqvFuhKJJoBCouCDL7VLWOzESuQqL6ycfiTPcDPwtaH3VRnm0ODt5OJxr04Po47BQe2hgZqZlL3twJsM0MnnK5M6RMrgKXHjJ335V4cgt4xpstm2ywuWLrwlSXurWk/s1600/_notavailable.jpg | https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBOHibKyAlaZtJwpqvFuhKJJoBCouCDL7VLWOzESuQqL6ycfiTPcDPwtaH3VRnm0ODt5OJxr04Po47BQe2hgZqZlL3twJsM0MnnK5M6RMrgKXHjJ335V4cgt4xpstm2ywuWLrwlSXurWk/s1600/_notavailable.jpg |
| featured_button | true or hide | If set to hide the featured click to action button/link will not display. | hide |
| featured_button_text | text/string | The text to display if featured_button is set to true. | View Details |
| featured_summary | true or hide | If set to hide the product summary will not display. | true |
| featured_summary_chars | number/integer | The amount of text characters to display at post image summary if featured_summary is set to true | 160 |
| featured_price | true or hide | If set to hide the product price will not display (if it is available ). | true |
| featured_currency_after | true | If set to true displays the currency after the price text if featured_price is set to true. | false |
| featured_status | true or hide | If set to hide will the product status will not be displayed ( if it is available ). | true |
| featured_destroy | true or false | If set to true deactivates image carousel plug-ins. | null |
| featured_facebook | url | Add parameter in name field & at Link field add the url to the respective social media profile pages of choice. | null |
| featured_pinterest | url | Add parameter in name field & at Link field add the url to the respective social media profile pages of choice. | null |
| featured_twitter | url | Add parameter in name field & at Link field add the url to the respective social media profile pages of choice. | null |
| featured_google | url | Add parameter in name field & at Link field add the url to the respective social media profile pages of choice | null |
| featured_fb_text | text/string | The text displayed for social sharing link. | |
| featured_pinterest_text | text/string | The text displayed for social sharing link. | Pin |
| featured_twitter_text | text/string | The text displayed for social sharing link. | Tweet |
| featured_google_text | text/string | The text displayed for social sharing link. | Circle |
| Image Slider/Carousel Settings settings at Featured Config | |||
| image_slider_speed | number/integer | The timing in m/s the image slider transitions. | 400 |
| image_slider_autoplay | number/integer | The timing in m/s the autoplay will commenced. | 4000 |
| image_slider_transition | linear or ease | The image slider transition. | linear |
| image_slider_fade | true or stop | The image slider images transition effects. If false image slider will use the linear transitions sliding from left to right. | true |
| image_slider_autoplay_stop | true or stop | The allow the autoplay to stop at time given at image_auto_play | true |
| image_slider_infinite | true or stop | The images displayed on an infinite loop | true |
| image_slider_pause_on_hover | true or false | If set to true image slider transition will pause on mouse over & touch swipe. | false |
Sellfy Featured Store
Activate & customize your store Facebook pop over, comments & fanpage functions.
Activate & customize your store Facebook pop over, comments & fanpage functions.
4.5 Sellfy Featured Store Integration
This Blogrcart theme also displays your Sellfy.com store at homepage or wherever a pre-defined tag is placed. Find below the available setting for customisations.
All changes at your Sellfy.com store will also automatically update here, which includes the product image, product price etc.
| Location | Theme Config | ||
| Parameter (Name Field) | Values to Set (Links Field) | Description | Default Value |
|---|---|---|---|
| Sellfy.com Featured Store display at Homepage | |||
| sellfy_store | true or hide | Set to hide to de-activate Sellfy.com featured store at Homepage | true |
| sellfy_username | text/string/numbers/integers | The username used when registering your free account at Sellfy.com websites. You can find or customize your username at Sellfy.com > Dashboard > click on your profile image > find Settings > find Username section. | null |
| sellfy_store_width | text/string | Specify a width in percentage of pixels for the Sellfy.com featured store. | 100% |
| sellfy_store_height | text/string | Specify a width in percentage of pixels for the Sellfy.com featured store. | 760px |
| sellfy_store_scrollbar | yes or no | Displays a scrollbar at your Sellfy.com store container. If set to no removes the scrollbar. | null |
| sellfy_store_classname | text/string | A unique class name to set your store tag. This unique class name is used when targeting specific styles to multiple Sellfy.com stores you require to display for a single page. | null |
| sellfy_store_css | text/string | Any CSS rules to target multiple Sellfy.com stores you are displaying on a single page. | null |
| Using pre-defined tags to display a Sellfy.com store at any location. | |||
Include below tag to display a sellfy.com store anywhere at your blog pages.<div class="sellfy-store" data-username="YOUR-STORE-NAME" data-height="" data-width="" data-scrollbar="" data-classname="" data-css=""></div> Find below the details explanations. | |||
data-username | The username used when registering the free account at Sellfy.com websites. You can find or customize your username at Sellfy.com > Dashboard > click on your profile image > find Settings > find Username section. | ||
data-height | Specify a width in percentage of pixels for this Sellfy.com featured store. | ||
data-width | Specify a width in percentage of pixels for this Sellfy.com featured store. | ||
data-scrollbar | Displays a scrollbar for this Sellfy.com store container. If set to no removes the scrollbar. | ||
data-classname | A unique class name to set this store tag. This unique class name is used when targeting specific styles for multiple Sellfy.com stores you require to display on a single page. | ||
custom css rules | by using this specified data-classname you can use sellfy_store_css to include the specific styles for this tag. | ||
Product Post Image Carousel/Slider
Allows to display images on product posts in an image carousel slide effect.
Allows to display images on product posts in an image carousel slide effect.
4.8 Product Image Carousel/Slider
At product post, all images in the main product box section, & thumnbnails product box sections will be grouped & displayed in an image carousel.Users can slide/swipe through all the images uploaded via the Blogger post editor. Below are some of the customization made available.
| Location | Theme Widget | ||
| Parameter (Name Field) | Values to Set (Links Field) | Description | Default Value |
|---|---|---|---|
| product_slide_size | number/integer | The amount in px the image size for product image carousell | 640 |
| product_slide_autoplay | text/string | If set to stop the product image slider autoplay functions is deactivated. | true |
| product_slide_autoplay_speed | text/string | The amount of time in miliseconds for the product image carousel to allow for auto play. | 4000 |
| product_slide_infinite | true or stop | If set to stop the product image slide will stop at the last image. | true |
| product_slide_speed | integer/number | The amount of time in miliseconds for an image carousel transition. | 400 |
| product_transition | linear or cssEase | If set to cssEase will move the product post images on a horizontal left to right motion/direction. | linear |
| product_fade | true or stop | If set to stop the product image carousel transition effects will not fade & uses linear left to right motion. | false |
| product_slide_destroy | true or false | If set to true deactivates the product post image carousel and the images will display static. | 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.
