Knowledge Base
General
Quick answers about our company, services, policies, and essential information you need.Shopify
Explore our Shopify Knowledgebase for helpful guides, tips, and best practices on creating and customizing your Shopify store.
Recent Articles
Add padding and button style to popup link
Add CSS: .popup-link__button { background-color: #013a34; color: white; border-radius: 15px; } .popup-link__button:hover { background: black; color: white; } .popup-link__content--drawer { background-color: #e5e5e5; }Make popup link form fillable on hero banner
In theme css, add the followings: .popup-link__content--drawer { background-color: #e5e5e5; z-index: 9999 !important; pointer-events: auto; }Poplink Link form issue on hero section
In css, add the followings: .popup-link__content--drawer { z-index: 9999 !important; pointer-events: auto; }Hide price when price is zero
In price.liquid, replace: {% render 'price', show_unit_price: true, product_resource: product_resource, show_sale_price_first: block_settings.show_sale_price_first %} with {% if product_resource != blank and product_resource.price > 0 %} {% render ...Hide placeholder when image is N/A storewide
Add the following in base.css /* Hide all placeholder images storewide */ img[src*="placeholder"] { display: none !important; } /* For background placeholders */ [class*="placeholder"], .placeholder { display: none !important; background: none ...
Popular Articles
Make all filter expand by default
Go to Online Store >Theme >Edit code. Search file theme.liquid Paste the below code before </body> of the file -> Save <script> window.addEventListener('DOMContentLoaded',(event)=>{ document.querySelectorAll('facet-filters-form ...Adding Custom Fonts to Shopify
Download font file and convert it to woff2 format Upload the font to asset file 3. add it to base.css 4. We can use for any element now.Increase width of policy pages
Go to Online Store > Theme > Edit code of your current theme Open your base.css theme file Paste the below code at the end of the css .shopify-policy__container { max-width: 95% !important; } .shopify-policy__container h1 { text-align: left; ...Make parent link clickable
Snippets > header-mega-menu.liquid (l.19-25) Parentlink {%- assign parentlink = link.links[0] -%} <a href="{{ parentlink.url }}" title="{{ parentlink.title }}"> <span {%- if link.child_active %} class="header__active-menu-item" {% endif %} > {{- ...Create a Video Background section
Create the section snippet, create a new snippet named: video-background.liquid and copy the following liquid into it. {%- if section.blocks.size > 0 -%} {%- for block in section.blocks -%} {%- assign img_url = block.settings.image | img_url: '1x1' | ...