Access our premium support and let us know your problems, we will help you solve them.
0
No products in the cart.

Shopify Theme FAQs

We would like to thank you for purchasing BZOTech’s Shopify Themes. If you are customizing the theme and can’t find your solution in our documentation, please go over this material. Here are common customizations for our Shopify Themes. This documentation will be regularly updated. You can bookmark it to keep in touch with our news.
If you have any question, please feel free to contact us!

If you are facing this issue while uploading theme, please unzip the package first. Then install the theme package in Theme folder.

In Sections -> edit footer.liquid, line 111 remove this box:

blank

blank

Go to assets/bs-product-detail.css file, find these code lines:

.product-single #product-variants .swatch label {
    background: #ededed;
    margin: 0 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

and replace them with these ones, you can adjust the padding value to fit your requirements:

.product-single #product-variants .swatch label {
    background: #ededed;
    margin: 0 5px;
    min-width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    padding: 0 5px;
}

blank

Go to Assets/bs-product-detail.css file, find these code lines and add max-width attribute.

blank

blank

3.1. Change breadcrumbs image

Go to Online Store -> Themes -> Customize -> Theme settings -> BREADCRUMBS:

blank

3.2. Change breadcrumbs image size

Go to file: assets/bs-component.css, find these code lines:

.breadcrumbs-title {
background: url(bg-breadcrumbs.jpg) no-repeat top center;
background-size: cover;
text-align: center;
padding: 80px 0;
margin-bottom: 60px;
}

and replace theme with these ones, you can adjust the padding value to fit your requirements:

.breadcrumbs-title {
background: url(bg-breadcrumbs.jpg) no-repeat top center;
background-size: 100%;
text-align: center;
padding: 60px 0;
margin-bottom: 60px;
}

Please go to Admin -> Online store -> Themes -> Customize -> Theme settings -> FAVICON and change your favicon.

blank

Please go to Admin -> Settings -> Customer accounts -> Select 'Show login link in the header of online store and at checkout' and save.

blank blank

From your Shopify admin, click Settings => Scroll down to Select setting General => change formatting to open the Currency Formatting section:
blank

Set up HTML with currency and HTML without currency as below and click Save
blank

In Sections\bs-product.liquid file

Find /* VARIANT IMAGE */ code lines and replace these code lines with the ones below:

/* VARIANT IMAGE */
console.log("variant", variant);
if (variant && variant.featured_image) {
//var originalImage = $("img[id|='product-featured-image']");
var originalImage = $(".product-photo-container .product-featured-img");
var newImage = variant.featured_image;
var element = originalImage[0];

Shopify.Image.switchImage(newImage, element, function (newImageSizedSrc, newImage, element) {
jQuery(‘.slider-nav img’).each(function() {
var grandSize = jQuery(this).attr(‘src’);
console.log(“newImage”, newImage.src);
console.log(“grandSize”, grandSize);
grandSize = grandSize.replace(‘_110x110’,”);
if (grandSize == newImage.src ) {
jQuery(this).closest(‘.item’).trigger(‘click’);
return false;
}
});
});
}

In which, grandSize = grandSize.replace(‘_110x110’,”); => depends on each site:

blank

Go to Online Store -> Themes -> Customize -> Theme Settings -> Newsletter Popup

blank blank

To change site language: In Admin > Settings > Languages blank To change the default theme content: In Admin > Online Store > Click on 3 dots > Edit default theme content blank blank => Read more: Shopify Localization and translation

 For translation errors:

Translation missing: en.general.search.placeholder or message like this

Please copy the content of this file locales/en.default.json to your language file and translate. There some language codes are declared in this file.

blank

If your product pages do not open and keep loading.

Go to Online Store -> Themes -> Customize -> Theme Settings -> Currency and unselect ‘Enable currency conversion’ option.

blank