Atlantic theme shopify

Find out your best Shopify theme and theme on shopify in less than two minutes

Find Shopify Theme — it's free

No difficulty

No complicated process

Track competitor's stores

BACK

Home Shopify Theme Atlantic theme shopify

The Best Shopify Themes for Your Online Store in 2022

in today's video i'm going to show you,how you can make one of the best online,stores out there with ecommerce themes,that are a designed to be fast and also,high converting so,shopify has rolled out five new free,themes and 65 updated paid themes that,work with online store 2.0 features,literally so exciting so i'm going to,take you guys through some incredible,shopify themes so that you guys can,decide which one is right for your,business in 2022. each one of these,offers industry leading performance and,deep customization but can we just get a,little sneak peek here okay let's look,at some of these amazing themes so first,of all look at this one this one's,called context and i just feel like it,would be perfect for someone who is,starting like a clothing store but maybe,wants a bit more of an editorial vibe,and then this one over here look at this,one this one's called loft and i feel,like it would be so good for anyone,selling home goods so that's just a,little preview but definitely stick,around till the end of this video,because i'm going to go through a ton of,themes and just discuss the specifics on,who they're good for and how they can,work for you and your business,okay guys so what exactly is a theme so,if you think about it themes are kind of,like the skeleton of your online store,it's just going to define what your,store is going to look like so for,example,in this theme over here,this has one main image for the banner,but if you look at this one it's going,to allow you to put two images for the,banner and a theme is also going to,define some of the functionality of your,store so for example when i click the,cart on this theme it pops up as a,sidebar and then when i click the cart,on this theme it's just going to take up,the whole page,so if you guys don't already know when,you create your online store with,shopify you can choose between either,free themes or premium themes and it's,really nice because there are more and,more free themes that are being released,recently so there's tons of options,there and then as of now there's also 60,paid themes and you can find a theme,that works really easily for yourself,because you can narrow it down by,industry price and then just basically,find the design that you're after okay i,know you guys are wondering are shopify,themes better than other themes out,there and i just want to say really,quickly just want to say this from the,jump shopify themes,are,amazing they're amazing first of all if,you are not tech savvy shopify themes,were going to be perfect for you because,all of the features that you need,already come built into your theme,you're probably,never going to need to hire developer,because 99 if not 100 of what you need,already comes built into your theme,but but if you are a perfectionist like,me and let's say you do want to do like,a little tweaks and like edit,you can edit your store without touching,any code so let's just look at my screen,here for one sec because i actually do,th

The above is a brief introduction to Atlantic theme shopify

Let's move on to the first section of Atlantic theme shopify

Customize Slideshow Section For Shopify Store Homepage (Full Shopify Tutorial)

please like and subscribe for more,tutorial for beginners new videos every,day,so,now let's come to the next part of our,shopify website,so,you can see that we have our test store,which is written here and we need to,change our this,uh slideshow area where you're gonna,have some different images and,you're also gonna change the image and,you're gonna have some of these settings,which will make your website look more,professional and look more attractive so,let's go to this,slideshow,section at the very first,and then you need to click on this,slideshow part,as of the general settings it has show,on mobile uh shown desktop show on,mobile section height,and,these all options,so,and it also have its theme settings,so one thing it says that enable,transparent header so this transparent,header means that this header will come,along with this uh with the,you know,image so right now i'm just disabling,and you can see,a prior change how it looks,so it's taking some time,so now you can see that after i have,disabled the transparent background you,can see that our header and our,announcement bar and our slideshow both,are,like different from each other and,they're divided so it's up to your own,personal preference if you want to keep,this or if you don't want to keep that,but for the time being i'm just,disabling this part and keeping this,aside,so moving on let's go back,and now,let's click on this light show button,here,so you can see that it has so many,options called,background image this is for desktop and,background image for mobile well which,means that you can have different forms,of images available at both your mobile,and and both your like desktop and,so,let us just choose a picture,so,in shopify there are many free pictures,available for us to choose,but yes if you like don't want to use,these pictures and you don't want to,limit yourself here there are many,yeah there are many websites that are,related to stock photography which means,that,there are many many plenty of free,pictures taken by photographers and they,have uploaded these pictures for people,to use it for free so you really can use,these pictures uh in your website if you,really want them to do,so to go to a stock photography,website,so one of the websites related to stock,photography is pixels that i know,so i have already opened the,pixel for you and you can see these uh,we have lots and lots of images,you can really search in the search bar,for your,image purpose and you can see all of,their free stock photographies which,means that if you take these photos no,one will claim for copyright well the,owner of this photographs are pixels so,you can search for,any photography related thing you want,suppose you're in the baby niche you can,really select here for baby suppose,you're in the,like uh,toy niche you can select for toys so,here we have so many different things,for example,let's search for toys and let's see if,something comes up,so you can see there are many toy,pictures rel

After seeing the first section, I believe you have a general understanding of Atlantic theme shopify

Continue the next second section about Atlantic theme shopify

I Survived 50 Hours In Antarctica

- لقد هبطنا للتو في القطب الجنوبي،,وسنحاول البقاء أحياء خلال الـ50 ساعة القادمة هنا.,نحن حرفيًا في آخر الكوكب،,في أبرد مكان على الأرض.,لا أطيق صبرًا حتى أموت متجمدًا.,وها قد رحلت الطائرة.,حسنًا، إلى اللقاء.,والآن بعد أن غادرت تلك الطائرة،,لا مجال للمغادرة قبل مرور 50 ساعة.,- لقد علقنا.,- أولًا، يجب أن نسير باتجاه الجبال،,للحصول على بعض الحماية من الرياح.,- هذا أجمل مكان رأيته في حياتي.,- اصمت يا نولان.,- أرى عاصفة ثلجيّة قريبة.,يا لحظّنا السيّئ.,- الطقس سيئ جدًا بالفعل.,- هذا سيّئ جدًا! - يا للهول!,- ما احتمالات حدوث عاصفة ثلجية,حالما نصل إلى هنا؟,- الطقس بارد!,- جيمي، هذا جنون.,- هيا بنا!,- سنجهز للاحتماء في سفح ذلك الجبل.,عجباً! كدت أموت.,- القطب الجنوبي! القطب الجنوبي!,القطب الجنوبي!,- أُعلن هذا، مخيم بيست.,- تبلغ درجة الحرارة ناقص 30 تحت الصفر،,وإذا كنا سنصمد 49 ساعة أخرى--,- أمسك بها! أمسك بها!,- كادت خيمتي تطير بعيدًا,- نحتاج إلى مأوى بأسرع ما يمكن.,قال البرنامج التعليمي إن علينا تثبيتها بزاوية.,عجباً!,- لا أعرف، أسأنا تركيبها.,كيف تكون قريبة جدًا إلى الأرض هكذا؟,إنه في كمي!,- إنهم كالأطفال الصغار.,- قُضي علينا.,- إنهم يحرزون تقدمًا بالفعل.,- انظروا إلينا، نحن الأفضل!,- مخيم بيست يزدهر!,مشكلة شائعة في القطب الجنوبي,ألا وهي الطقس القاسي الذي يطيح بخيمتك.,يجب أن نقطع قوالب ثلج لتثبيت الخيام ضد الرياح.,لذا سنستخدم قوالب الثلج هذه,لبناء جدار والحفاظ على سلامة مخيمنا.,الحرارة انخفضت 20 درجة منذ وصولنا إلى هنا.,علينا بناء الجدار بشكل أسرع.,- يا للهول!,يا صاح، هذا بلا شك هو أصعب شيء قمنا به حتى الآن.,- مخيم بيست اكتمل الآن!,الآن وقد انتهى الجدار الجليدي،,نأمل ألا تطيح الرياح بخيامنا.,الجزء الصعب في القطب الجنوبي هو أن الشمس لا تغرب أبدًا.,لذا لا تعرف متى يحل الليل.,- تخبرني معدتي متى يحل الليل.,- وبماذا تخبرك معدتك الآن؟,- إنّه وقت العشاء.,- أهلًا بك، عزيزتي.,- يا إلهي، المكان أحمر هنا.,- وللعشاء، لدينا وجبات جاهزة.,- عجبًا!,- جيمي، هذا فظيع.,مرحبًا بكم في القطب الجنوبي.,- وفي حال كنتم تتساءلون,كيف تأكلون في أبعد مكان على الكوكب.,أولًا، تغلي الماء، ثم,تسكب الماء المغلي،,يجب أن تتوخى الحذر هنا.,ثم بعد 10 دقائق، تحصل على الطعام.,وهكذا نأكل في القطب الجنوبي.,- لا تعرفون كم طعمه لذيذ.,- أنا مستعد جدًا للنوم.,- في خيمتي يمكث نولان ودريم.,وكارل، من في خيمتك؟,- هذا أنا وتشاندلر وسابناب وجورج.,- ستخلد إلى النوم، صحيح؟,- نعم.,- أنا متعب جدًا وأشعر بالغثيان.,القطب الجنوبي ليس مكانًا جيدًا لتمرض فيه.,- لا يعرف جيمي أننا نحفر نفقًا.,- يا إلهي. - لنذهب.,- من الجنوني أنه في هذا العمق.,- جيمي، لا أظن أنني سأصمد 50 ساعة.,- تزداد سرعة الرياح،,لذا سنواجه صعوبة في النوم.,حسنًا يا رفاق، قبّلا بعضكما.,- الشمس لا تغرب أبدًا حرفيًا.,في القطب الجنوبي، لذا كانت الليلة الأولى قاسية.,- نحن في الصباح التالي،,ولا أعرف إن كان يُفترض بي مغادرة السرير أم لا.,لأن الشمس تشرق دائمًا.,- الصباح الأول، هذا بائس.,- القطب الجنوبي ليس مكانًا للمرح.,أنا مريض يا رجل.,استيقظت وأنا أسعل دمًا.,- قبل أن تغادر خيمتك في القطب الجنوبي،,تحتاج إلى سروال طويل وقميص طويل الكمين،,زوج ثانٍ من السراويل,وزوج ثالث من السراويل وسترة,وسترة لسترتك وقناع تزلج,وأيًا كان هذا، وقفازات، وقفازات لقفازاتك،,قفازات، ونظارات كي لا تتجمد مقلتا عينيك.,ورغم أنني أضع كل هذا، ما زال ممكنًا أن أُصاب بقضمة الصقيع.,مع دخول ال

After seeing the second section, I believe you have a general understanding of Atlantic theme shopify

Continue the next third section about Atlantic theme shopify

[Transparent + Sticky Header] How To Make Transparent and Sticky Header (Dawn Theme)

Hi guys welcome back to WebsSensePro i'm your host Bilal Naseer with another Shopify how-to video and ,in this video, we will learn how to make a transparent and sticky header in Dawn theme ,after implementing this tutorial you will have your header like this which will be transparent ,and when you scroll down it will be sticky and change its color to white,cool right also you will have option in your customize ,to disable this feature by just checking it out so if you go to customize and click on header ,you will have an option to disable the transparent header and you can also have you will also have ,option to disable the sticky header by default that's how the header of dawn theme looks like ,so that's the default header of dawn theme when you scroll it down it's not sticky but when you ,scroll up it shows up and after implementing this tutorial we will have it like this,so if you want to learn please stick to the video don't forget to subscribe to the channel ,comment on the video below if you have any confusion or questions ,and let's just get into the back end to implement the chord,so guys that's the tutorial which i'll be following i'll put the link ,in the video description so you guys can have all of the quotes now just let's go back to the admin ,and activate the fresh dawn theme which i have already installed,click on online store,so that's the dawn theme with already have which already have transparent header which i ,showed you guys so i i prepared all the code in order to preview you guys how it will look and ,that's the fresh copy of dawn which I added just 12 minutes ago ,okay now i'm going to publish it so we can start from the scratch,click on publish,and here we go now i have the fresh non-theme activated now i'm going to click on actions ,and then edit code before editing the code make sure to have the duplicate version save ,so click on duplicate and save your current state of the theme so because we'll be doing ,a lot of code edits and if you miss anything with miss any step or mistakenly delete any ,other line you can easily revert it back okay now let's hit refresh and that's how our store is now ,with the default header so when you scroll down it's not sticky and when you scroll up ,it's sticky now we'll make it to transform like this okay i'm going to close this one ,and just start work on the code i'm going to click on edit code,close this window as well okay now our first step is to go to ,header dot liquid and delete everything which is between ,these tags so that's how your code will look like and you will have to delete all of it,from top to bottom okay so i'm going to go to header.liquid,and search for,javascript here we go so that's a code and i'm going to delete out everything till and javascript,so that's all of the code which is currently added by default ,in dawn theme which is responsible to make the header sticky but it's not ,uh ideal sticky hea

After seeing the third section, I believe you have a general understanding of Atlantic theme shopify

Continue the next fourth section about Atlantic theme shopify

Learn How to Add Custom Field in Shopify Product Page (Debut Theme)

hello everyone welcome back with another video and today we are learning about ,shopify product page customization and in this tutorial we will be adding a custom field in our ,shopify product page so for example if you want to take input from your customer on the product page ,if you're selling a t-shirt or if you are selling a label type product where you want ,name printed so you can ask your customer uh in your product page about that input ,okay before we proceed to tutorial don't forget to subscribe the channel so i can create more ,videos for you guys okay now i'm already locked in the back end of the shopify and when you go to ,the back end you will need to find product file in your liquid files in this case we are using ,we are doing that in debuting you can do it on all of the themes so i'm gonna go to edit code,and then i will find product file product good liquid file ,that's the main file which all of the theme shopify should have and when i click on that,i can see the product liquid file is pulling two sections one is the product template and ,one is the product recommendations uh as i already have uh applied ,the code before creating this video i'm just gonna go to the product template that's the ,file where we will need to add the code in order to create the custom field for our product page,now once launched once the file is open we will find,and form so ideally we are looking for the form in our product file ,let me see where it's starting from ,okay so here's the form and form and that form is ending here so these so this all liquid code is ,responsible to display all of the information which is displayed here price size and all of ,the information which is showing up here what we will do we will add a chord before and form ,and uh i have already created the port before so i'm just gonna copy the cord,required plus visible on checkout ,i'm just going to copy the code and hit paste and let's save the field,now when i refresh the product page,as you can see the field is showing up here,i can add name for so for example if you want your t-shirt to have a custom name printed on it ,you can add this and it seems like i have to add the quantity in the product page ,let's do that as well because that's displaying that product has been sold,out,there we go we are seeing add to cart button and ,when i add custom name on this field and click on add to cart ,here you can see the custom field on your cart page and when you go to the checkout ,page continue shopping here's the card page and when i go to the checkout page,custom field is also visible on the checkout page so if you are the shop owner and ,you are looking for that custom field you can easily find that on your product details page ,on your order section on the backend so if someone orders a custom printed t-shirt you ,will see the custom printed name whatever input you have received from your customer,so there are multip

After seeing the fourth section, I believe you have a general understanding of Atlantic theme shopify

Continue the next fifth section about Atlantic theme shopify

Add a Note Field To Products in Shopify 2.0 - Gifts, Engravings, Customizable Products...

all right what's up guys today i'm going,to show you how to accomplish a very,common task in shopify this is for,stores that sell gifts like maybe it's,something with an engraving maybe it's a,bouquet of flowers maybe it's a gift box,like this either way customers need to,input some kind of,message some kind of note attached to,the gift or the text that's used for the,engraving whatever and this is another,one of those things that you can use an,app for but you can also just do it,easily enough,by writing just a little bit of code you,can copy and paste my code and you can,totally avoid having to install and pay,for an app and it's gotten even easier,with shopify 2.0 okay so we're just,going to be using the custom liquid,block type and we won't even have to,edit the theme or template code in that,case now one more thing that i want to,clarify is that the advantage of having,this message field this note field on,the product page is that the note gets,attached to each individual product so,you know you might already have a note,field on the cart page right but this,attaches the note to the entire order,and what happens if a person orders like,companies often do this they order a,gift for like 10 of their employees,and each gift needs to have a different,message right so in that case that's why,we need to put the message field on the,product and not on the entire order and,it will come through in your shopify,admin like this as you can see under,each product we have,a note and there it will be different,for each product so this works well for,large,uh company orders this tutorial is going,to be using dawn theme,and any variants of dawn so all of the,shopify,free themes that are,for os 2.0,uh they're all actually just dawn theme,as well with different presets okay so,this tutorial is going to work for them,if you're not using dawn it's going to,be a little bit more difficult for you,but i'm still going to explain what you,need to do and i think that you should,be able to figure it out it'll be almost,the same except there will be a few,differences in,the classes that you use for,the,look of the field and also the id of the,form almost everything else is going to,be the same and i'm going to walk you,through that as well on one last thing,if you want to copy and paste any of the,code that i use in this tutorial,you will find it all on my website,ed.codes under the tutorials link and,here i share the entire finished code,and just a quick summary of the steps,that we take and yeah that's all let's,get started i'm just going to hide the,field that i've already built okay so,we're going to start from scratch you,can code along with me we're going to,add a block,custom liquid block,and here it is,let's just type test so that we can see,where it appears on the page,and we can drag it to where we want it,to be so i want mine to be under the,quantity selector but above the buy,buttons and the first thing we're going,to do is to add a text area okay this is,a

After seeing the fifth section, I believe you have a general understanding of Atlantic theme shopify

Continue the next sixth section about Atlantic theme shopify

How does WooCommerce compare to Shopify?

good evening I thank you so much for,being here today I was in the restroom,when I when I heard Steve asked the,question how many people are here for,your first WordPress meetup couple,people cool,welcome welcome I'm excited for here my,name is Christie Chirinos I work at a,company called liquid web I'm wearing,the t-shirt and I'm the product manager,for manage to WooCommerce hosting I'm,over at Lucca web it's not my first job,in WordPress before that I was still am,one of the co-owners of the caldera,forms plugin which is a form building,plugin for WordPress that's available in,the repository worked closely with josh,paula to take that project from open,source project the commercial plugin,which according to Gabriel makes it more,safe so I love that and I transitioned,off the project and into my new role at,liquid web about 4 months ago,um which means that like many of you in,the room I had a lot to learn about new,commerce I had used it before as a user,right so using it to actually sell,things using WordPress but beyond that,and especially on a product manager at,hosting company offering a managed to,move commerce solution I didn't have,that under my belt and I was hired for,experience and ability to learn as,opposed to WooCommerce knowledge so I,was tasked with figuring out who,commerce and as we learned with Gabriele,WooCommerce is the major e-commerce,plugin for WordPress so we have about 13,sites using it it is lagging behind,Magento significantly but it's still the,second largest player which means that,more and more people are choosing to use,WooCommerce as their e-commerce solution,especially as WordPress takes a larger,share of the market which means that if,we're looking at ecommerce solution then,we're looking at WooCommerce and if,we're looking at WordPress continuing to,grow as a framework and beyond its,history it's a blogging platform then we,have to pay attention to luke commerce,it sounds like on the WordCamp New York,website there's a very informative talk,about WooCommerce that tells us the,history of it and how it came about but,the end of that story is that automatic,not owns it so automatic who runs,WordPress comm and owns all of the,trademarks for WordPress also owns,WooCommerce if they're paying attention,we should be paying attention so its,look at what we have a manager who,commerce offering I've done other stuff,I mentioned Cody reforms I got my MBA,from Florida State University in 2015 I,work in this intersection of Technology,and business I am NOT a developer I am,also not non-technical and will never,describe myself that way before that I,worked at a bank so far cry from,WordPress but if you want to talk about,personal banking I am also your gal I,lived here in New York until very,recently I moved to DC on May 11th I'm,happy it's out of fun it's real but but,it's really nice to be back lots of life,changes lately so I mentioned to you,that I started this new job four months,ago so I start my new job in my new boss,

After seeing the sixth section, I believe you have a general understanding of Atlantic theme shopify

Continue the next seventh section about Atlantic theme shopify

Shopify Code Editing: How to Change Font on Your Store Website?

hello everyone,welcome back to the channel today we are,going to show how to change the text,font in your shopify website,for example i don't like the hero title,on my home page,i am going to change the font style to,make it more outstanding,let's right-click on the web page and,open the html inspector to find the html,element for the hero title,let's first change it directly in the,html inspector,for example to make it more eye-catching,first i wanted to make it larger,here i set font size equals 90 pixels,then i want the hero title to have,different color than the subtitle,so i set the color equals black,last i would like to have the hero title,to be cursive so i change the font,family to be cursive,now we can see everything worked,perfectly the hero title is updated as i,expected,we need to copy the class name of the,hero title we will use it later in the,code editor,let's go back to our code editor and,update the code from there,search css in the search box and click,the theme.min.css,remember that different themes may have,different css file names,we may need to click a different file if,you are using a different theme,press control plus f to open the search,box for the code and paste in the hero,title class name we copied from the web,page,here is the place we need to update,let first add font size equals 90 pixels,then add color equals black,finally add font family equals cursive,let's save the code change and go to,refresh the home page,now we can see the color of the hero,title is changed to black and the font,family is cursive but looks like the,font size is not increased,something is not correct let's check the,html inspector,looks like our css rule is overwritten,by other css rules,in order to make it take effect we need,to add important to the css rule,let's change it directly in the html,inspector to see if the font size,increases,the font size indeed becomes larger,let's go back to the code editor to,finalize the change,after making the change in the code,editor we save the changes and go back,to the home page to make sure it is,working,yes everything is working as expected,now let's make another change to the,font in our shopify store,this time we would like to make all the,text on the entire website to be cursive,how could we do that,let's go to our code editor to do the,trick this time,we will add some new code to the end of,the css file,here we write body space star is the css,selector,it means for everything on the web page,we apply the css,rule in the bracket we put font family,equals,cursive also we add important to the css,rule to make sure it won't be,overwritten by other css rules,let's save it and go to the home page to,see if it is working,as expected all the text including menu,text,product title footer etc are cursive now,that is all for today's video if you,enjoy the video,please give us a like or subscribe to,the channel see you next time

After seeing the seventh section, I believe you have a general understanding of Atlantic theme shopify

Continue the next eighth section about Atlantic theme shopify

[Impulse Theme] How To Display Collection Featured Image in Impulse Theme Shopify

hi guys welcome back to websites pro's youtube channel I'm your host Bilal Naseer ,and today is a really interesting video where I'll show you how to ,fix a bargain impulse name actually it's not a bug it's a feature so the other day a guy ,a customer came through Fiverr and he wanted to fix the issue where he was unable to see ,the featured images on product category page so that's the product category page where all of ,the categories or collections are showing up at once like on single one single page all of the ,collections are showing up so the collection featured image is not showing up and all it's ,picking is the first product feature image within the collection so it's not actually picking the ,collection featured image but pulling up product featured image so I had to just checkmark on one ,of the settings which was available and after fixing that issue it all got fixed like this,and for just making a setting change I was able to earn 16 which took me about like uh 15 minutes ,for fixing this issue as you can see i recently completed the order and i got five star rating ,from the client and he actually just wanted to so let me share a chat where he is requesting me ,to display the featured images so I'm going to go to my messages and this is the client,so as you can see that's his first message as you can see that he is saying,that he is unable to,display the product featured images on the product category page which is actually ,the collection images so when you go to the backend of your shopify,let's go to the back end,and when you click on products and then collections,that's where it's showing up the featured images of each collection ,and it was not displaying up properly on impulse theme which is a paid theme ,and it was showing a blank featured image and the one which have a featured image it's picking up ,through the first product of that collection uh and pulling up the featured image of that ,first product within that collection so all i had to do is just did a setting change which fixed the ,issue and i was able to earn like 16 within like 5-10 minutes so if you're having same issue uh ,feel free to watch this video so you'll be able to fix it so all i had to do is click on online store,and then click on customize,and from customize go to theme settings and from theme settings click on collection titles ,collection tiles once you click on that you can see that this theme has a built-in setting ,which i basically ask you that whether you want to display collection image or whether ,you want to display first product image so if we click on first product image and hit save,it will remove all the featured images from this page and display the first product image,there you go so most of the collection do not have ,the featured image on their first product so it's displaying a blank image and just ,displaying on the ones where they have the featured image on their first produc

After seeing the eighth section, I believe you have a general understanding of Atlantic theme shopify

Continue the next ninth section about Atlantic theme shopify

How To Add Color Swatches on Collection Page of Dawn Theme Shopify

Hi guys welcome back to WebSensePro with another Shopify how-to video I am your host Bilal Naseer ,and today we will be learning how to add swatches to your collection page so after implementing ,this tutorial you will have color swatches showing up on your collection page like this,but before following this tutorial make sure to watch the first video which is about how ,to add color swatches to your product page I'll put the link in the description that's the blog ,post where you can find the video and all of the instructions and code on how to implement ,color swatches to your product page. You won't be able to add swatches to your collection page ,until you follow this tutorial so that's part two of the swatches first we add it on the ,product page now we'll add it to the collection page and before proceeding further make sure ,to subscribe the channel comment in the video below if you like it and let's get into the code,so guys that's how the default collection page looks like without color swatches so that's my ,collection page and if I go to any of my product for example this one where I already have colors ,you can see that it's showing up color swatching meaning I have already added ,all of the codes which I showed you guys in the previous video that's the link ,for the previous tutorial which I created on how to add color swatches to your product page ,make sure to follow this first then you will be able to add the collection on your swatches ,page if you don't follow this one this tutorial won't work for you okay now let's start adding ,swatches to our collection page I'm going to go to the back end of my Shopify store,and that's the back end of my Shopify store I'll click on online store,and from there I'll go to actions ,in an edit code to edit the code before editing the code I suggest you guys duplicate your team ,have a backup of all of your theme code so in case you mess up anything you can easily revert it back ,okay now I'm gonna go to my code editor that's the code editor in here we will search for cart Dash ,product dot liquid card Dash product dot liquid file and in this file we will search for this code,again don't worry about the code I'll add the blog post in YouTube video description where ,you will find all of the codes below this line of code I'll add new code which is also provided ,do you guys in the blog post okay I'm gonna copy that code and paste it here now click save,after saving this file search for base dot CSS,in base dot CSS scroll down to the bottom and add this usage score provided in the blog post ,that's the code just copy the code and paste it click save again,and after saving this file go to your collection page and hit refresh,and here we go our collection page our collection swatches are showing up now ,so as you can see this product have three colors watching showing up here which is ,also showing up on the collection page so it that's it for th

Congratulation! You bave finally finished reading Atlantic theme shopify and believe you bave enougb understending Atlantic theme shopify

Come on and read the rest of the article!