Shopify B2B-only Content

b2b only products (hiding products) important to note if you are looking to customise the behaviour of your shopify store, we strongly recommend engaging a shopify expert to assist whilst we can provide an overview of how to approach making customisations, our team cannot assist in applying any code changes if you're running both b2b and dtc within the same shopify store , there may be a range of products that you want to only show and be purchasable to logged in b2b customers perhaps they can only be purchased in high volumes or they are exclusive to your b2b customers there are a number of options you could consider to achieve this you could create a b2b only collection and redirect customers to this once they login if you wanted to show special b2b only products, you would need to create these as separate products within shopify (i e with unique skus, etc) with sparklayer pricing, if you don't upload a price against a sku, the b2b customer won't be able to purchase it so this is a way to prevent them from adding items you don't want them to purchase it's possible to achieve this by using shopify's tagging system making it easy to hide and show products based on who the customer is https //www sparklayer io/blog/2021/11/21/shopify b2b tips/#feature 2 to make things easier, the shopify app store also has a number of third party applications that make this possible and one we recommend is https //apps shopify com/locksmith you can read our docid\ y9a 1nx6 3h7nngjrx8ej hiding variants looking to hide variants for specific b2b customer groups? docid\ m3df4f0eyc2rm vuarg9h hiding prices if you have a dedicated b2b shopify store and want to fully hide prices from your logged out customers, you can do this by adding special code to your storefront theme typically you could apply this to the product cards that show on your collection pages (e g on /collections/all ) the code for product cards is typically found in the /snippets/ directory, e g /snippets/card product liquid the product details page this is typically found in the /sections/ directory, e g /sections/main product liquid to get started, you can adapt our example code below this code simply shows some html code if the customer browsing the site is not a logged in b2b customer {% if customer metafields sparklayer authentication %} {% else %} please sign in to see pricing {% endif %} b2b only content within shopify, you can very easily adapt your shopify code to show (or hide) content based on who the customer is this means, for b2b customers, you could show additional links in the navigation, content on the homepage or product pages, or even hide content from showing the code to do this is very simple and we've included a sample below {% if customer tags contains 'b2b' %} show this content to logged in b2b customers {% else %} show this content to logged out customers {% endif %} b2b only metafields shopify also has a powerful feature called metafields that allows you to extend product data to include additional content specific to a product sku in the context of wholesale (b2b) ordering, it can be a great way to enrich your product pages with additional wholesale specific information such as bar codes, marketing content, and anything else you can learn more about metafields in docid\ bxwngb6b1n7qffhtnu7pk setting up metafields on shopify to learn more about how to configure metafields on shopify for sparklayer, please refer to docid\ bxwngb6b1n7qffhtnu7pk once you've populated additional content against your products, you can then update your product detail template to render the data here's a sample that renders additional product information but only if a customer is signed in and has a tag of b2b assigned against them for any other customer, this additional content will be hidden from view {% if customer tags contains 'b2b' %} {%assign custom attributes = product metafields products %} {%if custom attributes size > 0 %} additional wholesale information {% for field in custom attributes %} {% assign attribute code = field | first %} {% assign attribute value = field | last %} {{ attribute code }} {{attribute value}} {% endfor %} {%endif%} {% endif %} if you're using docid\ bxwngb6b1n7qffhtnu7pk on your shopify store and want to display these to the customer (e g on a collection page or product detail page), you can do this by adding special liquid code to your shopify theme {% if customer tags contains 'b2b' %} {% if product metafields sparklayer pack size %} pack size {{ product metafields sparklayer pack size }} {% endif %} {% endif %} learn more about metafields for learn more about how metafields work on shopify, please https //help shopify com/en/manual/custom data/metafields b2b only navigation menu it's possible to create a b2b only navigation menu for your store that you can show to logged in customers it works by using shopify's built in menu system and then applying some special logic that shows for b2b customers first, you'll need to create a new menu in your shopify store from the "navigation" section of shopify (you https //admin shopify com/menus ) proceed to set up your menu, making note of the "handle" next, you'll need to locate the liquid file where the menu is setup (normally this is within /sections/header liquid ) you should see a line of code that looks roughly like this {% for link in menu links %} once you've located this, replace this with the below code, making a note to change b2b menu to the handle set up above {% if customer metafields sparklayer authentication %} {% assign menu = linklists b2b menu %} {% else %} {% assign menu = linklists main menu %} {% endif %} {% for link in menu links %} if you're using the docid\ lhku0 g 4gvef1jamgxmo , you can edit the following files /snippets/header drawer liquid /snippets/header dropdown menu liquid /snippets/header mega menu liquid you can repeat this process for your website footer if you want that to vary based on a b2b customer being logged in or logged out using the shopify b2b dawn theme? this theme comes with a ready made b2b navigation menu docid\ lhku0 g 4gvef1jamgxmo hiding content for b2b customers (via css) just as above in "showing b2b only content", it's also possible to do the inverse and hide content from b2b customers one of the easiest ways to do this is by using special css which allows you to selectively hide elements based on whether a customer is logged in or not in the example below, this css is only loaded when a b2b customer is signed into your store {% if customer metafields sparklayer authentication %} \<style> element name { display none !important; } \</style> {% endif %} please note when hiding content via css, the content will technically still be loaded on your website and can be access in the source code (such as via search engines) please bear this in mind when controlling the display of content via css conditional content based on customer tag it's possible to apply logic to render different behaviour within the sparklayer core script code for example, you may have a docid\ o3ndhzbcxiswh6m6satdt that you only want to show to customers with a specific tag you can use the example code below as a starting point \<! sparklayer core script code > {% for tag in customer tags %} {% if tag == "b2b group 1" %} \ code in here for group 1 {% elsif tag == "b2b group 2" %} \ code in here for group 2 {% else %} \ code in here as fallback {% endif %} {% endfor %} \<! sparklayer core script code > redirecting urls based on url within shopify, it's possible to redirect a logged in b2b customer based on a specific url for example, you may want to redirect the b2b customer from the homepage (the index url) to a dedicated b2b collection page (e g collections/b2b ) to set this up, within the layout/theme liquid file, before the closing \</head> tag, simply add the below code, adjusting to your needs {% if customer metafields sparklayer authentication %} {% if template contains 'index' or request path == '/index' or request path == '/pages/your specific url' %} \<script> window\ location href = '/collections/all'; \</script> {% endif %} {% endif %} redirecting urls for logged out customers if you're looking to 'block' specific urls based on a customer being logged in or logged out, this can be done relatively easily within shopify if a customer is signed in or logged out, you can perform a simple redirect using javascript to set this up, within the layout/theme liquid file, before the closing \</head> tag, simply add the below code, adjusting to your needs {% if customer metafields sparklayer authentication %} \<! do nothing for logged in b2b customers > {% else %} {% if request path == '/path to page here' or request path == 'path to another page here' %} \<script> window\ location href = '/url to redirect to'; \</script> {% endif %} {% endif %}