Hi @Vaishali-Agarwal
I have made the changes as mentioned by you
I have got the option from the backend as you can see in the screenshot.

Buy Now button becomes visible only in the bliss theme.
How to make it visible in the Velocity theme also???
I am sharing some part of the product page source code below:
<script type='text/javascript' src='https://unpkg.com/[email protected]/release/spritespin.js'></script>
<script type="text/x-template" id="product-view-template">
<form
method="POST"
id="product-form"
@click="onSubmit($event)"
action="http://localhost/bagisto-new/public/checkout/cart/add/1">
<input type="hidden" name="is_buy_now" v-model="is_buy_now">
<slot v-if="slot"></slot>
<div v-else>
<div class="spritespin"></div>
</div>
</form>
</script>
<script>
Vue.component('product-view', {
inject: ['$validator'],
template: '#product-view-template',
data: function () {
return {
slot: true,
is_buy_now: 0,
}
},
mounted: function () {
let currentProductId = 'wall-painting';
let existingViewed = window.localStorage.getItem('recentlyViewed');
if (! existingViewed) {
existingViewed = [];
} else {
existingViewed = JSON.parse(existingViewed);
}
if (existingViewed.indexOf(currentProductId) == -1) {
existingViewed.push(currentProductId);
if (existingViewed.length > 3)
existingViewed = existingViewed.slice(Math.max(existingViewed.length - 4, 1));
window.localStorage.setItem('recentlyViewed', JSON.stringify(existingViewed));
} else {
var uniqueNames = [];
$.each(existingViewed, function(i, el){
if ($.inArray(el, uniqueNames) === -1) uniqueNames.push(el);
});
uniqueNames.push(currentProductId);
uniqueNames.splice(uniqueNames.indexOf(currentProductId), 1);
window.localStorage.setItem('recentlyViewed', JSON.stringify(uniqueNames));
}
},
methods: {
onSubmit: function(event) {
if (event.target.getAttribute('type') != 'submit')
return;
event.preventDefault();
this.$validator.validateAll().then(result => {
if (result) {
this.is_buy_now = event.target.classList.contains('buynow') ? 1 : 0;
setTimeout(function() {
document.getElementById('product-form').submit();
}, 0);
}
});
},
}
});
window.onload = function() {
var thumbList = document.getElementsByClassName('thumb-list')[0];
var thumbFrame = document.getElementsByClassName('thumb-frame');
var productHeroImage = document.getElementsByClassName('product-hero-image')[0];
if (thumbList && productHeroImage) {
for (let i=0; i < thumbFrame.length ; i++) {
thumbFrame[i].style.height = (productHeroImage.offsetHeight/4) + "px";
thumbFrame[i].style.width = (productHeroImage.offsetHeight/4)+ "px";
}
if (screen.width > 720) {
thumbList.style.width = (productHeroImage.offsetHeight/4) + "px";
thumbList.style.minWidth = (productHeroImage.offsetHeight/4) + "px";
thumbList.style.height = productHeroImage.offsetHeight + "px";
}
}
window.onresize = function() {
if (thumbList && productHeroImage) {
for(let i=0; i < thumbFrame.length; i++) {
thumbFrame[i].style.height = (productHeroImage.offsetHeight/4) + "px";
thumbFrame[i].style.width = (productHeroImage.offsetHeight/4)+ "px";
}
if (screen.width > 720) {
thumbList.style.width = (productHeroImage.offsetHeight/4) + "px";
thumbList.style.minWidth = (productHeroImage.offsetHeight/4) + "px";
thumbList.style.height = productHeroImage.offsetHeight + "px";
}
}
}
};
</script>