Hello World 🦄 From A Little Online Shop

Hello World from Shopalino 🏪

Hi Great Developers, Bloggers, and SEO gurus. Nice to meet you all. Finally, we decided to create an account at https://dev.to/ and start posting.

How we started our Online Shop ✅

We joined the most powerful community as we want to learn more. Recently we creating an Online Store on Shopify. It may seem simple but it is not. If you have ever tried starting a company, by now you will know that it will require a lot of work to get that first order, sale or lead.
Here is a small tip that we found useful and you can use it for free

How to make your free announcement bar on your Shopify Store 🛒

	<style>
	.announcement-bar {
	background-color: {{ section.settings.announcement_bar_color }};
	text-align: center;
	text-decoration: none;
	}
	.announcement-bar__message {
	font-size: large;
	padding: 10px;
	color: {{ section.settings.announcement_bar_text_color }};
	}
	</style>
	{%- if section.settings.show_announcement -%}
	{%- if section.settings.home_page_only == false or template.name == 'index' -%}
	{%- if section.settings.link == blank -%}
	<div class="announcement-bar">
	{%- else -%}
	<a href="{{ section.settings.link }}" >
	{%- endif -%}
	<p class="announcement-bar__message">{{ section.settings.text | escape }}</p>
	{%- if section.settings.link == blank -%}
	</div>
	{%- else -%}
	</a>
	{%- endif -%}
	{%- endif -%}
	{%- endif -%}
	{% schema %}
	{
	"name": "Announcement bar",
	"settings": [
	{
	"type": "checkbox",
	"id": "show_announcement",
	"label": "Show announcement",
	"default": false
	},
	{
	"type": "checkbox",
	"id": "home_page_only",
	"label": "Home page only",
	"default": true
	},
	{
	"type": "color",
	"id": "announcement_bar_color",
	"label": "Background color",
	"default": "#000000"
	},
	{
	"type": "color",
	"id": "announcement_bar_text_color",
	"label": "Text color",
	"default": "#ffffff"
	},
	{
	"type": "text",
	"id": "text",
	"label": "Announcement text",
	"default": "Announce something here"
	},
	{
	"type": "url",
	"id": "link",
	"label": "Announcement link"
	}
	]
	}
	{% endschema %}

view raw announcement-bar.liquid hosted with ❤ by GitHub

Dear community and experienced developers, we are new here so please don't judge. We wanted to share this code as it may help someone out there.

If you have a shop online based on Shopify you can copy and paste the below code to make this free announcement bar. Of course, you can edit it up to your likings.

Have a nice day and if your like this post hit the love button

Kind Regards,
Shopalino