# Introduction Theme User GUIDE ### Thank you very much for choosing our theme. We truly appreciate it and really hope that you'll enjoy our theme! Lezada – Multipurpose Shopify Theme is a stunning website demo that you can use to build all kinds of eCommerce websites. To note that, eCommerce is the most growing kind of website today, and to compete in this tough race a quality website is mandatory. **If you’ve found our Theme to be helpful and you’re loving how it has helped your business, please share the love by giving it 5 stars and leaving a review on** [**https://themeforest.net/downloads**](https://themeforest.net/downloads) **It will help us a lot.​** ## Need Support **You are advised to go through the documentation thoroughly as here we have covered all the important and basic guidelines to use the Theme properly and efficiently. In case of any difficulty, feel free to ask for support from our experts.** Please contact us at [**https://go.shopibuffet.com/support**](https://go.shopibuffet.com/support), with any questions or concerns about the theme, and we will be happy to help! Please note that the support is provided for 6 months from your purchase date during which time you may request assistance for the theme. We are expected to provide support services within this window of time; however response times may vary depending on if there is a high volume of inquiries. There is also an option to purchase extended item support with some additional cost, which extends the support period up to a maximum of 12 months from the date of purchase. # CHANGE LOG ## **VERSION: 3.0.4 – DATE: 12 – January – 2022** **\*\* The changes are compatible with Online Store 2.0 \*\*** **New:** * Added Shopify multiple languages selector on the footer * Added Shopify multi-currency selector on the footer * Added Footer widget collapse on the mobile device **Updated:** * Footer default * Footer default 2 * Footer copyright style **Fixed:** * Collection list template **-** * Empty collection image check (Placeholder image added) **Changelog Video:** {% embed url="" %} **Helpful article:** {% hint style="success" %} [**Shopify multiple languages setup**](https://help.shopify.com/en/manual/cross-border/multilingual-online-store) {% endhint %} {% hint style="success" %} [**Shopify multi-currency setup**](https://help.shopify.com/en/manual/payments/shopify-payments/setting-up-shopify-payments#set-up-shopify-payments) {% endhint %} ## **VERSION: 3.0.3 – DATE: 08 – December – 2021** **\*\* The changes are compatible with Online Store 2.0 \*\*** ### 1. Added: Product variant metafield color ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2FI9xDpjSmmuAtBD8KKHrg%2Fvariant_4.png?alt=media\&token=d2fdab5f-701a-46be-9629-42670be5c167) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2Ft6rbzbf1K8ogsBH23SpU%2Fvariant_5.png?alt=media\&token=0d4e7496-7940-4220-925d-43d7d41e9040) ## **VERSION: 3.0.2 – DATE: 15 – November – 2021** **\*\* Big Updated - The changes are compatible with Online Store 2.0 \*\*** 1. **Added**: Dynamic storefront filtering ( - **Availability** - **Pricing** - **Variant Options** - **Product Type** - **Vendor** ) 2. **Updated**: Collection template settings - Left & Right sidebar - Off-canvas sidebar - Off-canvas sidebar no gutter 3. **Changed**: Collection storefront filter style 4. **Updated**: Collection list template settings 5. **Removed**: Custom storefront filtering (old design) 6. **Fixed**: Radio variant picker issue 7. **Added**: Christmas demo for OS-2.0 {% hint style="success" %} [Dynamic Storefront filter](https://lezada-demo.myshopify.com/collections/all) {% endhint %} ## **VERSION: 3.0.1 – DATE: 09– October – 2021** **The changes are compatible with Online Store 2.0** 1. **Added**: Header menu linklist setting 2. **Fixed**: "Buy now" button issue 3. **Fixed**: Minor **c**ss issue ## **VERSION: 3.0.0 – DATE: 30 – August – 2021** #### **\* Big Updated** Lezada theme to version online store 2.0 \* ### 1. Added: Back in Stock Notifications **Click here to check the demo**: ### 2. Added: Metafield for online store 2.0 * Product Countdown * Product Short Description * Product New Badge * Product Size Guide * Product Shipping Policy * Product Video * Unique Accordion * Affiliate link * Unique Tab #### Check Details: {% content-ref url="/pages/-MgsmhaG9aiOgwD3yZPw" %} [Product Metafield for online store 2.0](/product/product-metafield-for-online-store-2.0) {% endcontent-ref %} ### 3. Removed: Shortcode has been removed from Lezada version online store 2.0 ### 4. Improved: Theme Speed ### 5. Compressed: Liquid files and Asset ### 6. Added: Strong functionality ### 7. Improved: Responsive Design ## **VERSION: 2.6.0 – DATE: 03– August – 2021** ### Migrated to Shopify Online Store 2.0 * All sections are supported on every page * Drag & Drop on every page * You can add or remove any section as per your requirement * You can create any page using the lezada default sections (no page builder required) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9ij_ofFTHMEOfM0pA%2F-MgAE_NswiI41NSTt95d%2Fsection_update.gif?alt=media\&token=c4f1fc52-74b4-4ebf-91db-e9326b25bfdd) ### Updated > Product page for Online Store 2.0 1. **Drag and drop supported all elements of the product page** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MgAEia4ku7fbiaLVvge%2F-MgAGR4FKn5dAZtjP2Xt%2Fdrag_n_dorp.gif?alt=media\&token=d57c3b8a-f879-473b-a7b1-f3e864eefa3d) 2\. **FAQ/Accordion added on the product page** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9e-WsMdp6C2pHf4uK%2F-Mg9fHn-Xfn0cpXtW2Bs%2Ftab.png?alt=media\&token=710a33d5-1cf8-4be0-baea-7d6b2d2090cd) ### Added 1\. Product Unit price (For Germany and Japan Seller) ### Improved 1. All the header UX responsive device 2. Menu with centered logo header > Menu with centered logo header Demo ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9hu4ne3WAJ8Iv2hve%2F-Mg9iDD9p8eguoBvzXFW%2Fcentered_logo.png?alt=media\&token=ccd8790b-082a-4ebd-abb0-48226ea32086) ### Fixed > Collection Sidebar URL filter issue 1. **You can add size and color filters for every single collection** ## **VERSION: 2.5.8 – DATE: 20 – JUNE – 2021** ### **Improved** 1. Theme Speed (HTML,CSS,JS optmized) ### Fixed 1. Image aspect ratio - You can choose product image ratio from the theme settings ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McgytiXlAjfqXwQdSCs%2F-Mch1PwKzjoHEvr-a-yj%2F1.png?alt=media\&token=cc590832-2585-43bb-b45a-77aa14b85d84) 2\. Minor CSS issue ### Updated 1. Hero slider section - You can choose a different image for desktop and mobile ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mch1TvAx8DN3IUxl0Bg%2F-Mch30a8NQRS4rtPx5xI%2Fsl1.png?alt=media\&token=f847f0bc-ff5e-45c9-a2af-4381600197e3) ## **VERSION: 2.5.7 – DATE: 31 – MAY – 2021** ### Added 1. Collection title, image, description, shown as a breadcrumb banner on the collection page ### Compatibility 1. Loox reviews, Ali app reviews, Shopify Product reviews application shortcode added on the product page tab section. ### Fixed 1. Social media icon issue # Shopify Tutorials for Beginners ## Subscribe to our channel to get more videos like this {% hint style="success" %} [Subscribe Now](https://www.youtube.com/c/hasthemes?sub_confirmation=1) {% endhint %} ## How To Create Collections on Shopify Store | Shopify tutorial for beginners: Lesson 1 {% embed url="" %} ## How to create a gift card in Shopify | Shopify tutorial for beginners: Lesson 2 {% embed url="" %} # Start free trial Shopify ## Sell online with Shopify **Try Shopify free for14 days, no credit card is required** {% hint style="success" %} [Start free trial](https://www.shopify.com/free-trial) {% endhint %} # Purchase code verify ## How to get an Envato purchase code {% hint style="success" %} [**GET THE LICENSE**](https://help.market.envato.com/hc/en-us/articles/202822600-Where-Is-My-Purchase-Code) {% endhint %} ## How to activate purchase code 1. Go to the **theme settings** 2. Click the to **purchase code** tab 3. Then add your purchase code 4. Press the save button ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2FmiEQQVfnYA8p6PjLYIMa%2Fpruchase_code.png?alt=media\&token=57db72a5-63d1-44d6-bb67-6a9c2bb0c44e) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2FdCLhPyU1GsA6t34ZPbvw%2Fpc_2.png?alt=media\&token=e1f11296-b6e4-4ba9-8db5-c6ce4396b43a) # Free trial for 30 days # Files Included {% hint style="info" %} **Attention!**\ Don't upload the zip file that you have downloaded from Themeforest directly. First of all, unzip the downloaded file from ThemeForest. {% endhint %} * Demo Content - (Presets, Demo Products) * Documentation * Theme File Needs to Upload - **(install-me-lezada-vx-x-x.zip)** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg5YRsVz8DEn0bf9htL%2F-Mg5Z4MvhQpONdnjRWC_%2F1.png?alt=media\&token=907d4307-f4aa-4cd7-80c7-c3bfe0dddef1) # Install Online Store 2.0 ### **Install theme via Shopify Dashboard** * Login to the Shopify backend and click "Online Store" * Upload the **install-lezada-vx-x-x-online-store-2.0.zip** file that contains the theme file * Finally, Publish it ### Video Guide {% embed url="" %} ## 1. First, you need to go to the theme from the online store ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchA4kmjJlwSFTNubdI%2F-MchB8Jln04MshMoUUml%2Finstall-theme-1.png?alt=media\&token=52a22c30-6ac8-4849-bdba-29196b184e4f) ## 2. Upload Theme ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchD0Af9TbKMLIDxKOY%2F-MchD_gB1Q8xnehe4NrN%2Finstall-theme-2.png?alt=media\&token=fc168080-7dd4-4bc0-af2f-8a34dcc886d7) ## 3. Select Theme ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg5ZiO01hGemaCxBRBj%2F-Mg5cUixE6cdfRUGZFnN%2F2.png?alt=media\&token=c8bce5b8-6a4b-4629-aef2-f51adb3a3835) ## 4. Publish Theme ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchDeNhFSKHseSI4Wrc%2F-MchDn52bjc7wENX-_FV%2Finstall-theme-3.png?alt=media\&token=7079fc36-9a5f-4565-9a6e-ff322a8ce998) # Old File Installation ### **Install theme via Shopify Dashboard** * Login to the Shopify backend and click "Online Store" * Upload the **install-me-lezada-vx-x-x.zip** file that contains the theme file * Finally, Publish it ### Video Guide {% embed url="" %} ## 1. First, you need to go to the theme from the online store ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchA4kmjJlwSFTNubdI%2F-MchB8Jln04MshMoUUml%2Finstall-theme-1.png?alt=media\&token=52a22c30-6ac8-4849-bdba-29196b184e4f) ## 2. Upload Theme ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchD0Af9TbKMLIDxKOY%2F-MchD_gB1Q8xnehe4NrN%2Finstall-theme-2.png?alt=media\&token=fc168080-7dd4-4bc0-af2f-8a34dcc886d7) ## 3. Publish Theme ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchDeNhFSKHseSI4Wrc%2F-MchDn52bjc7wENX-_FV%2Finstall-theme-3.png?alt=media\&token=7079fc36-9a5f-4565-9a6e-ff322a8ce998) # Import Demo Online Store 2.0 If you want to design your store like our demo/preview site ### Video Guide {% embed url="" %} ## Step 1 ### 1. Open the Demo Presets for Online store 2.0 Folder > **Demo presets folder are included in the downloadable file (that you have downloaded from ThemeForest marketplace)** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9FsKuaw1JPVW43gdh%2F-Mg9K9ewhK6ucMx2nfg-%2F3.png?alt=media\&token=55d9ca95-e132-44cd-9827-66ea31d64f15) ### 2. Choose the **Home Version** > **Open the folder** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9KEhH3nMnr_Q5ufjC%2F-Mg9KlnldnPLudEUiju4%2F4.png?alt=media\&token=63afa6d1-2bcc-4c1b-a982-1b1f4c38a2da) > ***If there are different home page layouts, you will get a home page folder inside which every single home variation will be available*** * **Choose the home page layout** * **Open the folder** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9KEhH3nMnr_Q5ufjC%2F-Mg9LXdbnc63TKTBlZa6%2F5.png?alt=media\&token=60da50b2-2fe2-4099-95d6-2b483104619f) ### 3.You need to replace 2 files in your store > * **Templates/index.json** > * **Config/settings\_data.json** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9Nk7FeKDRhP5YAF71%2F-Mg9QbEWPOhVv8-eEdlL%2F6.png?alt=media\&token=16736181-f8c5-4bd2-b805-124eddb655ed) 1. Open the **inedx.json.txt** file ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9Nk7FeKDRhP5YAF71%2F-Mg9Smy0RI0TEGUDNrKU%2F7.png?alt=media\&token=3e22a5d5-4153-4878-914f-bc519e865f49) 2\. Open the **settings\_data.json.txt** file ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9Nk7FeKDRhP5YAF71%2F-Mg9T85lJ4Hl59t1iDRd%2F8.png?alt=media\&token=06b193d8-e628-48d5-bf24-541fcd22474e) ## Step 2 * Now go to your **Online Shopify store** backend Click "Online Store" * Click on the **“Actions”** button then click "Edit Code" ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchGBbFmbqKEeonnmO7%2F-MchGrgIfv2Fb9kOIxng%2Fimport-demo-3.png?alt=media\&token=ab125d03-ce90-4287-8909-9911536c3d57) ## Step 3 * Open the **"index.json"** file and **paste** here that you've copied code. You must need to **remove existing data** or **overwrite existing data** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mg9UNS35k1wRevawJKY%2F-Mg9YDe3zsUkGnVsM4GU%2Findex.png?alt=media\&token=39c1c035-e856-4f69-9b00-ee34f2d03818) * Open the **"settings\_data.json"** file and **paste** here that you've copied code. You must need to **remove existing data** or **overwrite existing data** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchGto56E_TxPxEUKey%2F-MchH2XsZ7pR5slhq1_x%2Fimport-demo-4.png?alt=media\&token=5a2dbf83-f4db-4ddb-9f5e-11ef0c013d9e) **Now save it and you're done** # Import Demo for old file How to use Demo Presets In the main theme's file If you want to design your store like our demo/preview site ### Video Guide {% embed url="" %} ## Step 1 ### 1. Demo content files are included in the downloadable file (that you have downloaded from ThemeForest marketplace) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchEshrfYqa7DXGNvqw%2F-MchFAv-0nbHis2RyL4f%2Fimport-demo-1.png?alt=media\&token=e8ac6b73-2020-4139-b68a-c3986b246855) ### 2. Go to the **"Demo Content"** folder and open the **"Presets"** folder ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchEshrfYqa7DXGNvqw%2F-MchFVBOaypSbGMEeIw8%2Fimport-demo-2.png?alt=media\&token=3d0c4233-6e09-4151-964e-5299e1b06cdd) ### 3. Choose the **Home layout** > **Open the folder** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchEshrfYqa7DXGNvqw%2F-MchFjjbQ_Znlkfu4jjB%2Fimport-demo-2_1.png?alt=media\&token=43eac09b-c1fb-41b3-b920-2119b08405e4) ### 4. Choose the **Home layout Style** > **Open the file** > **Copy all data** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchEshrfYqa7DXGNvqw%2F-MchG2i2BeNvIWSU0vw5%2Fimport-demo-2_2.png?alt=media\&token=fd34245f-d615-4732-9dac-aa08517168ac) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchEshrfYqa7DXGNvqw%2F-MchG5su_6OgVdr9a3sV%2Fimport-demo-2_3.png?alt=media\&token=f08bf9f0-f31d-442e-b87c-8187c6bf3c80) ## Step 2 * Now go to your **Online Shopify store** backend Click "Online Store" * Click on the **“Actions”** button then click "Edit Code" ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchGBbFmbqKEeonnmO7%2F-MchGrgIfv2Fb9kOIxng%2Fimport-demo-3.png?alt=media\&token=ab125d03-ce90-4287-8909-9911536c3d57) ## Step 3 * Open the **"settings\_data.json"** file and **paste** here that you've copied code. You must need to **remove existing data** or **overwrite existing data** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchGto56E_TxPxEUKey%2F-MchH2XsZ7pR5slhq1_x%2Fimport-demo-4.png?alt=media\&token=5a2dbf83-f4db-4ddb-9f5e-11ef0c013d9e) **Now save it and you're done** [
](https://shopdemo.hasthemes.com/docs/lezada/images/installation/import-demo-4.png) # How to update the theme? Update guidelines for older files, not for Online Store 2.0 Extract your download file and upload the Theme file **(install-me-lezada-vx-x-x.zip)** ### Video Guide {% embed url="" %} **Install theme via Shopify Dashboard** * Login to the Shopify backend and click "Online Store" * Upload updated version on your store. * Click "Edit code" of the current version, then open "settings\_data.json" and copy the code. * Now click "Edit code" of update version then open "settings\_data.json" and Paste the current version settings data. Which you copied * Finally, Publish The Updated Theme ## **Step 1** * Login **to** the Shopify backend and click "Online Store" ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchA4kmjJlwSFTNubdI%2F-MchB8Jln04MshMoUUml%2Finstall-theme-1.png?alt=media\&token=52a22c30-6ac8-4849-bdba-29196b184e4f) ## Step 2 * Upload updated version on your store. ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchD0Af9TbKMLIDxKOY%2F-MchD_gB1Q8xnehe4NrN%2Finstall-theme-2.png?alt=media\&token=fc168080-7dd4-4bc0-af2f-8a34dcc886d7) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchIgDVk4JRoBiqxbdD%2F-MchJt4TEx5uSTAwNaPO%2Fupdated3.jpg?alt=media\&token=4372df60-dd29-45a1-b40d-f2b3d7738fdb) ## Step 3 * Click "Edit code" of the current version, then open "settings\_data.json" and copy the code ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchJvrqQIcIzddAWPdN%2F-MchK60g87srFoaUdqYi%2Fupdate-4.jpg?alt=media\&token=6e2e22a7-905c-4eaf-b075-1f22945376aa) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchK9uruafoi4REJZYI%2F-MchKFeRgtRKbShdG3yg%2Fupdate-5.jpg?alt=media\&token=2e814817-f500-46c2-89fd-ec78abb79f32) \ Step 4 ------ * Now click "Edit code" of update version then open "settings\_data.json" and Paste the current version settings data. Which you copied ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchKIdFmnK7xEH8mvlL%2F-Mchbv79RWDJFovtyZr3%2Fupdate-6.jpg?alt=media\&token=9f22be24-8279-4b1c-b0b8-4b7e139783b8) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchKIdFmnK7xEH8mvlL%2F-MchblT27pI3I9UM6-D9%2Fupdate-7.jpg?alt=media\&token=3cb36003-a2f3-4b05-82e9-06203e28c4f2) ## Step 5 * Finally, Publish The Updated Theme ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchKIdFmnK7xEH8mvlL%2F-MchcH2uO5xyGmsNoyjJ%2Fupdate-8.jpg?alt=media\&token=b61c6770-38fe-47f9-a323-cf5c82497d88) # How to update the theme for online store 2.0 ? > To update the Lezada theme to the online store 2.0 version, copy 1 folder(templates) and 1 file(settings\_data.json) from your current theme and replace it in your updated theme. #### For more help, please follow the steps below: ## Step 1: First, you need to download lezada update file from ThemeForest. {% hint style="success" %} [Read more](https://help.market.envato.com/hc/en-us/articles/202501014-How-To-Download-Your-Items) {% endhint %} ## Step 2: Unzip the downloaded file ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiG2pwX7Gv1jTpUdT7v%2F-MiGC29pPFFqymgCijFA%2F1.png?alt=media\&token=4d56604a-68d3-46b3-8694-363c92ad0f56) #### unzipped file ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiGDI1yHuakwhfConf4%2F-MiGETwRU7gwxn-ZMaxb%2F15.png?alt=media\&token=c4a7006b-ed25-4147-b49a-c20140543920) ## Step 3: Now download your current theme from your store ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBacp96jT_ew_lyZoF%2F-MiBfKNYYcOdWEeE0xgS%2F5.png?alt=media\&token=1ff1db87-ed29-4786-8586-c277eded9c96) How to download a theme, you can check details here - {% hint style="success" %} [Read More](https://help.shopify.com/en/manual/online-store/themes/managing-themes/downloading-themes) {% endhint %} ### i) Unzip your Current-Lezada.zip #### Downloaded zip file ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiG2pwX7Gv1jTpUdT7v%2F-MiGCkGSvp1Mgo1RnQHQ%2F6.png?alt=media\&token=e3aa3320-2638-4158-949c-94d1915b6869) ### ii) Open the Current-Lezada folder ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiGCqNrJ2OjPCTh-IYM%2F-MiGD4rHR3NXbQdrEElM%2F7.png?alt=media\&token=e8976b28-3fca-4783-9f35-6293f1252793) ### iii) Copy the templates folder ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2FDdv3szG1NKSznW9pVgNd%2Ftemplates.png?alt=media\&token=d4ba15a2-f016-47f1-89e2-90a46d423a87) ## Step 4: Now go to the updated lezada file ### i) Open the update lezada folder ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiGDI1yHuakwhfConf4%2F-MiGEn1zHyZf067iPXZT%2F16.png?alt=media\&token=1b1a45ee-28b6-468b-8ce1-7b158aff0f77) ### ii) unzip the file "Install-lezada-vx-x-x-online-store-2.0" ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiGEy7Z8doL_esXfnBR%2F-MiGF5ofBXYi_w6wqX4a%2F3.png?alt=media\&token=e9c5ec3d-9a2c-42a6-85ed-6cf41bc50ac2) ### iii) Open the folder "Install-lezada-vx-x-x-online-store-2.0" ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiGEy7Z8doL_esXfnBR%2F-MiGFau7D_OllQtIF1mN%2F10.png?alt=media\&token=2d9e054a-e93d-43ef-9acd-06d7b846aad5) ### iv) Delete templates folder ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2Fvyoal5fF0KLme9EA7zhb%2Fold_template.png?alt=media\&token=e7463cb3-4ae3-44b7-91dd-d1b0935fc47b) ## Step 5: Paste the copied templates folder from the Current-Lezada file ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2FyJ75NUvoiJ5gon6IHJe6%2Fpaste_template.png?alt=media\&token=fbe44d36-f403-4023-8583-070a33f14603) ## Step 6: Now replace the settings\_data.json file from your current theme to your updated theme * Go to the Current-Lezada theme > **open the config folder** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2FVsnVRdPdwcIEMJLKQ6MJ%2Fconfig_1.png?alt=media\&token=e6253380-7058-43a2-98d0-4b6162c7c516) * Copy **settings\_data.json** file. (File directory, **config > settings\_data.json**) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2FFED6rDss35Ub2tX3RJui%2Fconfig_2.png?alt=media\&token=217f33bf-88cc-4ec3-80e3-9c9b70bd1a4b) ### Replace the file settings\_data.json copied from the current-Lezada theme with the updated Lezada theme * Go to the Updated-Lezada theme > **open the config folder** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2FJVTEGFdOCllaVXgdLIPC%2Fconfig_update_1.png?alt=media\&token=1fcdb60f-b780-4c84-82d7-1bd38636aea1) * Paste the **settings\_data.json** file copied from the Current-Lezada theme ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2Fw1IUbeEQwAxg8FsfnXYh%2Fconfig_update_2.png?alt=media\&token=1fc0605d-eab4-4521-b610-7b9e3b304f09) ## Step 7: Now select all the folders and compress them into a single zip file ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2FcXV4L9ojtfNAPnZw2tYi%2Fupdate_zip.png?alt=media\&token=d8598a82-7bf1-45f0-aca0-af801ca67f6c) ## Step 8: Now upload the zip file to your online store ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2F6tYg9IBLXgKorIG09KZg%2Fupload_zip.png?alt=media\&token=53969717-a689-42c3-a609-0cd73f4e3265) #### Add theme ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiGEy7Z8doL_esXfnBR%2F-MiGKLFFwy_z7UnPfbDl%2F17.png?alt=media\&token=914cc15b-2b4d-4dd1-873b-732999f71de5) #### Add File ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiGEy7Z8doL_esXfnBR%2F-MiGKS50cQ69e3SeXAWB%2F18.png?alt=media\&token=0bd0472a-616a-40c7-b0c9-4bbb90172635) #### Upload file ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiGEy7Z8doL_esXfnBR%2F-MiGKz2CZPskUNwB_3Iu%2F19.png?alt=media\&token=1dc4d5af-69be-47bf-bf38-1a69c3ee4249) ## Step 9: Publish your theme (Done) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiGEy7Z8doL_esXfnBR%2F-MiGK4GR_TEG2cU35vs6%2F20.png?alt=media\&token=9fe66245-9475-467a-bb9e-2c4e014965d7) # How to enable account page? 1. From your shop admin, go to the [Settings / Checkout](https://shopify.com/admin/settings/checkout) 2. Select **Accounts are optional / Accounts are required** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MchcLDApNd0tDTjJhNS%2F-Mchy7vdCbDbt-ljihbd%2Fstore-settings-2.png?alt=media\&token=b3846655-bcb4-471a-9dc2-7e3519d47aa0) {% hint style="success" %} [Read More](https://help.shopify.com/en/manual/checkout-settings) {% endhint %} # Other Settings ## Payment 1. From your shop admin, go to the [Settings / Payments](https://shopify.com/admin/settings/payments) 2. Choose a payment gateway to accept payments for orders. Then checkout page is work {% hint style="success" %} [**Read More**](https://help.shopify.com/en/manual/payments) {% endhint %} ## Shipping 1. From your shop admin, go to the [Settings / Shipping](https://shopify.com/admin/settings/shipping) 2. To enable the shipping calculator, please configure your shipping rates. [Set up shipping rates](https://docs.shopify.com/manual/settings/shipping/shipping-rates) {% hint style="success" %} [**Read More**](https://help.shopify.com/en/manual/shipping) {% endhint %} # Translate Theme ## Step 1: Edit Language ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0lt5CtD-DZDTFVrLN%2F-Mi0q0qmII9tzmOnDiH3%2Ftranslate_1.png?alt=media\&token=1792f929-09c4-48b1-abeb-689697cc1bab) ## Step 2: Translate Language ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0lt5CtD-DZDTFVrLN%2F-Mi0qakMoJt29WvUDYUm%2Ftranspate_4.png?alt=media\&token=ffa3d971-7972-4807-ba0f-10e36c44cb89) {% hint style="success" %} [Read More](https://help.shopify.com/en/manual/online-store/themes/language/translate-theme) {% endhint %} ## Step 3: ***After translating all the text from the Language Page, you need to translate all text from the theme customizer*** ### Step 1: Theme Customzer ***You can go to the specific page from the tools, Then you can translate text for the specific page*** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0lt5CtD-DZDTFVrLN%2F-Mi0rjnDwxmWWIyrhIE8%2Ftheme_customizer.png?alt=media\&token=666945d6-9302-48e4-a88b-a3e41966544a) # Recommend app {% content-ref url="/pages/-Mci16PoLm50lu2-kNrc" %} [Loox Review](/shopify-apps/recommended/loox) {% endcontent-ref %} {% content-ref url="/pages/-Mci0Ye8E0tAwo0rymP\_" %} [Shopify Reviews](/shopify-apps/recommended/spr) {% endcontent-ref %} {% content-ref url="/pages/-Mci1GbiKe6DNsi8gFz6" %} [Ali Reviews](/shopify-apps/recommended/ali-reviews) {% endcontent-ref %} # Ali Reviews Click here to know more details about ali-reviews app, # Loox Review **Loox Product Reviews & Photos** Click here to know more details about **Loox Review** app, [**https://apps.shopify.com/loox**](https://apps.shopify.com/loox) # Shopify Reviews Click here to know more details about the **Shopify Review** app, # Create Main Menu 1. From your store admin, go to the [Online Store / Navigation](https://shopify.com/admin/links) 2. You will see an " Add menu " button ( Click here ) 3. Or you can go to the default main menu Navigation ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm1csFPMgyvsE_aiZj%2F-Mcm3oTFzphtOOKskGcX%2F1.png?alt=media\&token=5fb4d256-0ae8-4237-8102-e6c52d6193e6) # Dropdown Menu ## **Video Guide** {% embed url="" %} ## Step1 * 1st add menu then create a dropdown menu by drag & drop ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm4s3RZjIrEu25UMEe%2F-Mcm6HZ5lLVgxOkyAEcB%2F2.png?alt=media\&token=5af9e915-efd2-445e-9791-1ad3c25ed16c) ## Step 2 * Dropdown menu **Customizer Settings** * Go to the **Customize Theme** > **Header Section Settings** * Go to the **Header Settings** > **Step 1** ![Go to the header settings](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm6OqycczDy_PASAP0%2F-Mcm71ceBiReT85KDvzT%2Fdrop-2.jpg?alt=media\&token=32a5aabc-f0b6-4fce-acd7-1cf0f2ee4fe2) ## Step 3 ![Click here to add dropdown menu](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm6OqycczDy_PASAP0%2F-Mcm7CvxwscPHZEXwh_k%2Fdrop-3.jpg?alt=media\&token=6872ba0d-04c0-498a-867c-217bb9947079) ## Step 4 * **Add the Dropdown Menu** ![Add the drodown menu block](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm7M2jxRizLqdZH0rm%2F-Mcm7_Kr8VDOS4jrasaP%2Fdrop-4.jpg?alt=media\&token=083faf7a-9f7c-4266-aa00-30fc1e9ed4f6) ![Click here on the dropdown menu](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm7M2jxRizLqdZH0rm%2F-Mcm7w6syKobIZArQs4_%2Fdrop-5.jpg?alt=media\&token=1d19573c-bf2f-45f0-81c4-10d19b734dfb) ## Step 5 * **Go to the Navigation** ![Copy and Paste Full Item name From Main Menu. Go to the Navigation menu from admin](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm887VbR0z5bpAA9YT%2F-Mcm8Hz8K5ZCmWGKBXVv%2Fdrop-6.jpg?alt=media\&token=2ddf967b-cd89-4f18-b5f3-5512e34e7acb) ## Step 6 * **Copy the Dropdown Parent item name** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm887VbR0z5bpAA9YT%2F-Mcm9n6_AcqL5BBNnviZ%2Fdrop-7.jpg?alt=media\&token=70fa10a0-28b9-4d04-acba-f96c419324a5) ## Step 7 * **Paste it here** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm887VbR0z5bpAA9YT%2F-McmA1gXy3FzRF8Uuweg%2Fdrop-8.jpg?alt=media\&token=87be6d7c-5a4e-4b75-85a4-95af1988a23d) ## **How To add Badge?** ### Badge Type 1 ```markup NEW ``` ![Demo](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmAbodNF8w2-jiorB_%2F-McmBrEVmSWSq7Br5PID%2Fbadge_item.png?alt=media\&token=ea53ae46-fecd-4c33-a438-52068fccb250) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmBu25XHDDwq0_uDEF%2F-McmC8yv6SerxFT_gxgq%2Fbadge2.jpg?alt=media\&token=d9427fcd-6ed9-4b30-b5f3-7e4d236ed104) ### Badge Type 2 ```markup SALE ``` ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmCCUpBeBHpW8xUcAM%2F-McmCS_4UTUTjLwAqler%2Fbadge-1.jpg?alt=media\&token=7b5ab513-3d2f-442a-ac0a-8df3a161bebf) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmCCUpBeBHpW8xUcAM%2F-McmCawcrAMCMGvAY49t%2Fbadge-4.jpg?alt=media\&token=d7351122-6923-403c-8ece-bec9fc4f1a2e) # Mega Menu ## Video Guide {% embed url="" %} ## Preview ![Meg menu Preivew](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmFGGieSZFqQATCo4p%2F-McmG1WbaGT-npPO-Aoe%2Fmega-menu-demo.png?alt=media\&token=3f9535e3-2353-4a3e-bd58-6d70dbd9bd62) ## Step 1 ![Process 1](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmG6vR54q_qrzYFcFk%2F-McmGWoQuyZvHgC0GSsR%2F4.png?alt=media\&token=88e9ca18-777f-429e-bde6-b49e22b6c2a0) ![Demo Mega Setup](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmGiDD-Zgmr59k7Y0g%2F-McmHr2-ZFwLxJVepVFx%2Fmega%202.png?alt=media\&token=9a65e568-b507-42ea-8cc8-1654539b1fe3) ## Step 2 * Mega menu **Customizer Settings** * Go to the **Customize Theme** > **Header Section Settings** * Go to the **Header Settings** > **Step 1** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm6OqycczDy_PASAP0%2F-Mcm71ceBiReT85KDvzT%2Fdrop-2.jpg?alt=media\&token=32a5aabc-f0b6-4fce-acd7-1cf0f2ee4fe2) ## Step 3 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm6OqycczDy_PASAP0%2F-Mcm7CvxwscPHZEXwh_k%2Fdrop-3.jpg?alt=media\&token=6872ba0d-04c0-498a-867c-217bb9947079) ## Step 4 * **Add the Mega Menu** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmI-Lc-aqzf9wOpl_0%2F-McmKRiPYM9qesyBBcDn%2Fmega-menu-settings.png?alt=media\&token=d1d1ec2e-ce7a-4e3b-81c0-9eb2de15a86d) ## Step 5 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmKX6uQegfrGpwTj4K%2F-McmLBzu5x1Ce_u-MH5x%2Fmega-menu-settings-1.png?alt=media\&token=7f357359-481b-4ec4-a8f1-c5ce6c480010) ## Step 6 * **Copy the Dropdown Parent item name** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmLKUXSBMAZImdYKgW%2F-McmM7ZRtA2AzRC4uFEy%2Fmega-item-copy.png?alt=media\&token=a189b3f6-1ddd-44fc-99ae-3fb5c44b097d) ## Step 7 * **Paste it here** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmM9NlRFCBdC5OQWXj%2F-McmMsRAAUFwD8xxwRWK%2Fpaste_it.png?alt=media\&token=979ef723-6769-40b3-ad18-222429e2139f) ## **How To add Badge?** ### Badge Type 1 ``` NEW ``` ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmNC55C2P7HTv7Oktf%2F-McmOPMDHU0JJMD6KKdF%2Fbadg_mega_1.png?alt=media\&token=822343ee-ae55-4c46-b057-284a3fd48251) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmNC55C2P7HTv7Oktf%2F-McmOhJLtkRl8Qx9ZoM_%2Fbadge_code.png?alt=media\&token=76e1c626-2b88-441c-8027-ce64a0ed79ed) ### Badge Type 2 ``` SALE ``` ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmCCUpBeBHpW8xUcAM%2F-McmCS_4UTUTjLwAqler%2Fbadge-1.jpg?alt=media\&token=7b5ab513-3d2f-442a-ac0a-8df3a161bebf) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmOwf7d9X_HBuAwVb7%2F-McmPHIU5c3DuGkviOVk%2Fbadge_badge_2.png?alt=media\&token=a99bacc4-5170-4f3d-9f13-3eace41fadf6) # Menu with centered logo {% content-ref url="/pages/-Mcmw8T0VzvcCV3NHRO1" %} [Choose Header](/navigation-setup/centered-logo/choose-header) {% endcontent-ref %} {% content-ref url="/pages/-McrXJGrg07zzTJUcioo" %} [Header Settings](/navigation-setup/centered-logo/header-settings) {% endcontent-ref %} {% content-ref url="/pages/-McwG\_o1R1vTJV-J1QwA" %} [Submenu with centered logo header](/navigation-setup/centered-logo/submenu-with-centered-logo-header) {% endcontent-ref %} # Choose Header ## Step 1 * Go to the "**theme settings**" ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmSiPPfm4bcItpiCUM%2F-McmwX-49F3VbFq6HonH%2Fcenter-1.png?alt=media\&token=48136e29-eb4a-4818-8a55-b134156ce0d0) ## Step 2 * Go to the "**Layout Settings**" ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmSiPPfm4bcItpiCUM%2F-McmwqvcPblU8f40ktsR%2Fcenter-2.png?alt=media\&token=8654ff6d-94a6-4568-9d8f-1ad7b63a2d5a) ## Step 3 * Select the header "**Logo middle of the menu**" ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmSiPPfm4bcItpiCUM%2F-Mcmx6u55u3Gy1DgQrNv%2Fcenter-3.png?alt=media\&token=3f88aae8-3597-4a50-b10e-1333251bf2ab) # Header Settings ## Step 1 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcrx8129lG0EpZn8XZD%2F-McscLSL7EFhia_hBqH4%2Fmenu-1.png?alt=media\&token=11b61e31-4430-4aec-8878-2965398e6a34) ## Step 2 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcrx8129lG0EpZn8XZD%2F-McscduXUQApUyyAr8k0%2Fmenu-2.png?alt=media\&token=a2f589be-bfb4-4580-9f95-f5a2c14c8eff) ## Step 3 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcrx8129lG0EpZn8XZD%2F-Mcscn1IB1X23tHw8soh%2Fmenu-3.png?alt=media\&token=091a0806-7006-4e0a-84f6-8986efb1916e) ## Step 4 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcrx8129lG0EpZn8XZD%2F-McsctoJpDp4JcurPXIE%2Fmenu4.png?alt=media\&token=e7520486-06cd-4632-8da2-fb02e04c18c5) # Submenu with centered logo header ## Step 1 * First, you need to create navigation for the submenu. ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McwGC9w5gHRKXLvT1_Q%2F-McwKWQiNmo9oyXY6jzz%2Fsubmenu.png?alt=media\&token=f2ef362d-2bdf-47cb-a01a-91e515b9ef3e) ## Step 2 * Then go to header settings ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm6OqycczDy_PASAP0%2F-Mcm71ceBiReT85KDvzT%2Fdrop-2.jpg?alt=media\&token=32a5aabc-f0b6-4fce-acd7-1cf0f2ee4fe2) ## Step 4 * Please add a submenu follow the screenshot ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McwGC9w5gHRKXLvT1_Q%2F-McwL1bDhZ8Wh-7WMrHR%2Fsubmenu-2.png?alt=media\&token=4ec86c72-820e-4b2c-80d3-023e77fd18b4) ## Step 5 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McwGC9w5gHRKXLvT1_Q%2F-McwL8E_UWP29xCzZ3Z-%2Fsubmenu-3.png?alt=media\&token=ca914ba9-8be0-43fa-9fee-e3db6a95179a) ## Step 6 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McwGC9w5gHRKXLvT1_Q%2F-McwLER0KYH2VZLey0Wj%2Fsubmenu-4.png?alt=media\&token=1f9d81aa-40b5-4f42-a69b-881804d38e0e) ## Step 7 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McwLHAxXIq6y7wmp3AB%2F-McwLLZucc9nO2eioc-a%2Fsubmenu-5.png?alt=media\&token=437719f7-769b-48f3-be7b-319281626e2f) # Header {% content-ref url="/pages/-McwX4b14NQQ49nkPbe7" %} [Announcement bar](/theme-settings/header/announcement-bar) {% endcontent-ref %} {% content-ref url="/pages/-Mcmw8T0VzvcCV3NHRO1" %} [Choose Header](/navigation-setup/centered-logo/choose-header) {% endcontent-ref %} {% content-ref url="/pages/-Md6r0qPJD8s1n98zjuV" %} [Social Media](/theme-settings/header/social-media) {% endcontent-ref %} # Announcement bar ## Step 1 * Go to **Customizer** > **Theme Settings** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McwX3N4f2ZR9s8JDuQB%2F-Mcx6en4eVRYHGLxITqM%2Fpromobar-1.jpg?alt=media\&token=356997ec-5f08-40dc-b647-fcda24897cd8) ## Step 2 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcx6kkAR-JO8dvL8VYh%2F-Mcx7G2xHcWjHyO5g5P5%2Fannounment_bar.png?alt=media\&token=f11bb16d-6de2-4200-b22c-02aca5742a5c) ## Step 3 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcx6kkAR-JO8dvL8VYh%2F-Mcx7SYspljJMm5Yfu1c%2Fpromo-3.jpg?alt=media\&token=90eac4b6-3f88-475b-9a23-27281c9d2641) ## Step 4 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcx6kkAR-JO8dvL8VYh%2F-Mcx7bA5Nf_3TRCmPSBk%2Fpromo-4.jpg?alt=media\&token=435e7b5f-3693-4243-9550-5b25fb1cee9d) ## Step 5 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcx6kkAR-JO8dvL8VYh%2F-Mcx7hESqewfGXa_2Uhz%2Fpromo-5.jpg?alt=media\&token=1e0d65dd-8c9c-4d7b-ad63-ad12da4467f1) ## Step 6 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcx6kkAR-JO8dvL8VYh%2F-Mcx7oO0I0N4txJBaXO0%2Fpromobar-1.jpg?alt=media\&token=bb06f7ff-4cb1-45d0-b327-dbc5d3fa3a41) # Header Layout ## Header Settings * Go to **Customizer** > **Theme Settings** > **Layout Setting** ### Step1 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McxEb6kiCLAs-PsHExg%2F-McxF7oRiffgCLk1u8Sc%2Fhed1.jpg?alt=media\&token=dc202790-ed79-43e7-a285-e85d69eab935) ### [ ](https://youtu.be/G40D96fy4bA)Step 2 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McxFAVwhWCd-NCGUF50%2F-McxFNGroeaKeEIYbKO9%2Fhed1_0.jpg?alt=media\&token=fcef7cb3-81ee-4c21-8b89-85753daa7187) ### Step 3 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McxFAVwhWCd-NCGUF50%2F-McxFUPfHlNGfM96ECWy%2Fhed2.jpg?alt=media\&token=f18c1510-cb37-4311-938b-cb93b09ea45c) ## **Header Default** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6YAJjNL-kKHhvSC4y%2F-Md6YOupSZ6zZmi-eFVt%2Fheader_default.png?alt=media\&token=0368dd9b-5716-46b9-8459-9b2a3ecc4b17) ## Header Special ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6YSIJQFGIPXFCSaVz%2F-Md6ZRseM6orNK4UN6kS%2Fheader_style_2.jpg?alt=media\&token=e6b01ce2-71b2-48bc-9322-dd16e87719ea) ## **Header Essential & Perfumes** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6ZUz5NWKPrby07kmb%2F-Md6ZmONBNzc0EOsAaXG%2Fheader_style_3.jpg?alt=media\&token=92109214-2681-4c20-ac41-bdd593567326) ## **Header Wearables** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6ZoozxfeSm1KOSTI0%2F-Md6Zyqk0YnaR8UIOyL7%2Fheader_style_4.jpg?alt=media\&token=bbe4513a-18a3-41fa-9a5d-85800a121eb3) ## **Header Overlap Menu** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6_1LI1R-VxiAEgVZq%2F-Md6_HBc3afSz4JxcLfl%2Fheader_style_5.jpg?alt=media\&token=00c7f3a7-61c0-4327-91e9-39580d8c0a33) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6_1LI1R-VxiAEgVZq%2F-Md6_KfJ-cimtf83qlZ4%2Fheader_style_5_1.jpg?alt=media\&token=0a8f7025-533e-4b5a-b22b-2a3b8ffa263b) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6_W7gyiXSEYa94Juz%2F-Md6_pjcI3tl-K6L0OKf%2Fheader_style_5_2.jpg?alt=media\&token=c67a1a22-12e7-4285-b354-948c59243375) ## **Header Below In Slider** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6_vQDFF6iwDBX94pq%2F-Md6a8gNGRInHjmjXbGx%2Fheader_style_6.jpg?alt=media\&token=5b070033-9c78-4b2c-b575-2905bbe2741c) ## **Menu Centered with Logo** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6_vQDFF6iwDBX94pq%2F-Md6avmnNHw1xQcVLGyw%2Fmenu_centerd.png?alt=media\&token=788ae602-4ec5-4f61-bed1-22a80c56d2cf) ## **Header Layout Customizer** * **Header Container Width Select** & **Header Top** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6azKdH_9Uvu2qccxl%2F-Md6bYGRsAGMIJ2uAQMD%2Fhed3.jpg?alt=media\&token=5c407554-6fe0-487f-831a-11d46d8aa5f7) ### **Logo Settings** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6baG4LXa_zGhOXFEk%2F-Md6bmbVtKUviBWmiQX5%2Fhed4.jpg?alt=media\&token=5c85b541-1dbe-4fb4-ad17-5225a8260422) ### **Transparent Header Settings** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6bprhHY7TdwUr1g6H%2F-Md6c0mDvc5vTwT-aEii%2Fhed5.jpg?alt=media\&token=fc08369a-1f63-4ae7-8a3a-efcd38df06d0) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6c48w9oKRUOpTS4eC%2F-Md6c9XEADwbpm_YZLmI%2Fhed5_1.jpg?alt=media\&token=7638951e-c6c8-47f8-8e05-e9a51faa4bfd) ### **Quick Link/Action Info** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6cCMpLU_-9i2fkJX2%2F-Md6doTZ_nzX-80t5gtl%2Fhed6.jpg?alt=media\&token=088944a6-6111-42ae-a269-15f51df934c9) ### **Mini Cart** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6f_sMqZuqQ1oRP5W3%2F-Md6fvYOYzGIyBGc7Xrg%2Fhead10.jpg?alt=media\&token=21985527-de31-4f72-b32c-ebb43481419e) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6f_sMqZuqQ1oRP5W3%2F-Md6m822mpdQnOyKfkEh%2Fhead18.jpg?alt=media\&token=45719670-9dd4-4e9c-9ac7-90b01aea8d1f) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6mAtyIfJivG5v8cYa%2F-Md6mFWQkewxF4AoTWpz%2Fhead19.jpg?alt=media\&token=58b4bd53-f2de-49bd-803a-d595c4c5ca70) ### **Header Topbar Settings** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6mI9LaTxq7wiJeq9t%2F-Md6mkbnSJ1PCBcL0EVy%2Fhead11.jpg?alt=media\&token=d9c51993-54fa-44f1-afd2-b9a7660ad130) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6mI9LaTxq7wiJeq9t%2F-Md6mt7E_KIiseJjMOlt%2Fhead12.jpg?alt=media\&token=e107a9f6-0db2-4db9-a414-58a072fe0946) ### **Header Color Settings** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6n-k-WdaIO2MMmRuv%2F-Md6nFAyMHI8SJo5iUDK%2Fhead13.jpg?alt=media\&token=1bb9b243-c27b-4815-a6e5-bd06211779ee) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6n-k-WdaIO2MMmRuv%2F-Md6nJZMTqmeGQF36Fk1%2Fhead14.jpg?alt=media\&token=ea96cdf6-a167-4795-a923-32c143b0e91a) ## **Mobile Menu Settings** ### Default Menu ![Default Menu](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6nMsXki0s4aZMJ5vj%2F-Md6nc7t54IdR1_AVuYG%2Fhead16.jpg?alt=media\&token=1b1afda0-48ac-4524-bb28-bf4b57d15f8a) ### Default Menu Color Settings ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6njIvNS90U48nMsMx%2F-Md6oA6s6f7pwuy-h1PZ%2Fhead13.jpg?alt=media\&token=faa84be9-2de8-47f6-9188-371c21885974) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6njIvNS90U48nMsMx%2F-Md6oW6J-jkF4qJcKeSa%2Fhead17.jpg?alt=media\&token=eb7c3e9b-07bd-4db1-9347-d551070accde) ### Offcanvas Menu ![Offcanvas menu](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6nMsXki0s4aZMJ5vj%2F-Md6nXcH1PgCjYzBQ0nP%2Fhead15.jpg?alt=media\&token=e3c1de5e-4211-409b-bdea-cd42ce99d229) ### Offcanvas Menu Color Settings ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6njIvNS90U48nMsMx%2F-Md6ojaiqcgi17CoMUOL%2Fhead20.jpg?alt=media\&token=7b90d7d4-8638-4640-9b0f-27185792ceac) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6njIvNS90U48nMsMx%2F-Md6oq-XbKbv2_f9itcs%2Fhead21.jpg?alt=media\&token=9a844098-7781-4e15-8267-a62536bf50a4) # Social Media * Go to **Customizer** > **Theme Settings** > **Social Media** ## Step 1 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6r529uMyUYyM3WuFH%2F-Md6s5k4D7wwSRZcAf-e%2F1.jpg?alt=media\&token=26be68ed-ad51-48b4-baba-bc088bdf0658) ## Step 2 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6r529uMyUYyM3WuFH%2F-Md6sIpFYEsZLk59Ueia%2F1.jpg?alt=media\&token=c1fb2c21-420f-4c57-b8bd-9e96700b4e9b) ## Step 3 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6r529uMyUYyM3WuFH%2F-Md6tVhCbT2Cr00Dg9Ys%2Fsocial_icon.png?alt=media\&token=78d27cde-08ac-48ef-ba0a-669b66041a29) # Footer ## Footer Settings * Go to **Customizer** > **Theme Settings** > **Layout Setting** ### Step 1 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McxEb6kiCLAs-PsHExg%2F-McxF7oRiffgCLk1u8Sc%2Fhed1.jpg?alt=media\&token=dc202790-ed79-43e7-a285-e85d69eab935) ### Step 2 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6unQnpnG7uqGYY1pk%2F-Md6vappVjhVcwOu9p94%2Fhed1_0.jpg?alt=media\&token=40ea021a-70d3-41eb-ae3f-56cadc847b56) ### Step 3 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6unQnpnG7uqGYY1pk%2F-Md6vl3I3cQEsLBF_SEm%2Ffooter_1.jpg?alt=media\&token=f02b0d04-d9cf-404e-8915-fb1e03d94cd9) ## **Footer Default** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6vrQc1ejzmIdiTnh3%2F-Md6xbDnG4nEqaPObna-%2Ffooter_2.jpg?alt=media\&token=6c04a589-7d6b-453b-8dfe-d769830f62d3) ### **Footer Menu Widget** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6vrQc1ejzmIdiTnh3%2F-Md6xlo3t7KVNAnYxwXC%2Ffooter_3.jpg?alt=media\&token=a561dc5f-2474-4a91-9b29-8eeb5489f8bc) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6vrQc1ejzmIdiTnh3%2F-Md6xqeVVdceYEDK2ivH%2Ffooter_4.jpg?alt=media\&token=a2625194-7803-4772-b46b-179a0b51a05f) ### **Social Media Widget** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6xtBxiRaQlHt1pftw%2F-Md6y4G3qQfH3unv38Nf%2Ffooter_5.jpg?alt=media\&token=a6bc90cc-2c78-421e-bc10-bed7afa5267c) ### **Newsletter Widget** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6y7CXvA54zGuo86Tj%2F-Md6yScSXgEswUMlWRk7%2Ffooter_7.jpg?alt=media\&token=f8568c5f-beaf-4d86-9177-ffce7a82b3f1) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Md6y7CXvA54zGuo86Tj%2F-Md6yZj35ZugJt9LClpm%2Ffooter_8.jpg?alt=media\&token=185d2608-c1bb-450e-940c-c15f888be283) ## **Footer Color Settings** ### **Step1** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdFp8hQsnph3B4Wzho2%2F-MdFpoEwdCbNnndK_SN4%2Ffooter_9.jpg?alt=media\&token=ec18a520-c5d5-4f66-9eb7-0af879bd1a7c) ### Step 2 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdFp8hQsnph3B4Wzho2%2F-MdFq0Dv2KJx25pLIa5X%2Ffooter_10.jpg?alt=media\&token=4a0de851-7e6d-429e-be71-039944101a28) ## Footer Default 2 ### Settings ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdFp8hQsnph3B4Wzho2%2F-MdFqpnDr7b0yzUOQEhs%2Ffooter_12.jpg?alt=media\&token=85ef63d6-a730-405d-8885-c8165861319a) ### Footer Widget ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdFp8hQsnph3B4Wzho2%2F-MdFqZON1rWIwaBURLpi%2Ffooter_11.jpg?alt=media\&token=fa911cf6-0463-47d6-9ec3-7a0bba535f63) ### Payment Icons ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdFqrjTfP_lCxHzMcwJ%2F-MdFr5HjFa_hVpfXnbnZ%2Ffooter_13.jpg?alt=media\&token=e8d0bf55-2c13-4655-8b37-f19a5b3fca21) ## **Footer Copyright Style** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdFrOWDatOakefy2x0R%2F-MdFvsxtKQO84loG-ado%2Ffooter_14.jpg?alt=media\&token=9e2b4085-3376-400b-9645-f23fb56d54b7) ### **Settings** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdFrOWDatOakefy2x0R%2F-MdFw0yjxGjv2wvzusqU%2Ffooter_15.jpg?alt=media\&token=08feee7c-e068-47e6-9d20-b9eb09c11fb7) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdFrOWDatOakefy2x0R%2F-MdFw6b0tZmkjnSuP3hT%2Ffooter_16.jpg?alt=media\&token=150b51e0-5fe1-41f6-a1f7-7071c4385f3f) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdFrOWDatOakefy2x0R%2F-MdFwKZe_WFLZl14wHeS%2Ffooter_17.jpg?alt=media\&token=dfc2ede7-5f20-4a10-b9db-6be2b3c5b2dc) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdFwNhgo77yu7L1lyoO%2F-MdFwSS529U8e_4n91eJ%2Ffooter_18.jpg?alt=media\&token=7985139c-5b61-40ae-a8a0-1cd8a0403936) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdFwNhgo77yu7L1lyoO%2F-MdFwWPzFre-_me_QZBk%2Ffooter_19.jpg?alt=media\&token=0299755f-8e89-48a8-bc77-05321eb7468a) ### **Color settings** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdFw_yuA2W75bdGyRak%2F-MdFwvFmMQnhGa4gBWsR%2Ffooter_20.jpg?alt=media\&token=8bd20e7e-3c37-4bed-b8ce-9512f48904dd) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdFw_yuA2W75bdGyRak%2F-MdFx0XXg7_GqDqTAsvr%2Ffooter_21.jpg?alt=media\&token=0831a9eb-4e07-443f-ad23-4ea2433f2f8b) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdFw_yuA2W75bdGyRak%2F-MdFx6Qj6Em3iynp1veB%2Ffooter_22.jpg?alt=media\&token=23d3afb4-6957-437a-ac52-f18a0c3926ee) # Layout Settings {% content-ref url="/pages/-McxEEkyO7OMVFk3dg0L" %} [Header Layout](/theme-settings/header/header-layout) {% endcontent-ref %} {% content-ref url="/pages/-Md6ub6y9JKIl24Qf2Tp" %} [Footer](/theme-settings/footer) {% endcontent-ref %} {% content-ref url="/pages/-MdGL7o-ex5l7sov\_cIZ" %} [Box Layout](/theme-settings/layout-settings/box-layout) {% endcontent-ref %} # Box Layout ## Step 1 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McxEb6kiCLAs-PsHExg%2F-McxF7oRiffgCLk1u8Sc%2Fhed1.jpg?alt=media\&token=dc202790-ed79-43e7-a285-e85d69eab935) ## Step 2 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McxFAVwhWCd-NCGUF50%2F-McxFNGroeaKeEIYbKO9%2Fhed1_0.jpg?alt=media\&token=fcef7cb3-81ee-4c21-8b89-85753daa7187) ## Step 3 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdMDySqcyqBvVtexNTa%2F-MdMMWeL0ix1X9TLv3oQ%2F2.jpg?alt=media\&token=e295d5b5-e9ca-444a-b832-d32bf3ba7611) ## Background Image ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdMDySqcyqBvVtexNTa%2F-MdMMf6SNSJvM4rDNgv5%2F3.jpg?alt=media\&token=aedfc6a2-ca56-427d-a049-0b0e35981c81) ## **Snow Effect** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdMDySqcyqBvVtexNTa%2F-MdMNExYav0up27gbF_w%2F4.jpg?alt=media\&token=15ad2b76-bb96-4972-a795-f2bf3893bbc3) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdMNVI9v8OQpZnPItSl%2F-MdMNcsDGgiUMzLB2Y8d%2F5.jpg?alt=media\&token=6a47c384-134f-4081-a7b3-c6ffd1e85626) # RTL ## Step 1 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McxEb6kiCLAs-PsHExg%2F-McxF7oRiffgCLk1u8Sc%2Fhed1.jpg?alt=media\&token=dc202790-ed79-43e7-a285-e85d69eab935) ## Step 2 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdMOJvWA9mAdipdyDcv%2F-MdMPGmUmQXlsQh2a95H%2Frtl.png?alt=media\&token=e712e17b-0315-40de-bccb-18a6a624ac28) ## Settings ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdMNihwp0nogouR8WDh%2F-MdMO9oxEH7acJG_aVhs%2F7.jpg?alt=media\&token=e01da4b8-21bf-4acf-ac02-7feb5e0ee6ab) # General Settings # Basic Settings ## Step 1 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McxEb6kiCLAs-PsHExg%2F-McxF7oRiffgCLk1u8Sc%2Fhed1.jpg?alt=media\&token=dc202790-ed79-43e7-a285-e85d69eab935) ## Step 2 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdMRt03qQVZmP1XH0nB%2F-MdMXVjGJK_AKjewzBuC%2F2.jpg?alt=media\&token=7061132c-b3e0-4be4-b3ae-fd1a8a406ae4) ## Preloader ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdMRt03qQVZmP1XH0nB%2F-MdMY6-xTDPGf1qpm83p%2F1.jpg?alt=media\&token=2ee23c0a-9eeb-4256-ad6b-83ed0d269dd0) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdMRt03qQVZmP1XH0nB%2F-MdMYDulGLfN3wEX6HqA%2F2.jpg?alt=media\&token=ba2dd541-25a5-4883-8315-8bbf0aa32a82) # Custom CSS & JS ## Step 1 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McxEb6kiCLAs-PsHExg%2F-McxF7oRiffgCLk1u8Sc%2Fhed1.jpg?alt=media\&token=dc202790-ed79-43e7-a285-e85d69eab935) ## Step 2 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdMRt03qQVZmP1XH0nB%2F-MdMXVjGJK_AKjewzBuC%2F2.jpg?alt=media\&token=7061132c-b3e0-4be4-b3ae-fd1a8a406ae4) ## Custom CSS ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdMYHJhrdV-t1TyUKFy%2F-MdMZn2slrc_jtWqDct6%2F1.jpg?alt=media\&token=7fa49073-fd8f-4819-893d-7a15fd02db02) ```css ``` ## Custom JS ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdMYHJhrdV-t1TyUKFy%2F-MdM_CiyEDGnRSWuglDN%2F2.jpg?alt=media\&token=c1ddac69-1ef0-4325-be73-fe29867f659f) ```javascript ``` # Multi Currency ## Step 1 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McxEb6kiCLAs-PsHExg%2F-McxF7oRiffgCLk1u8Sc%2Fhed1.jpg?alt=media\&token=dc202790-ed79-43e7-a285-e85d69eab935) ## Step 2 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdMRt03qQVZmP1XH0nB%2F-MdMXVjGJK_AKjewzBuC%2F2.jpg?alt=media\&token=7061132c-b3e0-4be4-b3ae-fd1a8a406ae4) ## Step 3 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdM_oqNIh8ryfpTCneA%2F-MdMbfPW4hp0_hoAxL_2%2F3.jpg?alt=media\&token=86d132e0-3d6b-4937-bd68-979b7dbcc439) ## **Currency Store Configuration** Editing the HTML for currency formatting 1. From your shop admin, go to the [Settings / General](https://shopify.com/admin/settings/general) 2. Scroll down and then you will see a "Standards & formats" block. Find the "Currency" there 3. Select your currency 4. Click "Change formatting" 5. Replace selected text and click Save ```http ${{amount}} USD ``` ```http ${{amount}} ``` ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MdMbhtnjLt-n32Ku8Rz%2F-MdMcEGWDfzqggnsMWxi%2Fstore-settings-1.png?alt=media\&token=89cfc669-8ae8-48df-93ba-fa491653603a) {% hint style="success" %} [Read More](https://help.shopify.com/en/manual/using-themes/change-the-layout/help-script-find-money-formats) {% endhint %} # RTL Mode ## Step 1: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi10qrxa-8gLVByXwVs%2F-Mi11XU4zNJhpA8ujPKr%2Ftheme-settings-1.png?alt=media\&token=b0eda82a-28ba-4ec3-b4b2-b97490010e82) ## Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi10qrxa-8gLVByXwVs%2F-Mi11vbLs_MEFjfsvGEt%2Frtl-1.png?alt=media\&token=ddb719f5-715d-4811-bc79-094330d59aa3) # Newsletter ## **Step 1:** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi121JMcIcuSHcu_NXW%2F-Mi1Bgu-GxSeiUZBAGMu%2Fnewsletter.png?alt=media\&token=4f65dd19-866c-4740-a8e2-2f0ad992cb09) ## **Step 2:** **MailChimp Configuration** * **The MailChimp Configuration for the whole newsletter features** {% embed url="" %} ### Step 1: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi1CZKKZxdFmO68zZZ4%2F-Mi1CwIbqeQ3qpsK3tBa%2Fnewsletter2.png?alt=media\&token=00512922-0a47-4b66-a067-78e0a4932cbb) ### Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi1C7cFOYeBbBKS_8Fd%2F-Mi1CVdr9Y7YIX2E-D5u%2Fnewsletter1.png?alt=media\&token=ca49a57b-9742-4cea-a47b-135f9b8eec5b) ## **Shopify Email Subscribers** ### **Step 1:** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi1D2MbggiFusuWxeNk%2F-Mi1DOBziSp5ekrTi6hG%2Fnewsletter3.png?alt=media\&token=bbe63f6f-5e50-4a46-ae60-d3d197a83d92) ### **Step 2:** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi1D2MbggiFusuWxeNk%2F-Mi1D_tZ7Z3Q7pBWfPre%2F5.png?alt=media\&token=b911ca98-e823-4094-8634-bfc0497a5e26) ## **Newsletter Popup Style** * Default Style * Style 2 * Style 3 ### Default Style ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi1Dc5N_lw-GzQY2iNN%2F-Mi1EEFZSHIzgw8VGuWo%2Fdefault_newsletter.png?alt=media\&token=587b85bc-f65d-4eeb-9b8b-be6e00b7fe00) ### Style 2 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi1Dc5N_lw-GzQY2iNN%2F-Mi1ErwhLdwtfi5KHGFF%2Fnews_type_2.png?alt=media\&token=b441f782-7f2d-4be1-8e9a-3ab3954e4a47) ### Style 3 ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi1Dc5N_lw-GzQY2iNN%2F-Mi1Exkc2JQIHMq3cvVE%2Fnews_type_3.png?alt=media\&token=6c460770-9786-4b72-b158-e02b52ecab5b) ## Newsletter Settings ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi1F0aRTdEcPBG7WaSV%2F-Mi1GDo9L-vWAbmpLbqy%2Fsettings_1.png?alt=media\&token=599b4103-8a96-4b45-8b9a-a6d1d7bd6b23) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi1F0aRTdEcPBG7WaSV%2F-Mi1GHbomVkR1_AnvSZC%2Fsettings_2.png?alt=media\&token=083d0aa3-9810-40b5-bd60-56af7726a188) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi1F0aRTdEcPBG7WaSV%2F-Mi1GLNiZ1WDc4zeZMAq%2Fsettings_3.png?alt=media\&token=5a4eb381-f5bc-4c47-a6a7-c3f8b736dd05) # Page Title Banner ## Step 1: Breadcrumb Banner Settings ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi1HlznudJTekSF14hM%2F-Mi1KrV4_iCcS-_sNH_b%2Fpage1.png?alt=media\&token=1bd6b178-3fc8-4aff-9aa3-0f0645a4f86c) ## Step 2: Global Page Title ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi1HlznudJTekSF14hM%2F-Mi1Kzwz36Ztp7vHCZM4%2Fpage2.png?alt=media\&token=09206014-6e0a-4781-8399-74af1ab18170) ## Step 3: Collection Page Title ### **Step 1:** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi1HlznudJTekSF14hM%2F-Mi1LIXv9U3fk-TOACm9%2Fpage3.png?alt=media\&token=ef79f155-74dc-4a0a-a133-152d579d7736) ### **Step 2:** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi1HlznudJTekSF14hM%2F-Mi1LQDE0xyzuhebKQZZ%2Fpage4.png?alt=media\&token=8e162746-f85d-4067-aec3-e1d9d9a5dc35) ## Page Title Customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi1LXSTCzANjt-kRuYi%2F-Mi1Ltz1LILQtnaoPX-U%2Fpage%20settings.png?alt=media\&token=a45875d6-37c0-47ed-aec1-fc69f3a5088d) # Typography Fonts {% embed url="" %} ## Step 1: Go to the customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAG4Voah5leptSANQV%2F-MiAGJUAfLf5LDCn62zS%2Ffonts1.png?alt=media\&token=c9e8655b-1c87-4ed9-b0af-83fbceba556e) ## Step 2: Select font * Shopify Library Fonts * Google Fonts ## Shopify Library Fonts * Body Font * Heading Font * Paragraph Font ### 1. Body Font ### Step 1: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAGNkrCIEBsMGwSzdm%2F-MiAMA5T1fk0Xk2f3sj5%2Ffonts2.png?alt=media\&token=08480230-9032-403f-ae0f-8b22dfcdcea0) ### Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiANgm_7Wu2JlhkmEzu%2F-MiANjT89ewOJZK1mIRS%2Ffonts4.png?alt=media\&token=a29f1577-0194-462c-80a8-bd7188e33315) ### 2. Heading Font ### Step 1: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAOuMVr6FF89zKa45R%2F-MiAOyeiGSeHS1ytVfxX%2Ffonts5.png?alt=media\&token=c59e9c83-076d-4e31-8d00-87299be2cd23) ### Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAOuMVr6FF89zKa45R%2F-MiAP2B0wLszOZsD0FO1%2Ffonts6.png?alt=media\&token=1109a2d7-2e70-4ad1-ac02-03b6bfd16f67) ### 3. Paragraph Font ### Step 1: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAP5GGfGztAdj5y84j%2F-MiAPf6DD4ZvobaSom-v%2Ffonty.png?alt=media\&token=68616a27-24f7-4610-975f-c4a50b01f014) ### Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAP5GGfGztAdj5y84j%2F-MiAQl-smqWw-2Mxpj_G%2Ffonts8.png?alt=media\&token=e8d62bd0-7714-481e-be3e-8a9bbbd43021) ## Google Fonts ### Step 1: Add Google Fonts URL ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAR4L2rUjx6XeTnBm0%2F-MiATHtvw-xkr9wF8XrW%2Ffonts9.png?alt=media\&token=fce10f19-f204-4de3-8bc6-517bfb33c186) ### Step 2: Get Google Fonts URL ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiATLX8JVLsZsFiBfE7%2F-MiATYtWiNJf8THLoDsQ%2F3.jpg?alt=media\&token=c2338bf9-253b-4213-a7f4-55e9a7de37d4) ### Step 3: Copy the Google Fonts URL ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiATLX8JVLsZsFiBfE7%2F-MiATeQF4uVTobTZFfVK%2F4.jpg?alt=media\&token=52f14103-0e5b-412a-9d55-e5fcd75c5468) ### Step 4: Paste Google Link to the customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiATLX8JVLsZsFiBfE7%2F-MiAUtAtDoOR5qHrm8u1%2Ffonts10.png?alt=media\&token=1c193f6c-1676-47d7-95ca-6b42ca8e9dd5) ### Step 5: Font Family ### Step 1: Copy the font family ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAUylQmaA8koIH-qew%2F-MiAmq-cGqMurE72Ky-_%2F10.jpg?alt=media\&token=c1058a0b-2340-4eeb-b855-9f0eb41966fc) ### Step 2: Paste here ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAUylQmaA8koIH-qew%2F-MiAnZIve00rn_RsRW3d%2FFonts12.png?alt=media\&token=26139b5a-83f3-484f-84f7-7f23d3e19258) # Colors ## Step 1: Go to the customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAz8tI4C-2ApDLQ3p5%2F-MiAzfYTeK4r71F77dUm%2Fcolor1.png?alt=media\&token=4c4e5d6b-9c58-4f7c-9512-d41b4a05632b) ## Dark Version Enable ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAzjAHJB87DDOcvXzx%2F-MiB-57XYH4edaz3iC9a%2Fdark.png?alt=media\&token=c3b83144-44a2-4eea-accd-d4393476d07d) ## Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB-8KeIFLnSFuMEi2T%2F-MiB-xvSBWAbWFzPzvPo%2Fcolor2.png?alt=media\&token=da485e89-b045-46d7-9a01-9803b6e83180) ## Step 3: Product Gird Item Color ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB00QsRjoKgFkSPOgq%2F-MiB0syLXRMbAFksRhnG%2Fitem_color.png?alt=media\&token=92187d70-10e7-4093-b256-6ada382daac7) ### Action button Color ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB0vYxg6JVX66_QXNq%2F-MiB1XZiPPz-PxNEVxnh%2Fitem_color.png?alt=media\&token=2021bf90-b7e7-4993-a308-35c56c7ac5c7) ### More color settings ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB0vYxg6JVX66_QXNq%2F-MiB2Khr6TYpXcUIMG9g%2Fcolor3.png?alt=media\&token=d194122c-5c81-4827-bece-6c24ad0d653b) ## Step 4: Theme Button Color ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB2NV9FLqOVNIyDaXV%2F-MiB2lanbYbt0G1x9uwD%2Ftheme-button-color.png?alt=media\&token=af792d34-91f2-4b0a-bad2-e7f1827bb87a) ### Red Button ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB2ph8XHO4mmejNl4J%2F-MiB3G_99CI2Ozb55XN6%2Fredvbutton.png?alt=media\&token=901a9f5a-6e5b-4b48-82ca-5cb5c575cdc6) ## Step 5: Custom Login Page ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB2ph8XHO4mmejNl4J%2F-MiB3hiH9ZBJERFZkhBO%2Fcsutomer_login.png?alt=media\&token=e89d9da7-372e-4759-90d9-3ee62fcdd300) ## Step 6: Scroll up ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB2ph8XHO4mmejNl4J%2F-MiB44shWxqBHsMNFOKL%2Fscroll_up.png?alt=media\&token=b2129d1c-1d39-4587-9193-83114a08a8f9) # Social Media ## Step 1: Go to the customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB4Lz5-BH5qJyUOMJZ%2F-MiB5eOTTqFVAm-FesnD%2Fsocial_media.png?alt=media\&token=c221efad-475b-431e-bf15-c4c69d8906fa) ## Step 2: Social icon settings ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB4Lz5-BH5qJyUOMJZ%2F-MiB5lTDE6412k-8vTB7%2Fsocial_name.png?alt=media\&token=1832b418-fde3-4fc3-8953-b89613ae35f1) # Create Product 1. From your Shopify admin, [Go to Products](https://lezada-health-care.myshopify.com/admin/products). 2. Click the "**Add product**" button > ### **Product Image Recommended Size** > > #### *You can Upload the product images following these instructions.* > > * Portrait: Image height should be more than the width. Example of: 1000x1200 > * Square: Image width and height should be the same. Example of: 1200x1200 > * landscape: Image width should be more than the height. Example of: 1200x800" ## **Step 1:** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlMZU53cjqOArgavSh%2F-MhlOpn_LnFxtMs31_dK%2Fcreate-product-1.png?alt=media\&token=86b45806-3638-419b-a19b-5e96a8dc0abd) ## **Step 2** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlOycKO05JLDpYA2SG%2F-MhlP3mJsIb_5nbYSwjk%2Fcreate-product-2.png?alt=media\&token=addb8499-1401-4e74-9267-440c3983655a) {% hint style="success" %} [**Read More**](https://help.shopify.com/en/manual/products/add-update-products) {% endhint %} # Add Variants #### Add Product Variants {% hint style="success" %} [Rede More ](https://help.shopify.com/en/manual/products/variants/add-variants) {% endhint %} ## **Step 1:** * When add**ing a** product then add a variant for this product. * When adding a product then add a variant for this product. ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlQ-6_XU4VDC7foRXn%2F-MhlRhHZJyAtMVCMpphK%2Fadd-variant-1.png?alt=media\&token=317256c3-a50a-4864-8736-7c9036c66bcf) ## **Step 2:** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlQ-6_XU4VDC7foRXn%2F-MhlRwwOutZtQKLRZvzR%2Fadd-variant-2.png?alt=media\&token=dfda24e4-57fd-4a14-9008-b282555bf7f8) ## **Step 3:** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlQ-6_XU4VDC7foRXn%2F-MhlS6UTurg0C2BoUWE8%2Fadd-variant-3.png?alt=media\&token=157e8918-3d86-44dc-9f20-515b46612b07) ## **Step 4** * If you add **an** image for variant then this image will display in the swatch color variant field ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlQ-6_XU4VDC7foRXn%2F-MhlSI6JCewK8Os5vSzM%2Fadd-variant-5.png?alt=media\&token=65e8416d-0be5-490d-91d0-c0938a2358b1) ## **Step 4** * This variant is displaying in **the** product swatch option ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlSPH0KxklLSXZnID3%2F-MhlTUrxrr3-IAfDThhW%2Fvairants.png?alt=media\&token=585fc629-c366-4c9d-9d2f-654a774dd970) * This variant is displaying in the product **Dropdown option** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlTimXEoutSC-f1idH%2F-MhlUMBZtgpCnOB2CHXC%2Fvairants_drodown.png?alt=media\&token=6c53368e-07b1-4833-a8ea-a82ec587f64f) # Add Tags {% hint style="success" %} [Read more ](https://help.shopify.com/en/manual/products/add-update-products#add-or-remove-tags) {% endhint %} {% embed url="" %} ## Product Tags * [Product tags](https://help.shopify.com/en/manual/products/details/tags) * When adding variants this variant must be add in tags ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlUTpPx6A0GJvIyA1-%2F-MhlVkvryBAB1PcnXxj7%2Fadd-tags-1.png?alt=media\&token=94eb864a-556c-494e-a5db-e36172e75e3d) # SEO {% hint style="success" %} [Read More](https://help.shopify.com/en/manual/promoting-marketing/seo/adding-keywords) {% endhint %} ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlVrxDZ2vpQvlz12N_%2F-MhlXxQ06rWN7wcHRaMD%2Fseo.png?alt=media\&token=dd6c229d-60fd-4af7-9011-5ac76019003a) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlVrxDZ2vpQvlz12N_%2F-MhlY1gmCJ7eyoXwcaXh%2Fseo1.png?alt=media\&token=b0ebba02-fd3c-41b1-95b4-1b6f8f593b2d) # Product Export & Import ## Import Product {% embed url="" %} {% hint style="success" %} [Read More](https://help.shopify.com/en/manual/products/import-export/import-products) {% endhint %} ## Export Product {% embed url="" %} {% hint style="success" %} [Read More](https://help.shopify.com/en/manual/products/import-export/export-products) {% endhint %} # Product Features # Pre-order Product A **pre-order** feature is a great option for retailers with out-of-stock products. This ensures that the demand isn't left unmet and consumers are able to purchase what they want on their time schedule, rather than having to wait around until it's back in stores again. **You can check the product:** [**https://lezada-speed.myshopify.com/products/product-preorder**](https://lezada-speed.myshopify.com/products/product-preorder) ## **Step 1:** Go to Products > Choose product > Enable "**Continue selling when out of stock**" option ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhg_PRp52YaaR47BskW%2F-Mhga0ukHYJWbNac-DqF%2Fpreorder.png?alt=media\&token=1b4bd73e-6031-4cb4-b51b-6e71ebb046b7) ## Step 2: #### Add incoming quantity for the product ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhhJvvxp6NxtyWCKU7i%2F-MhhLTmqFZkdNYfzO414%2Fpreorder3.png?alt=media\&token=aa699fc4-ff35-4c42-b129-380d91d85b1f) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhhJvvxp6NxtyWCKU7i%2F-MhhLXW2UmAgIKhl8o-W%2Fpreorder4.png?alt=media\&token=67a45f0a-3652-4c2e-a970-44dd96926a0f) ## Step 3: #### Pre-order product display ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhhJvvxp6NxtyWCKU7i%2F-MhhMDciaaUlXSaHFti3%2Fpreorder5.png?alt=media\&token=e68ef767-4f87-4529-a83d-edee95cf0409) # Back in Stock Notifications This theme includes back-in-stock notifications, which can help you avoid losing consumers and increase your sales. When certain out-of-stock products return to your inventory, you may send an email notification to your customers informing them of their availability without the use of any additional app. As a result, customers may be readily notified when the product they requested is restocked. In this way, you can bring customers back to your store and avoid losing sales. **You can check the product:** [**https://lezada-speed.myshopify.com/products/product-preorder**](https://lezada-health-care.myshopify.com/products/product-dummy-title-2) ## **Step 1:** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhhMGnuOA8s7e_opBXb%2F-MhhRxl7wgmjkHEWbwEL%2Fnotify.png?alt=media\&token=123fd4a5-0ee4-41df-bfa9-12044041d293) ## **Step 2:** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhhMGnuOA8s7e_opBXb%2F-MhhS3lETKeAzjfgZq8d%2Fnotify2.png?alt=media\&token=96180c5a-75f6-424e-bd79-be934c25f6bc) ## **Step 3: Customizer** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhhMGnuOA8s7e_opBXb%2F-MhhSCe_s2EYn1mJdcBI%2Fnotify3.png?alt=media\&token=c102be96-3f47-40d0-b72e-b0b7a389c481) # Sale Product #### If you want to sell a product with a discount, follow the instructions - ## Step 1: Go to Products > Choose product > Add the **compare price** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhhiDZvqtPvrdOj9nI4%2F-MhhilOUtumt2KhLarfC%2Fsale-price.png?alt=media\&token=0c698762-f459-468b-b6a2-7134cc2677ac) ### Sale Product Display **Product Gird Page:** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhhkfOHqEjUn0JZdFUJ%2F-MhhmBmHCpSPsoplmOK6%2Fgird-sale.png?alt=media\&token=5352dfb6-7068-48c2-b370-7b7236f078fd) **Product Details page:** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhhkfOHqEjUn0JZdFUJ%2F-MhhmR0R9omMWrGeMmEM%2Fsale-details.png?alt=media\&token=6658108b-ede1-401a-ba30-bb1f7fb0f519) # Product Unit price ### Displaying unit prices If you sell products in quantities or measurements, then you might need to display the price per unit for certain products. When you enter a unit price for a product, the unit price is displayed on the product pages, collection pages, cart page, checkout pages, and order confirmation notifications. {% hint style="success" %} [Read More](https://help.shopify.com/en/manual/intro-to-shopify/initial-setup/sell-in-germany/price-per-unit) {% endhint %} 1. From your Shopify admin, go to **Products** > **All products**. 2. Click the name of the product that you want to change. 3. Click the variant you want to update. 4. Under **Pricing**, select **Show unit price for this product**. 5. In the **Total measurement of the product** field, enter the number of units your product has. 6. Use the **Select unit** dropdown menu to select the variant's unit of measurement. The type of unit you display is different depending on the type of product you are selling. For example, if the product is 2 litres of soap, then select **litres**. 7. In the **Unit price** field, enter the product's price per unit. 8. Optional: Input a number for the base unit. For example, for a product weighing 1 kg, you might select a base unit of 100 g. 9. Click **Save**. ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlBPrt79S6B1w06Jpx%2F-MhlJJqjuahRNxhUYjj1%2Funit1.png?alt=media\&token=f4bb90b4-9090-4ef7-945d-3ded2b5b26ac) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlBPrt79S6B1w06Jpx%2F-MhlJOjyv4wCSt2hVATg%2Funit2.png?alt=media\&token=637b77b0-b439-44be-836c-84cca40ac08e) ### **Unit price product display** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlBPrt79S6B1w06Jpx%2F-MhlKIPTLsJQ0HtKJapL%2Funit3.png?alt=media\&token=4fdfd7d2-42aa-421f-8ff0-2117b8002aef) # More Important Features ### **Go to this page** {% content-ref url="/pages/-MgsmhaG9aiOgwD3yZPw" %} [Product Metafield for online store 2.0](/product/product-metafield-for-online-store-2.0) {% endcontent-ref %} # Product Metafield for online store 2.0 # How to create metafield * **First, you need to create metafield** -> [admin/settings/Metafields](https://shopify.com/admin/metafields) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhCND-XbvFdt65ObVxP%2F-MhCcg39msbYzNrHgYbt%2F1.jpg?alt=media\&token=4e571479-611a-4582-8e3c-d84159ce942e) * **Add definition** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhCwlASRYdb7851qdtA%2F-MhCxgOCwK2ju7QOW37C%2F3.jpg?alt=media\&token=92f030c1-4b29-41a4-8620-258fc077cdcf) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhCND-XbvFdt65ObVxP%2F-MhCd6ypV4v-OfT7zGO3%2F2.jpg?alt=media\&token=d5f1004d-e66c-43b7-b448-03a9f6a7523a) * **\`Add Metafield Values** 1. Metafield Name \*(***required***) 2. Namespace and key \*(***required***) - ( e.g **namespace.key**) 3. Select content type \*(***required***) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhCND-XbvFdt65ObVxP%2F-MhCgoCUcBHg6qQ1GIJL%2F7.jpg?alt=media\&token=c7193da9-63b1-4885-8156-525c17a46f57) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhCND-XbvFdt65ObVxP%2F-MhCgt2iT9C1-gPs5OGn%2F4.jpg?alt=media\&token=624490f2-469c-4842-9bb3-a1d226ca2916) * **Add metafield value for the specific product** 1. Go to the product list ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhChE0_aUI585k29Di0%2F-MhChypYuq5WFCTfLhoh%2F5.jpg?alt=media\&token=c388525a-40e2-4836-9296-8541e53a1489) 2\. **Go to the single product > Scroll down > Then add metafield value** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhCgvN-JNUdD3KJKIyK%2F-MhChAVhhPdbfCHgCLYF%2F6.jpg?alt=media\&token=3cb99b33-98fd-4c69-9665-21d4357ae6bd) # Product CountDown * To create a metafield follow the instructions - {% content-ref url="/pages/-MhCXSm0xeX5rHTjAfsg" %} [How to create metafield](/product/product-metafield-for-online-store-2.0/how-to-create-metafield) {% endcontent-ref %} * **Metafield name: *****Product Countdown*** * **Namespace and key:** `meta.product_countdown` ``` meta.product_countdown ``` * **Select content type:** Date & Time ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhClfGrkLaro6OBd2oe%2F-MhCp3YNwrTovgeLsVET%2Fcdown-1.jpg?alt=media\&token=b63f6d2c-3105-4f84-8ded-fd5cf21cd56b) * **Final Setup of a countdown metafield** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhClfGrkLaro6OBd2oe%2F-MhCplF5rYRpZjjsGwba%2Fcdown-2.jpg?alt=media\&token=a7ae035b-2f27-430c-817b-46eb54b4d1f1) ### Add Countdown Value for a specific product ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhCq9208AfL_GdJvWi7%2F-MhCvtcwuK_Oh1aEBHiy%2Fcdown-3.jpg?alt=media\&token=aa7db08b-5d3c-4cdf-823a-aa0f4fc3c436) ### Countdown Product Frontend ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhCq9208AfL_GdJvWi7%2F-MhCwZKnOMdfzwQc2Bwd%2Fcdown-4.jpg?alt=media\&token=0648f688-e482-4dc7-a88e-ebf64765e52b) # Product Short Description * To create a metafield follow the instructions - {% content-ref url="/pages/-MhCXSm0xeX5rHTjAfsg" %} [How to create metafield](/product/product-metafield-for-online-store-2.0/how-to-create-metafield) {% endcontent-ref %} * **Metafield name: *****Product Shortcode*** * **Namespace and key:** `meta.product_excerpt` ``` meta.product_excerpt ``` * **Select content type:** Text ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhCxk6PD6SS_oA2j1u3%2F-MhD_faA-ekWV5N-9LTs%2Fprodesc-1.jpg?alt=media\&token=19ec1326-ab62-4b79-9281-21f653e4a4df) * **Final Setup of a product short Descirption metafield** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhCxk6PD6SS_oA2j1u3%2F-MhD_kJGl_5bvD6-rdfM%2Fprodesc-2.jpg?alt=media\&token=ca139d75-d2ef-4445-9264-bd200bb8ce86) ### Add Product Short Description for a specific product ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhCxk6PD6SS_oA2j1u3%2F-MhDdAmaoh7bu2VkE-7e%2Fprodesc-3.jpg?alt=media\&token=c495016f-90f4-4e0c-9aa5-c81c9dd03204) ### Product Short Description Frontend view ***Single Product page*** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhCxk6PD6SS_oA2j1u3%2F-MhDdWVnmXCpvgQWj504%2Fprodesc-4.jpg?alt=media\&token=6eec9f52-ac3e-4265-be1d-48301f85f1c5) ***Collection list page*** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhCxk6PD6SS_oA2j1u3%2F-MhDd_whwLYwm6c0CdZv%2Fprodesc-5.jpg?alt=media\&token=f0e946ee-1e42-4b18-b39d-57ccb6788f47) # Product Variant Color * To create a metafield follow the instructions - {% content-ref url="/pages/-MhCXSm0xeX5rHTjAfsg" %} [How to create metafield](/product/product-metafield-for-online-store-2.0/how-to-create-metafield) {% endcontent-ref %} * **Metafield name: *****Product Variant Color*** * **Namespace and key:** `meta.variant_color` ``` meta.variant_color ``` ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2FxmcAY1WPR589fiMkyjhi%2Fvariant_1.png?alt=media\&token=d4c62dec-ec78-40ec-a10a-ce815d00e6b7) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2Fkutd4Cz9fg3vJbPmUErk%2Fvariant_2.png?alt=media\&token=3581e39e-d227-4d4a-add7-4faaf90de97f) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2FB6Bb0OEQr3rjq1THxtPx%2Fvariant_3.png?alt=media\&token=07837758-cb5e-4ef4-8f3e-a30853f8612d) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2FBoGGeYM6GMlpjFTDEB61%2Fvariant_4.png?alt=media\&token=4ffe882f-73a1-4757-875c-32d4877d886e) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MccyNuK6eTGishgIP-S%2Fuploads%2Fde1b7hAJvdcEwHTHzNzR%2Fvariant_5.png?alt=media\&token=6d68eb1c-c969-40b4-a6bd-61656bec4afb) # Product New Badge * To create a metafield follow the instructions - {% content-ref url="/pages/-MhCXSm0xeX5rHTjAfsg" %} [How to create metafield](/product/product-metafield-for-online-store-2.0/how-to-create-metafield) {% endcontent-ref %} * **Metafield name: *****Product New Badge*** * **Namespace and key:** `meta.product_new_badge` ``` meta.product_new_badge ``` ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhClfGrkLaro6OBd2oe%2F-MhCp3YNwrTovgeLsVET%2Fcdown-1.jpg?alt=media\&token=b63f6d2c-3105-4f84-8ded-fd5cf21cd56b) * **Final Setup of a product New badge metafield** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhDfDajI1jO5LFqLmub%2F-MhDgzpUqfIjOe7Xb8YV%2Fnewbadge-1.jpg?alt=media\&token=48ccb6bc-f257-43d5-84d4-13da1be60fdd) **Select date how many days do you want to display New Badge/Sticker for a specific product** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhDfDajI1jO5LFqLmub%2F-MhDix12cg_ltAMuZqar%2Fnewbadge-2.jpg?alt=media\&token=68d90230-a775-4542-9b49-a592c6ed013e) ### Product New Badge Frontend view ***Collection Grid page*** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhDfDajI1jO5LFqLmub%2F-MhDjjSW3KA3cs6Se1yt%2Fnew_badge_gird.jpg?alt=media\&token=eeef229e-bb92-4768-a313-1ec56840f8c8) ***Product page*** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhDfDajI1jO5LFqLmub%2F-MhDjohVM8f1Q9t1pBBP%2Fnew_badge_details.jpg?alt=media\&token=a920b149-f10f-4cff-892d-9e8ffb25f5df) # Product Size Guide * To create a metafield follow the instructions - {% content-ref url="/pages/-MhCXSm0xeX5rHTjAfsg" %} [How to create metafield](/product/product-metafield-for-online-store-2.0/how-to-create-metafield) {% endcontent-ref %} * **Metafield name: *****Product Size Guide*** * **Namespace and key:** `meta.product_size_guide` ``` meta.product_size_guide ``` ### You can add images or text for the product size guide **e.g** You can select the **type file field** for the product size guide metafield ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhbk7TiuOlzWvEs-4Zg%2F-MhbyDzp0I3JFlaKb6OL%2F3.png?alt=media\&token=3989cc8a-d0b4-4e37-92e1-8372cfbeb9a9) **Final Setup of a product New badge metafield** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhbk7TiuOlzWvEs-4Zg%2F-MhbyNdkz031JkTs1sM6%2F4.png?alt=media\&token=a9813fc1-77c1-483b-8723-bfba169e7750) #### Add Product size guide image for a specific product ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhbk7TiuOlzWvEs-4Zg%2F-MhbzaUqxA788TNFdx12%2Fsizeguide.png?alt=media\&token=24b9d59d-1e03-40b6-8f83-0c1384b8092e) ### Product Size Guide Frontend view ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhbzenZQSenWs2nrf4J%2F-Mhc3QFnE7pBp4zcOZi9%2Ffront.png?alt=media\&token=4a4c8d81-f8f9-4632-bd10-4d715675a62c) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhbzenZQSenWs2nrf4J%2F-Mhc3VKOvgWMYSRm4oz9%2Ffront-2.png?alt=media\&token=d55b6b28-f63a-4d8e-8162-600c0fde8283) ### Product Size Guide Textarea **e.g** You can select the **type Text field** for the product size guide metafield ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhc3c9MGM-hbsZ_u3nj%2F-Mhc4JS10m7IItC4wmNi%2Ftext.png?alt=media\&token=f7b966f8-6cdf-40a4-85cb-7f2ea21591c2) #### Add Product size guide text content for a specific product ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhc4a94ZCAo4xXr5UZ5%2F-Mhc5H3QJjSpc7I40bLW%2Fsize-guide-text.png?alt=media\&token=5d92762d-3166-4499-ae35-c45237ed89d8) ### Textarea Frontend view ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhc4a94ZCAo4xXr5UZ5%2F-Mhc5dossP0PBkiqPP3y%2Ftextimage.png?alt=media\&token=54e60bab-2fd8-4464-ad74-42101f18006b) ## **Customizer Settings** * You can add global size guide information to all the images (Option: **Global Page Field**) * Or you can add Different "size guide" information for an individual product (Option: **Metafield**) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcKB8OAlLFl8iw9WTV%2F-MhcLYox9x-ApN4pP1eC%2Fsize-guide11.png?alt=media\&token=014340b2-d062-409a-808b-f5b1214b54ce) # Product Shipping Policy * To create a metafield follow the instructions - {% content-ref url="/pages/-MhCXSm0xeX5rHTjAfsg" %} [How to create metafield](/product/product-metafield-for-online-store-2.0/how-to-create-metafield) {% endcontent-ref %} * **Metafield name: *****Product Shipping policy*** * **Namespace and key:** `meta.product_shipping_policy` ``` meta.product_shipping_policy ``` ### You can add images or text for the product size guide **e.g** You can select the **type text field** for the product size guide metafield ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcBGSW4_uMqOBAe5eU%2F-MhcEP8OYNtgLUwLzrTM%2Fship1.png?alt=media\&token=92a54669-86f3-4a90-97e6-aaeee9d1102b) **Final Setup of a product New badge metafield** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcETZloGOSAlVlO6Zr%2F-MhcHD8jyx5bZENBNdua%2Fship2.png?alt=media\&token=039aceac-461e-45b0-9667-27724b717076) #### Add Product Shipping Policy text for a specific product ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcETZloGOSAlVlO6Zr%2F-MhcHN9YGJDTg42Qi56-%2Fship3.png?alt=media\&token=28772d28-411a-4e7c-b15a-6d8d34852c88) ### Customizer Settings * You can add Shipping Policy to all the images (Option: **Global Page Field**) * Or you can add Different Shipping Policy for an individual product (Option: **Metafield**) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcIWzNmxt4ZSZvJIyC%2F-MhcJfkNCOuUBTDMzVPp%2Fship4.png?alt=media\&token=968705a0-27cd-4bb3-876d-769b6378a961) ### Product Shipping Policy Frontend view ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcIWzNmxt4ZSZvJIyC%2F-MhcJ0m23iJqRNtMpWuh%2Fshipping.png?alt=media\&token=572b3780-11cf-4b14-9625-9ff4d3bf9279) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcIWzNmxt4ZSZvJIyC%2F-MhcJuOXAPL2hIn601zi%2Fship5.png?alt=media\&token=71fe90bb-bc51-4fd3-900c-1a171314f498) ### # Product Video * To create a metafield follow the instructions - {% content-ref url="/pages/-MhCXSm0xeX5rHTjAfsg" %} [How to create metafield](/product/product-metafield-for-online-store-2.0/how-to-create-metafield) {% endcontent-ref %} * **Metafield name: *****Product Video*** * **Namespace and key:** `meta.product_video` ``` meta.product_video ``` ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhCxk6PD6SS_oA2j1u3%2F-MhD_faA-ekWV5N-9LTs%2Fprodesc-1.jpg?alt=media\&token=19ec1326-ab62-4b79-9281-21f653e4a4df) * **Final Setup of a product video metafield** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhDlNa9YZf4kQRc1BsF%2F-MhDmnGnZuPPhB0Xu6Fq%2Fvideo-1.jpg?alt=media\&token=9af03654-096d-4081-a7fa-f9047dcdd6e4) ### Add Youtube video id for a specific product ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhDlNa9YZf4kQRc1BsF%2F-MhDnl5owWGgXKBSMiVB%2Fyoutube-video.jpg?alt=media\&token=7dcfe2d4-d07b-4d57-889b-5710fb478404) **How to find youtube video ID** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhDoiSrutN18tUGhwe0%2F-MhDpxOkTC7cfWFmWtZ0%2FyoutubeID.jpg?alt=media\&token=3815682c-317b-4462-9f48-dbe778a92e28) ### Product Video ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhDlNa9YZf4kQRc1BsF%2F-MhDoMNazxJHljVf00AM%2Fproduct-video-view.jpg?alt=media\&token=70b01bc7-0713-49b4-ae13-94ad815aab94) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhDlNa9YZf4kQRc1BsF%2F-MhDoe4gWYFYWAWVMjo5%2Fproduct-video-view-2.jpg?alt=media\&token=8d43c1ae-e2b4-440a-b41d-d7e412d0d230) # Unique Accordion * To create a metafield follow the instructions - {% content-ref url="/pages/-MhCXSm0xeX5rHTjAfsg" %} [How to create metafield](/product/product-metafield-for-online-store-2.0/how-to-create-metafield) {% endcontent-ref %} ## First, You need to add Unique Accordion Block from the customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcP_pVHhwm4UiBERXp%2F-MhcXiupR3UJ3cmKWOYu%2Funique1.png?alt=media\&token=c03d420e-2aa8-4b16-befa-5fd6ffe05fb0) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcP_pVHhwm4UiBERXp%2F-MhcXoCby4_pnF7AXeWf%2Funique2.png?alt=media\&token=15312f34-58fe-4a92-b3b5-51b038b33ae5) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcP_pVHhwm4UiBERXp%2F-MhcXuUqlEDEJURKlAee%2Funique3.png?alt=media\&token=14de889a-e7a1-4c4d-ba3b-9055339f58f1) ## Create a Metafield ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcP_pVHhwm4UiBERXp%2F-MhcYc-iCa2UIQYJQHCj%2Funique6.png?alt=media\&token=25ce8895-bc97-417a-ab81-daa558db099c) ### **Copy the product metafield code** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcYeR2mNNe4ZTgg9ez%2F-MhcZlA0KUZbXhNFDQj5%2Funique-7.png?alt=media\&token=92a31616-2538-47af-83fd-6e363c04867c) ### Paste the Metafield code to the customizer 1. Of course, add the metafield code **inside the curly bracket** {{ ... }} 2. **The dot value object property must be added** **e.g -> `{{ product.metafields.meta.unique_tab.value }}`** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcYeR2mNNe4ZTgg9ez%2F-Mhc_3HtxqBbvgGxTbHY%2Funique-8.png?alt=media\&token=1033f370-3958-47af-831f-1616a6c65148) ### Add product unique accordion content for a specific product ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhcassc_fg7ipvHOb_O%2F-MhcbD5KUJnOoXzKRHO6%2Funique-9.png?alt=media\&token=dfeab9ca-48a7-4e26-84bc-1380ec4933f8) ### Product unique accordion Frontend view ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcbWqYz3UBoGo7p4So%2F-Mhcbi9WESyHZft0JEVz%2Funique-10.png?alt=media\&token=c579c545-6580-4cf0-b6eb-f98d5696324f) # Affiliate link add * To create a metafield follow the instructions - {% content-ref url="/pages/-MhCXSm0xeX5rHTjAfsg" %} [How to create metafield](/product/product-metafield-for-online-store-2.0/how-to-create-metafield) {% endcontent-ref %} ## Affiliate link add instead of the "Add To Cart" button ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhg5aJO6wr7aQECS7aL%2F-Mhg8MTfTo3etCPuFObg%2Faffi3.png?alt=media\&token=82d4a539-dc97-400a-92b7-edf5846eed65) ## Metafield Setup * **Metafield name: *****Product Affiliate Link*** * **Namespace and key:** `meta.product_affiliate_link` ``` meta.product_affiliate_link ``` ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhg9EMx_iVx-icBhet8%2F-Mhg9dCEin2p-VAUM-us%2Faffi1.png?alt=media\&token=b20e25a7-a25f-4571-bfe8-09c4cfa024e3) ### Add Affiliate link for a specific product ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhg9fbjjsDtaH_T0Q7W%2F-Mhg9qcjaZS3U6nKKMoe%2Faffi2.png?alt=media\&token=b5324abc-f5ec-4b21-84fb-a3d90ac866e7) # Unique Tab * To create a metafield follow the instructions - {% content-ref url="/pages/-MhCXSm0xeX5rHTjAfsg" %} [How to create metafield](/product/product-metafield-for-online-store-2.0/how-to-create-metafield) {% endcontent-ref %} ## Unique tab add for a specific product ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhgA6HpPJPeBhzThUfD%2F-MhgEYReLpUp9Fugrupr%2Funique-tab1.png?alt=media\&token=b1e7572a-2002-43b2-8474-0a3d7978aec1) ## First, You need to add Unique Accordion Block from the customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhgA6HpPJPeBhzThUfD%2F-MhgHG4XJMu8x7xXAY5G%2Funique-tab2.png?alt=media\&token=fe800d55-fed6-43f0-86e3-5f4782345bc3) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhgA6HpPJPeBhzThUfD%2F-MhgHKEYvU4z0d5DFdx0%2Funique-tab3.png?alt=media\&token=1e6a3e61-e907-4dbb-87c2-f70ee499633e) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhgA6HpPJPeBhzThUfD%2F-MhgHRrbME7Vs1H5w0u-%2Funique-tab4.png?alt=media\&token=1d8c0a46-6a87-4e52-bb10-a6b32ba45b2e) ## Create a Metafield ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcP_pVHhwm4UiBERXp%2F-MhcYc-iCa2UIQYJQHCj%2Funique6.png?alt=media\&token=25ce8895-bc97-417a-ab81-daa558db099c) ### **Copy the product metafield code** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhcYeR2mNNe4ZTgg9ez%2F-MhcZlA0KUZbXhNFDQj5%2Funique-7.png?alt=media\&token=92a31616-2538-47af-83fd-6e363c04867c) ### Paste the Metafield code to the customizer 1. Of course, add the metafield code **inside the curly bracket** {{ ... }} 2. **The dot value object property must be added** **e.g -> `{{ product.metafields.meta.unique_tab.value }}`** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhgA6HpPJPeBhzThUfD%2F-MhgHxEAJ_2wDxDNlrW4%2Funique-tab5.png?alt=media\&token=362304ad-8872-4bcf-bab3-83c3f8b5c94d) ### Add unique tab content for a specific product ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhcassc_fg7ipvHOb_O%2F-MhcbD5KUJnOoXzKRHO6%2Funique-9.png?alt=media\&token=dfeab9ca-48a7-4e26-84bc-1380ec4933f8) # Product Item Settings ## Step 1: 1. Go to **Customizer** 2. **Theme Settings** 3. **Product Item Settings** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhlac7-LkF9nHlTyNb-%2F-MhldUySQs698g3qKsD-%2Fprod1.png?alt=media\&token=2c42dcff-8e5a-42ea-b339-f1063baab4c7) ## Show the second image on hover ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhldb-RW3n4Womlbiop%2F-MhleBM1Q0Kps1lD6trf%2Fprod2.png?alt=media\&token=f14d5348-920a-445a-b476-32e12e31684a) ## Product Image Size * You can add a custom ratio for the product images ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhleFWWgcP38bWZ5IZ4%2F-Mhleqer3Fa9ZcjHRGTz%2Fprod3.png?alt=media\&token=4490c440-c5ec-4fce-8f1f-6fe539f28f2e) ### The best way is to upload images of all products of the same size. > Suppose you need a square-shaped image for the product. You should create the same size image for all products, then upload the image for all products. ## Product Title * You can enable/disable title from the product grid * You can control product title length ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlgaulOePaBAgQqzJ9%2F-MhlishccFCadB-bA0jN%2Fprod4.png?alt=media\&token=e7ab60a5-8301-488c-b6b1-c429e709912b) ## Fixed Content / No Hover ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhm8xrh-SYqaYuvZdYN%2F-Mhm9MOxfsXORWcgRssW%2Fprod7.png?alt=media\&token=d12794a5-ab4b-4d61-b086-2f8a53d8f789) ## Show variant on hover ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhm6ZZMrntzXiN7oSma%2F-Mhm8fwK-_jH7Bh_QChd%2Fprod5.png?alt=media\&token=7c180db6-7c46-44b9-bb2c-99857936c055) ## Product Content Alignment ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhm8jBUvZp7T0yNtSt-%2F-Mhm8vpjYbPfnGBd8d43%2Fprod6.png?alt=media\&token=dab10424-7fe9-43c1-a174-75d42e2fe1ad) ## Product Countdown ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhm9S7Ddiutg_WKcCM-%2F-MhmA8V6Vstkjbs1p4AN%2Fprod8.png?alt=media\&token=44dc99fb-990a-48a3-8133-71b28399ffa9) ## Product Badge Control / Text Change ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmAE7SdfE5qEdv3Wn7%2F-MhmCgzk-1lCnRIiGrQ4%2Fprod9.png?alt=media\&token=b24caef9-535a-4595-949e-a29fdf053f05) ## Pre-Order Button Text ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmCmzV0Tvcrv9ZBA-S%2F-MhmE-VhxI1SwipCJNAj%2Fprod10.png?alt=media\&token=a6ddc1e3-f08b-4b0e-b2b6-ed1de9d8f73d) ## Product "Add To Cart" Button Text Change ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmE3IuSLNHMuKMrSJH%2F-MhmFNCBSO3UbyG68FPn%2Fprod11.png?alt=media\&token=8a6ed16a-0130-4dbd-aaa5-ea9a73568e13) ## Product Ajax Cart Type 1. Ajax Spin Cart 2. Ajax Popup Cart 3. Without Ajax Cart ### **Ajax Spin Cart** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmFQAqcHWjgLY4cP9z%2F-MhmH5JsQp_2ItgyDvg3%2Fezgif.com-gif-maker.gif?alt=media\&token=d52797be-d5c9-45c9-8a90-0b14b2e2db29) ### Ajax Popup Cart ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBG97YglqPQNz5fdfJ%2F-MiBH2CDtZPnJnl6IOBM%2FAjax-popu_cart.gif?alt=media\&token=5486d038-f5c5-4915-b2d3-c68d25ed666e) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmJJTSCOJikLI-e3Fi%2F-MhmJguzR4-8tlFvwRFo%2Fprod12.png?alt=media\&token=6298221c-67ee-4cee-bf22-f8cf3f6bd887) ### Without Ajax Cart ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmIAYDOTROrqXQhaFO%2F-MhmJFZVY_JgKkz3LHGd%2Fezgif.com-gif-maker%20\(2\).gif?alt=media\&token=2fcbea6f-d7a0-4e34-9167-afd032d29d2c) ## Product Quick View ### **Step 1:** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmJlvm7rnpJ3IzYkdh%2F-MhmKVntcqiXV46VFcf3%2Fprod13.png?alt=media\&token=0f756c78-8f9b-4439-98d3-a794c05c8a38) ### **Step 2:** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmJlvm7rnpJ3IzYkdh%2F-MhmK_MLvldM4UkehZ3a%2Fprod14.png?alt=media\&token=3058574f-4586-4248-9a2e-295d3844d39a) ## Product Wishlist ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmKcmSsffaBCFx6Mki%2F-MhmLHw04V2YZzWRpl0X%2Fprod15.png?alt=media\&token=04c18607-892e-48c1-91e1-8591f711cf3e) ### How to configure wishlist, please follow the instructions - {% content-ref url="/pages/-MhCFtDn7tfAh1-OByq8" %} [Whislist Page](/pages/whislist-page) {% endcontent-ref %} ## Product Compare ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmLcHDuZwxSFRjuWnA%2F-MhmM3x-Fe0IVDxisST5%2Fprod16.png?alt=media\&token=67aa7066-8240-4555-b72a-5a9c80b79620) # Product Page ## Step 1: Go to the product page customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhx4yBgZnQFnqArpoZE%2F-Mhx8VVYf8lbwuz4A8tn%2Fproduct1.png?alt=media\&token=ad8f2d65-40fd-48ee-a20c-5c55038c6473) ### Product Page Customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhx4yBgZnQFnqArpoZE%2F-Mhx8Y3JLpxxZDkndzD3%2Fproduct2.png?alt=media\&token=4414108d-2a50-4aa8-b227-8dbadf36cf13) ## Product Gallery Type * Bottom Horizontal Mode * Left Verticle Mode ### Bottom Horizontal Mode ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhx92uBxVwdMUgxwcyB%2F-Mhx9Q1cmtKzeKlrARHP%2Fgallery1.png?alt=media\&token=6f76bce5-4d4c-4c8d-b98b-1ae07ff45ca3) ### Left Verticle Mode ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhx92uBxVwdMUgxwcyB%2F-MhxB5f2tnOyht69cch1%2Fgallery2.png?alt=media\&token=a752f69f-28a7-4c30-83f8-1e69893d5345) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhx92uBxVwdMUgxwcyB%2F-MhxBAgNPPGMIclynDfp%2Fgallery3.png?alt=media\&token=26cc883b-61d1-40fc-8431-14478dbb39d7) ## **Product Media** {% hint style="success" %} [**Lezada Live Demo**](https://lezada-demo.myshopify.com/products/3-variable-product) {% endhint %} ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-__gPvPfhEe0CwNW5%2F-Mi-dAiigwttKwSPGw07%2Fmedia.png?alt=media\&token=76114b7b-514b-41f5-93f8-ec264d2508ee) {% hint style="success" %} [**Read More**](https://help.shopify.com/en/manual/products/product-media) {% endhint %} ## 3D Model For Product Media {% hint style="success" %} [**Lezada Live Demo**](https://lezada-demo.myshopify.com/products/grey-tool) {% endhint %} ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-__gPvPfhEe0CwNW5%2F-Mi-ghsCMKOF17K9_41g%2F3d-gif.gif?alt=media\&token=20c373eb-418c-49df-acc7-ed8f1c4a30df) {% hint style="success" %} [**Learn More 3D Model**](https://help.shopify.com/en/partners/resources/creating-media/3d-models/creating-3d-models) {% endhint %} ### 3D **AR Viewer** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-h0RTBOPCSCRs9PlS%2F-Mi-hKnCeYhqqYxdEjXz%2Fsingle-product-9.jpg?alt=media\&token=994113f2-69ec-442e-bac1-3b6a605876d6) {% hint style="success" %} [**See More 3D AR Viewer**](https://www.shopify.com/ar) {% endhint %} ## Image Popup and Zoom UP ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-iSpbnLglq4lMhYr2%2F-Mi-nFizjhtLEUA_CTV6%2Fzoom.png?alt=media\&token=07e75c1f-67d6-446d-a3c6-4feff924723b) ## Sticky Add To Cart ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-nwGx8iypDGzcW4_t%2F-Mi-oQOzVGBpflOJFsvO%2Fsticky_proudct.png?alt=media\&token=4322d8c7-c823-49c4-a4c9-6b1d14968447) ## Back to Stock in Notification **See more details on this page** {% content-ref url="/pages/-Mgsp2mqZz86UwO-fkom" %} [Back in Stock Notifications](/product/product-features/back-in-stock-notifications) {% endcontent-ref %} ## **Drag and Drop All Element** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MgAEia4ku7fbiaLVvge%2F-MgAGR4FKn5dAZtjP2Xt%2Fdrag_n_dorp.gif?alt=media\&token=d57c3b8a-f879-473b-a7b1-f3e864eefa3d) ## Adding or Removing Element ### Step 1: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-qdROPVjDogG_0Od0%2F-Mi-rhQZ8tiWCIY87cOF%2Fblock_element.png?alt=media\&token=102f2e7b-a8e3-416c-8279-21dfece2b1ba) ### Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-rjZnrEuQ3_3lnI7p%2F-Mi-rojJjg122EoBj8CY%2Fblock_element2.png?alt=media\&token=2dca1f82-e5c1-4c01-91eb-c735d4eb3868) ### Step 3: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-rt2vR2D9GkTkmy2R%2F-Mi-tP2_uUX-Ovscei4i%2Fblock_element_3.png?alt=media\&token=f6737ccd-ebb1-4c0f-a13e-c724a8b3bf3e) ## Product Metafield Configuration ### Product Short Description -> **Go to the page for the metafield configuration** {% content-ref url="/pages/-Mgso29C8fy9JkOPGlWJ" %} [Product Short Description](/product/product-metafield-for-online-store-2.0/product-short-description) {% endcontent-ref %} ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-tlRswoezK-rJVZKm%2F-Mi-u2HJBCr9eg1HrW77%2Fmeta-desc.png?alt=media\&token=26951f7b-28f0-4199-853d-94a0c5262227) ### Product Countdown Timer -> **Go to the page for the metafield configuration** {% content-ref url="/pages/-Mgsnwrz7JiTT92EC2RK" %} [Product CountDown](/product/product-metafield-for-online-store-2.0/product-countdown) {% endcontent-ref %} ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-uSsB5oRkFr2xK_zw%2F-Mi-utTjAx-Iqmu9wysl%2Fcountdown.png?alt=media\&token=361ef91d-ef44-4175-85cc-87b9072f2f0f) ### Product Size Guide **-> Go to the page for the metafield configuration** {% content-ref url="/pages/-MgsoQStXO3gLb0LTGKl" %} [Product Size Guide](/product/product-metafield-for-online-store-2.0/product-size-guide-and-shipping) {% endcontent-ref %} ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-ux__qnDja8AmHWWd%2F-Mi-wATpU-w7ytaaoJAq%2Fsize_guide.png?alt=media\&token=d1a52b53-45a1-4fe7-b4fd-a805acbafc53) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhbzenZQSenWs2nrf4J%2F-Mhc3VKOvgWMYSRm4oz9%2Ffront-2.png?alt=media\&token=d55b6b28-f63a-4d8e-8162-600c0fde8283) ### Product **Shipping Policy** **-> Go to the page for the metafield configuration** {% content-ref url="/pages/-Mhc8OeY9jswpizP0vGm" %} [Product Shipping Policy](/product/product-metafield-for-online-store-2.0/product-shipping-policy) {% endcontent-ref %} ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-ux__qnDja8AmHWWd%2F-Mi-wW8zsOFI4x-klH0y%2Fshipping.png?alt=media\&token=d9e8d487-9f48-45eb-a62c-052138ed8ea0) ### Unique Collapsible Tab **-> Go to the page for the metafield configuration** {% content-ref url="/pages/-MgsoguwNoI2ASSvBxc2" %} [Unique Accordion](/product/product-metafield-for-online-store-2.0/unique-accordion) {% endcontent-ref %} ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-weTVzhS31SMwcMs-%2F-Mi-xCohpQv_lGBW0NoS%2Funique_faq.png?alt=media\&token=fcc08207-2566-451e-8911-1853cdb51be0) ## Product Variant Picker * Dropdown Select * Radio Button * Without Variant ### Dropdown Select ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-xkWiDaflk1PY_I2f%2F-Mi-yWw-Ton90NmbFGJA%2Fselectvariant.png?alt=media\&token=78a8ccb8-43aa-4221-8186-54e5e6dc42e3) ### Radio Button ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-xkWiDaflk1PY_I2f%2F-Mi-yf0_7-5_NW0Bbgit%2Fradio.png?alt=media\&token=342685b9-06cd-48e3-b013-9bc95ea20e54) ### Without Variant ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi-xkWiDaflk1PY_I2f%2F-Mi-ylGrDEfO_ugv4lNs%2Fno_variant.png?alt=media\&token=348b8a19-8af7-4b26-8005-b5747b84c07b) ## Buy Button & Quantity ### Step 1: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0-PEzO4vXccKftV1V%2F-Mi00Vkqtm_OpVEecXCl%2Fbuy_button.png?alt=media\&token=71027dcc-7514-4ac1-b228-2d9ee0d424cb) ### Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0-PEzO4vXccKftV1V%2F-Mi00aptDxi9BZz-T2Yr%2Fbuy_button2.png?alt=media\&token=72931ca1-ce09-43f7-a268-fa6d51b6a4b3) ## Social Share, SKU, BarCode, etc ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi00eALSZ0nXJUczXtG%2F-Mi01BwWH4CKencRa6pI%2Fsocial_share.png?alt=media\&token=7d4cdef3-4da8-4ffa-8da3-31c3b576b8ae) ## Guaranteed Safe Checkout ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi01IOTfIEJG8Chwzvs%2F-Mi0280YgPqzfmH0qTyR%2Fsafe.png?alt=media\&token=fa88a3f0-cc04-45e1-9309-acd3e0db0ac5) # Product Tab Section ## Step 1: Customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi03XDXIPmvUVH8gxPg%2F-Mi03raL-YexrYQHL7Wc%2Ftab.png?alt=media\&token=d232ea22-e5a5-4756-a5e2-f34d9563fa36) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi03wLytjPDaxM7-pUL%2F-Mi06mOIn_hubKRmg_7K%2Ftab1.png?alt=media\&token=ab7e718f-5dae-4326-ae0d-d105e33bd2b9) ## Step 2: Product Description ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi03wLytjPDaxM7-pUL%2F-Mi06ufHaRPcc2CzwaU_%2Ftab%202.png?alt=media\&token=14a03c6f-67a9-4dcf-94ca-ebe38e119604) ## Step 3: Product Review ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi03wLytjPDaxM7-pUL%2F-Mi070Pxnl1t31hN59xL%2Ftab3.png?alt=media\&token=25a80f1c-2567-42d5-9cd0-1e7e4ce01cd4) ## Step 4: Unique Tab **-> Go to the page for the metafield configuration** {% content-ref url="/pages/-MgsomfmH95xD\_dY3R03" %} [Unique Tab](/product/product-metafield-for-online-store-2.0/unique-tab) {% endcontent-ref %} ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi03wLytjPDaxM7-pUL%2F-Mi07IAtwHbRv2JjUizC%2Ftab4.png?alt=media\&token=29c9f445-239a-4720-8e82-e9f46543d2a5) ## Step **5**: Custom Tab ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi07MT5HZTeOPSDSU3I%2F-Mi07bNSXjsd5xvm7A-c%2Ftab5.png?alt=media\&token=643ea91c-a220-40c1-85e1-b716fd0d9249) # Related Product ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi07g6eYcr3wpPqWagY%2F-Mi088OXQpixaFgRprLN%2Frelated_product.png?alt=media\&token=111be2f5-eabb-4273-a15c-9dfa4782242e) # Recommended Product ## Step 1: Customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi08F0RVMbcwWcRc9s_%2F-Mi08ZS35L9NghwujUoB%2Frecommended.png?alt=media\&token=410376f6-3523-405f-9c0d-eb09c4b389d1) ## Step 2: You can select a specific collection ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi08F0RVMbcwWcRc9s_%2F-Mi08ujzZ-sJWAFRH-_L%2Fcollection.png?alt=media\&token=4d8328ce-01b7-473b-84fb-b9b33d2f5038) # Recent Viewed Product ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi08yvPSQZ1MknsMYsf%2F-Mi09SJZ0CoNmwEzN7Mm%2Frecent.png?alt=media\&token=a15769c9-98a0-4269-9a4c-4f88732d4061) # Create collection {% embed url="" %} {% hint style="success" %} [Read More](https://help.shopify.com/en/manual/products/collections/manual-shopify-collection#create-a-manual-collection) {% endhint %} ## Step 1: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmM8mdvqENQISahLPp%2F-MhmRTwtpRsXiDN9hAqa%2Fcollection-1.png?alt=media\&token=c71ccdea-ebcb-41bf-bbfc-9b26381b6937) ## Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmM8mdvqENQISahLPp%2F-MhmRavtqE1_aohZnNEu%2Fcollection-2.png?alt=media\&token=1442c953-08a3-4217-8fc6-1842dd9c5feb) ## Step 3: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmM8mdvqENQISahLPp%2F-MhmRrCDhXaOMP5FY9qN%2Fcollection-3.png?alt=media\&token=1b4d143b-6431-4bb9-a28c-62784de4d742) ## Step 4: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmM8mdvqENQISahLPp%2F-MhmRgccrWubNcz51gxM%2Fcollection-5.png?alt=media\&token=ae01f90b-d994-414c-b2a9-055ce6a65469) # Collection page ## Step 1: Collection Template * Go to the "Collection" page on the Customize page from Customizer. Display the functionality for this page. ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmTT8mmgs1KA31124e%2F-MhmUghc1Epq1soxf_g4%2Fcollection-1.png?alt=media\&token=bc23640c-8840-423e-8230-72e79515e412) ## Step 2: Collection Toolbar ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmUkGm0C2VROJyLjBm%2F-MhmXlveDq0RvYkdOTpD%2Fcustomizer.png?alt=media\&token=7a2682ce-3a10-497a-b38c-a1a346e7cf94) ## Step 3: Show Collection Title & Description ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmUkGm0C2VROJyLjBm%2F-MhmY3mtxi8CHTphdpW2%2Fcollection-2.png?alt=media\&token=d33cb0bc-856f-4a2d-b6ad-03f971a93eba) ### You can display collection title and description to page title bar ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmY7tZE3Z3TEFjtrb1%2F-MhmZ7p50BeMstXP4CRO%2Fcollection-3.png?alt=media\&token=09093fcc-7eec-433c-ac30-a212dc2cbcab) ## Step 4: Product Column & Sidebar Customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmZAsExlBe2lLsNNWm%2F-Mhm_57MFiL6S7BbaOeG%2Fcollection-4.png?alt=media\&token=9ddde7ec-6ce2-4943-bef9-a4449afa2c5d) # Sidebar Filter ## Step 1: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhm_Aw4K1J79Ihfonck%2F-MhmbnHs6zWxY7PA3Ub1%2Fcollection-5.png?alt=media\&token=5cfb77a7-f4ac-4207-9f5f-0a9658aa77e0) ## Step 2: Color filter ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmbpSJY6s3iRwUJFeD%2F-Mhmcny3juHhMT5Ve3Wj%2Ffilter1.png?alt=media\&token=b321d3da-0dbe-42f7-b5f1-2cedf9ba2846) * **You need to add all the color names on the TAGS field for every single product** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmbpSJY6s3iRwUJFeD%2F-Mhmd84B6xbWQ5yICzkH%2Fcollection-15.jpg?alt=media\&token=57420987-014d-4be6-9309-647b7e2600b5) * **You must add the names of all the characters in the collection color settings field. The colors you put in the product's tag field** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmbpSJY6s3iRwUJFeD%2F-MhmdI-m3ys-7dj1JS04%2Fcollection-16.jpg?alt=media\&token=a06cb9f9-75d6-428f-aca3-289d86b2350c) ## Step 3: Size filter #### In the same way as adding color filters, you need to add the size filters ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhme5yyjmfbqLWKEvWo%2F-MhmgmzE5noSH4RPhoEv%2Ffilter2.png?alt=media\&token=ffe1595b-88ac-4aa0-8eed-01c4c101a200) **You need to add all the size variant names on the TAGS field for every single product** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhme5yyjmfbqLWKEvWo%2F-Mhmh4lNtm5tV0cYOufO%2Fcollection-17.jpg?alt=media\&token=13ffc1fc-7b74-46cb-8cab-8cc5f4cc6910) **You need to put all size names to the size customizer field** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhmh7GxpM69ZUTkivMM%2F-Mhmhv92q12rP5cdSn0C%2Ffilter3.png?alt=media\&token=1f7de515-e77f-4c3f-b043-91bfcb4cf00f) ## Step 4: **Vendor & Type Filter** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmiIOrPAouKZ4Aw4RR%2F-MhmiabXXnuDKxTO1a1w%2Ffilter4.png?alt=media\&token=cabb8dbf-7cfb-4eb5-8e5c-e549a0d6d637) {% embed url="" %} ## Step **5**: **Custom Menu** * **You need to create a navigation menu.** Then you can add the navigation for the custom menu. * **You can add any collection link or any link.** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmiepaGMJIuXYUl9A5%2F-MhmjKU3wJEbsYC7byw2%2Ffilter5.png?alt=media\&token=87556d04-1378-4dde-a421-ad4dea6c6e4f) ## Step 6: Topbar filter Widget ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmjqPexSJxWbC8fInO%2F-Mhmk9hbvW1xn9vXP0x8%2Ffilter6.png?alt=media\&token=5ca2a753-2037-4ce3-9afb-591a02331b5f) # Collections List Page #### COLLECTION TYPE 1. Custom Collection 2. All Collections 3. Custom collection without product ## Step 1: Custom Collection ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmnDQpzKCeeADdMtNK%2F-MhmpqlWu4MOBKG2_m_t%2Fcoll5.png?alt=media\&token=20c3672a-945a-4304-a9b0-e8ebeda9cdfb) ### Add a specific collection ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmnDQpzKCeeADdMtNK%2F-Mhmp7JQQuZb989kyNef%2Fcoll2.png?alt=media\&token=065fe4b7-baf2-4868-8437-f89f95889be5) ### Column Set ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmnDQpzKCeeADdMtNK%2F-MhmpAAPFMBNOSigjZWZ%2Fcoll4.png?alt=media\&token=366ee214-5650-40c8-94e0-3ee48c658211) ## Step 2: All Collections ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmnDQpzKCeeADdMtNK%2F-Mhmp2mDv5m82ESWPzll%2Fcoll1.png?alt=media\&token=601a27b7-9cee-4340-baec-f5035c94d0a8) ### Column Set ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmnDQpzKCeeADdMtNK%2F-MhmpAAPFMBNOSigjZWZ%2Fcoll4.png?alt=media\&token=366ee214-5650-40c8-94e0-3ee48c658211) ## Step 3: Custom collection without product ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmkG1z-ExtD5cCxGkK%2F-MhmmbBI1UNUhMMRb4uw%2Flist1.png?alt=media\&token=3b7da1d1-b10c-4201-a157-f57e14a3958d) ### Select a collection and Add Image ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmkG1z-ExtD5cCxGkK%2F-Mhmmo7HsPd6SESKUoP2%2Flist2.png?alt=media\&token=328231cc-b001-44c1-8997-a9b760f15aba) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmkG1z-ExtD5cCxGkK%2F-MhmmrKSQ53g3RNRReUG%2Flist3.png?alt=media\&token=bfa86470-9708-405c-8936-2da47efd7033) ### Column Set ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmkG1z-ExtD5cCxGkK%2F-MhmmxAMgplkOf_7RJG_%2Flist4.png?alt=media\&token=920c4258-a5ca-49d5-8c29-caba95e415cd) # How to add a section? ## See how to add a section? ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBAE34bE2JMIaXcbvr%2F-MiBAtnKqlu8sFNts5MX%2Fadd_section.gif?alt=media\&token=76856292-955d-4327-8502-2e6832409013) ## Step 1: Add Section ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB6BO09luzIM5JV2mX%2F-MiB6ZBj8F-D9k_xlAej%2Fsection1.png?alt=media\&token=bfa81d10-9ac9-47ab-8201-b1b928ee0cde) ## Step 2: Select section ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB6jsKHRGz4wA8s1am%2F-MiB7EazrtIeK9-4Rl-Z%2Fsection2.png?alt=media\&token=831398f9-aaee-47cd-8b49-207c83411451) ## Step 3: Section Customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiB6jsKHRGz4wA8s1am%2F-MiB7rnieK7MOdslddv8%2Fremove_section.png?alt=media\&token=c8d247cf-5527-4505-924e-0f65d0e01deb) ## Step 4: Drag & Drop Section ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBA56Ki-L_eYqX6S2J%2F-MiBA8Ttlh85tYk3g1JE%2Fdragn_n_drop.png?alt=media\&token=98eabdfd-62f1-42de-99b3-b22a4db80393) # Add Section Spacing ## Step 1: Add Spacing Block ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBAxiBraW6lKBcN4-R%2F-MiBCbG5pGU1x55FX4Va%2Fspacing_1.png?alt=media\&token=91c25940-afe7-4f40-aef8-99eedd7196ac) ## Step 2: Add Margin You can add different spacing for different websites. (Desktop, Laptop, Mobile) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBAxiBraW6lKBcN4-R%2F-MiBChjA377kt18WdMn_%2Fspacing_2.png?alt=media\&token=f0f03b31-8b57-418d-9bc2-857655c46211) ## Step 3: Add Padding #### If you add background Block ### Step 1: Add Background block ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBAxiBraW6lKBcN4-R%2F-MiBD_jzqTyfwOVw5umk%2Fbg_block.png?alt=media\&token=080a15aa-19b3-4438-b9e5-b6ca8055026c) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBAxiBraW6lKBcN4-R%2F-MiBE-4OgY_QH0ppzLXd%2Fpadding_block.png?alt=media\&token=ff78b2dc-42c9-4f3e-ab13-e0bb1ce2030c) ### Step 2: Add Padding Block ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBE4xCP--NgEXt_9bg%2F-MiBENfG5fJtZ3HV4_Pr%2Fpadding_block2.png?alt=media\&token=edb3f295-556f-492d-9865-1342b21be62d) # Add Section Background ## Step 1: Add Background block ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBAxiBraW6lKBcN4-R%2F-MiBD_jzqTyfwOVw5umk%2Fbg_block.png?alt=media\&token=080a15aa-19b3-4438-b9e5-b6ca8055026c) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBAxiBraW6lKBcN4-R%2F-MiBE-4OgY_QH0ppzLXd%2Fpadding_block.png?alt=media\&token=ff78b2dc-42c9-4f3e-ab13-e0bb1ce2030c) ## Step 2: Add Padding Block ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBE4xCP--NgEXt_9bg%2F-MiBENfG5fJtZ3HV4_Pr%2Fpadding_block2.png?alt=media\&token=edb3f295-556f-492d-9865-1342b21be62d) ## Step 3: Add a Background image ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBElnG2oURiI6cmWGf%2F-MiBFfPyjZy5s4n6f4c2%2Fsection_bg.png?alt=media\&token=502da738-b727-4594-be3e-3830e2a54a56) # Hero Fluid Slider ## The guideline will be added very soon # Hero Slider ## The guideline will be added very soon # How to create a page? 1. In an [Online Store / Pages](https://shopify.com/admin/pages), find and click the button "Add page" 2. Write in Title field page name 3. Select Template: **page** 4. Select Visibility: **Visible** 5. You could use code Editor or HTML write mode content 6. Click **save** {% hint style="success" %} [Read More](https://help.shopify.com/en/manual/online-store/pages#add-a-new-webpage-to-your-online-store) {% endhint %} ## Step 1: Add Page ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhms8aAdVI9i4EBfzEM%2F-MhmsKiJ6lBZTzZMfhAV%2Fpage1.png?alt=media\&token=f94b73ac-6520-45db-b53a-658e25e99722) ## Step 2: Add Content to a custom page ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhms8aAdVI9i4EBfzEM%2F-MhmsusQIkAIR3xtkac_%2Fpage2.png?alt=media\&token=717df433-2a60-4fa3-81f5-e5a01b2a2eeb) # Cart Page ## Step 1: Customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi09WPTswFYQlkRl4SK%2F-Mi0CvApyaMFAw6EwcnF%2Fcart1.png?alt=media\&token=25ba98a7-8e6d-45d1-b579-4ae1c8cfa01e) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi09WPTswFYQlkRl4SK%2F-Mi0Cz8o2Z_iqbdNOzir%2Fcart2.png?alt=media\&token=09a9582f-8027-4e2c-8c3f-cce1d16fee41) ## Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0D0e-9jDximROTxTb%2F-Mi0XVTfcMpUr_5TD_5w%2Fcart3.png?alt=media\&token=7cdb79be-c67c-4c58-b844-82cb2cecbb2c) ## Step 3: Pick Delivery Time ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0D0e-9jDximROTxTb%2F-Mi0XeoN-kJpS4tROrXW%2Fpick_deliver.png?alt=media\&token=bee7c821-48a7-4bbd-aa76-59c521a23674) ## Step 4: **Cart Note** & **Shipping Calculator** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0Xo_cU30M2YE3tmqI%2F-Mi0YMQzIw8syM5B1Dj6%2Fcart_note.png?alt=media\&token=59374cfe-c5d1-43f0-adaf-3655da6e889a) ## **Cart Totals** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0Xo_cU30M2YE3tmqI%2F-Mi0YqUhktWRTMZP5HBg%2Fcart_total.png?alt=media\&token=55d8e63a-6438-4b17-b7b3-d4c507db7f1e) ## **Empty Cart** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0YsngrBTX3BGBbsfI%2F-Mi0ZRRnLWG_Nhb5yRmE%2Fempty_cart.png?alt=media\&token=3c13e056-8dbb-43e1-9bcc-8a16c55dc828) # Whislist Page 1. At first, you need to create a page for the wish list 2. In an [Online Store / Pages](https://shopify.com/admin/pages), find and click the button "Add page" 3. Write in Title field page name Page Title: `wishlist` 4. Select Template: **page.wishlist** 5. Select Visibility: **Visible** 6. You could use code Editor or HTML write mode content 7. Click **save** ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhmszpuIefdPpO-2Ght%2F-MhmtTeXkTLqcdRh3H-Y%2F4.jpg?alt=media\&token=4ac743fb-5122-4199-90d7-8df7a0de34cb) ## Wishlist Page Customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAoWpdM0riASJSLk-u%2F-MiAz21lmgNK08KBSVFy%2Fwishlist.png?alt=media\&token=eef2b99e-e953-4b32-ac55-91914cbd5725) # About Page ## Step 1: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhraaGamHB9KSHsDFyE%2F-MhrkMiYD8HeqLJA0Fqe%2Fabout1.png?alt=media\&token=e7790473-6303-4c03-9525-f2126f335f2e) ## Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhraaGamHB9KSHsDFyE%2F-MhrnszdRhLF3ALQT0aq%2Fabout2.png?alt=media\&token=d6b589c3-6371-4c9f-9620-c8e37392aabf) ## Step 3: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhraaGamHB9KSHsDFyE%2F-Mhro5s9H6rcR61TmPTP%2Fabout4.png?alt=media\&token=14e3e179-6b99-4100-8e44-d99bb61bbcad) ## Step 4: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhraaGamHB9KSHsDFyE%2F-MhroCPkKoXMqsMyFO4Q%2Fabout5.png?alt=media\&token=bf4fcae5-2dc2-4929-abcb-219142cfb138) # Contact Page ## Step 1: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhroJrussp-DsvXJe-g%2F-MhrsgU0hB9Qfj3GwVwp%2Fcontact1.png?alt=media\&token=7a50997a-2031-4f22-9556-749f44a4183b) ## Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhroJrussp-DsvXJe-g%2F-MhrslbZaA5_rn2iSvdH%2Fcontact2.png?alt=media\&token=27ae61b1-4749-4536-b385-150159a7804e) # Brand Page ## Step 1: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhvv0KiuogeS8qVtSlU%2F-MhwTwlocL-bW3-pcGML%2Fbrand.png?alt=media\&token=21817679-4674-4880-98a0-29314d41f3ad) ## Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhrsrtRYaZpTQgCfbEh%2F-Mhrui48R4-DU21qXMWI%2Fbrand1.png?alt=media\&token=9cf1fc6c-7db7-438d-b6cd-11ca96ab7421) ## Step 3: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhrsrtRYaZpTQgCfbEh%2F-MhruuB3q4J5hrRAMdLl%2Fbrand1.png?alt=media\&token=5cc38725-c4cb-4751-a64e-2a4d8f587995) ## Step 4: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhrsrtRYaZpTQgCfbEh%2F-MhrvqH4x19R2ShG0YeL%2Fbrand2.png?alt=media\&token=9eb3a203-7a68-4403-b465-41c87dc95cc4) # FAQ Page ## Step 1: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwU6GLJ8mwZObn6Wxj%2F-MhwWi0q4-gUumSsKp2O%2Ffaq1.png?alt=media\&token=ce6bb654-124e-4d5a-bfbd-a7d699897f8d) ## Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwU6GLJ8mwZObn6Wxj%2F-MhwWnER8g8wPtROKR8w%2Ffaq2.png?alt=media\&token=b0ef7abd-0e0c-4089-8947-1af6d123fecf) ## Step 3: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwU6GLJ8mwZObn6Wxj%2F-MhwWsVttE9ueOp-dFEu%2Ffaq3.png?alt=media\&token=445a0ab6-2a01-4dcf-8044-11a80d46282d) ## Step 4: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwU6GLJ8mwZObn6Wxj%2F-MhwWy76jz7Lx6QNSkg7%2Ffaq4.png?alt=media\&token=e3f0d161-b585-475a-8f92-823f5ddea577) # Custom Page ***By following the custom page, you may design any page for your website. You can also choose any of the Lezada sections for your custom page.*** ## Step 1: Create a page ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwX2NOV7I3Dh0a8u_5%2F-Mhw_kIup9CyzUoDc9gR%2Fcustom1.png?alt=media\&token=6e800ea1-1653-4f57-84b2-422dad966c58) ## Step 2: Go this page customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwX2NOV7I3Dh0a8u_5%2F-Mhw_opCgKKTKAaAMUOT%2Fcustom2.png?alt=media\&token=c276c8df-73d3-4ce3-b80c-b63ff317ec33) ## Step 3: Add a section to the page ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwX2NOV7I3Dh0a8u_5%2F-Mhw_xILyCjXgFlkWBcs%2Fcustom3.png?alt=media\&token=ae540bbd-ef9a-4125-a645-43e120d09f57) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwX2NOV7I3Dh0a8u_5%2F-Mhw_tmBhfVS-0dEiKfV%2Fcustom4.png?alt=media\&token=5f05f313-bf7d-40d1-8ee6-2a212b884e66) ## Step 4: Customize section ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwX2NOV7I3Dh0a8u_5%2F-MhwaJZFifqYBnorg1-k%2Fcustom5.png?alt=media\&token=927677ad-0552-4eab-8e6f-70207f10a2cb) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwaOmKsPN4NLv7j_hw%2F-MhwaaHg3julbmGQlPvi%2Fcustom6.png?alt=media\&token=32532a36-9325-407d-a8ab-43888713f5b7) # 404 Page ## Step 1: Customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0ag0F5aV8uKAhug3N%2F-Mi0ahGhV4_RyFDcJQfq%2F404.png?alt=media\&token=99ba060a-0edf-4a4a-a4f5-28b5b6179bcc) ## Step 2: Select 404 Page ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0ag0F5aV8uKAhug3N%2F-Mi0bKlAYIyPFerkmuAF%2F404-2.png?alt=media\&token=0fec468e-7610-49ee-9e56-740103b9a55b) ## Step 3: Settings ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0ag0F5aV8uKAhug3N%2F-Mi0b9F6cWAQheEK_U1Q%2F404-3.png?alt=media\&token=5470497c-b4a7-4d69-af7a-d221a8f19dfb) # Gift Card Page ## Step 1: Customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0bY9mgSKCVXyqjiGX%2F-Mi0bqP1WNJwfPhmqdhs%2F404.png?alt=media\&token=fabcd3a9-ef41-4e72-a9ab-d68d841261d3) ## Step 2: Select Gift Card Page ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0bY9mgSKCVXyqjiGX%2F-Mi0bxCfZxvjSfQ3AwHy%2Fgift_card.png?alt=media\&token=1dcbe27c-b50f-416b-a483-5f044d774606) ## Step 3: Gift Card Settings ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0bY9mgSKCVXyqjiGX%2F-Mi0c9cyvrhEkWQ4YAOM%2Fgift_card_2.png?alt=media\&token=765b13b8-10bf-4391-9b4b-2e1480458e85) # Customer Account Page ## Step 1: Go to the customer login page ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0cErj88NqWDajlOjJ%2F-Mi0fLCJH2riZEoVik-P%2FCustomer_1.png?alt=media\&token=26cb9073-a640-47aa-b2b8-d6fb5bc9f0e8) ## Step 2: Customer Page Translate ### Step 1: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0fVmIgFYBlJc3Y3wT%2F-Mi0ghMq-Z_uyXwyFci3%2Ftranslate_1.png?alt=media\&token=00d9b36a-5a71-4821-88fe-e8e6c54d4112) ### Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0fVmIgFYBlJc3Y3wT%2F-Mi0gnUMNu0dwUIl2-_3%2Ftranslate_3.png?alt=media\&token=1dd9c9dd-4372-4cc2-b1a2-121f804e323a) ### Step 3: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0fVmIgFYBlJc3Y3wT%2F-Mi0gvBfWdX6Q3KMLmxo%2Fcustomer_2.png?alt=media\&token=a9038909-a61e-4881-8848-c64c0ead023a) ## Color Settings ### Step 1: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0gz1enuMtzR-ywuzj%2F-Mi0hhGURt9Ghtf52R7Z%2Fcolor_1.png?alt=media\&token=8cee7f00-ea2b-473f-bff9-0119d7319490) ### Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0gz1enuMtzR-ywuzj%2F-Mi0hmmPxdt2xKOSssfJ%2Fcolor_2.png?alt=media\&token=ab84ba44-0a8c-4f67-a792-5670592e1704) ### Step 3: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0gz1enuMtzR-ywuzj%2F-Mi0hrd1Crs2u_62YKRX%2FColor_3.png?alt=media\&token=db480f47-211c-4046-acac-672daeafc629) # Password Page ## Step 1: Go to the password page ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0hwemCgn0fPSXY0Hk%2F-Mi0iFQyakLlfEkqmSWc%2F404.png?alt=media\&token=50760082-068b-467f-8255-2b04cc7213b8) ## Step 2: Select password page ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0hwemCgn0fPSXY0Hk%2F-Mi0iWmVBWa57d1F1Bj7%2Fpassword.png?alt=media\&token=60a693a1-22ca-4088-bceb-4452ea1a2e7b) ## Step 3: Customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0iYpRijRrbCuIaeWg%2F-Mi0jPHdxCzmbQeqT7AB%2Fpassword_1.png?alt=media\&token=2fd85ae1-69b7-45df-8bd8-e3d13328a898) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0iYpRijRrbCuIaeWg%2F-Mi0jSZsZwHVlzbUZfTu%2Fpassword_3.png?alt=media\&token=f7d4f80f-bc46-4f1c-bbce-d1e76d42a7b1) ## Color Settings ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0iYpRijRrbCuIaeWg%2F-Mi0jXHmffkpwbeOA_Fl%2Fpassword_4.png?alt=media\&token=733f6dc4-cc16-4d52-ad73-ef286be5c58b) # Checkout Page ## Step 1: Go to the checkout page ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0jd3-01-EdDMumaZt%2F-Mi0l5MTGP9F9OoqObZ5%2Fcheckout1.png?alt=media\&token=e4245017-2718-45ac-b3d8-0ec40fc073a2) ## Step 2: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0jd3-01-EdDMumaZt%2F-Mi0lCGM4SV_NThc1TC4%2Fcheckout_2.png?alt=media\&token=9dedc31d-e68e-4599-87ed-1f29553f39f1) ## Step 3: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0jd3-01-EdDMumaZt%2F-Mi0lHeC77TMoCJOUgEp%2Fcheckout_3.png?alt=media\&token=8e88bcb0-e1c5-41e9-8825-3ac7c742f8db) ## Step 4: ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mi0jd3-01-EdDMumaZt%2F-Mi0lNRRAIjaDFsgk31F%2Fcheckout_4.png?alt=media\&token=d3dd6b06-0c7a-430f-9629-8e733690ff7b) # How to create a blog? 1. From your Shopify admin, go to **Online Store** > **Blog Posts**. 2. Click **Create blog post**. 3. In the **Title** field, enter a title for your blog post. 4. In the **Content** field, enter content for your blog post. 5. In the **Organization** section, from the **Blog** drop-down menu, select **Create a new blog**. 6. In the **Blog title** field, enter a title for the blog. 7. Click **Save**. {% hint style="success" %} [Read More](https://help.shopify.com/en/manual/online-store/blogs/adding-a-blog) {% endhint %} ## Step 1: Create a Blog ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwgHAe-Ly-oJtI0tar%2F-MhwjSjNv3sHQXUsf9fk%2Fblog1.png?alt=media\&token=07274dbf-56be-444c-8f0f-a57fdc0ed5a3) ## Step 2: Add Blog Content ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwgHAe-Ly-oJtI0tar%2F-MhwjXx0PYX3XbD8I94z%2Fblog2.png?alt=media\&token=77bcf6c9-35e3-4640-aa5d-5ebba5593692) ## Step 3: Edit SEO title, Tags, Handle ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwgHAe-Ly-oJtI0tar%2F-MhwjbpFcR-cbQswEQS-%2Fblog3.png?alt=media\&token=eafc5f0a-0edb-4bd1-a273-237e49597905) ## Step 4: Manage Blogs Comment ### Manage Blogs ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwkSubhPsK4D3VbFPa%2F-MhwkwWsWN65gxvtDR2z%2Fblog4.png?alt=media\&token=164fd78b-6e91-48ab-9d69-43a0a83c6fab) ### Go to the Blogs Handler ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwkSubhPsK4D3VbFPa%2F-Mhwl69BVHIgqazxcChO%2Fblog5.png?alt=media\&token=4bddfa8a-e285-4a1b-b589-1b16a7478f18) ### Enable Blog Comment ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwkSubhPsK4D3VbFPa%2F-MhwlFQROzRgCvepMojC%2Fblog6.png?alt=media\&token=08fcecab-82d6-4c74-9e14-3b9eb499260e) # Go to the blog customizer ## Step 1: Select Page ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhwn_ZATKk9ROlehzzj%2F-MhwrWsMLFbBLl3-DO_Y%2Fbloggird_1.png?alt=media\&token=cd687863-35d8-4efe-a32e-b601789889f3) ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhwn_ZATKk9ROlehzzj%2F-Mhwr_xqjyotqlmCEp42%2Fbloggird_2.png?alt=media\&token=3f437b02-cd10-47a1-a44e-49c0e1a0e7f8) ## Step 2: Blog Customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhwn_ZATKk9ROlehzzj%2F-MhwriSUFsNlbAX8iM7g%2Fbloggird_3.png?alt=media\&token=e31b18a5-408e-41de-a7ed-b20282b8b230) # Blog Page Settings ## Step 1: Container Width * Container * Full width ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhwt0J0r1qX_uGa6Fs6%2F-MhwtZgnQ4Nm93nP9KNe%2Fblog1.png?alt=media\&token=3cf7495c-1a36-4cfe-9a5b-c08570501f1c) ## Step 2: Blog Grid Layout Select * Vertical View * Horizontal View * Masonry view ### Vertical View ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwtcIgLVycYNTJjISa%2F-MhwuLiSWoJp1LZ3kqjZ%2Fblog2.png?alt=media\&token=62597a02-ad91-48d8-b7ad-f75d92614814) ### Horizontal View ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwuPb_yWepZ0kMvg63%2F-MhwuqMdsND0bVxeF3c9%2Fblog3.png?alt=media\&token=77a4c6fe-9e36-46a2-9348-3018740ab560) ### Masonry view ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwutoE90RAaN5hgGmt%2F-MhwvALYWlq8zEasA4pg%2Fblog4.png?alt=media\&token=803ea897-e83b-4c26-9a00-2d0cf4017d43) ## Others Customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhwvE3_BZ5BWSvPmYsk%2F-Mhwvs-MLVZPRcJN0ivn%2Fblog5.png?alt=media\&token=67299b9d-ca96-47c9-b1c7-8aebf4c0c92d) # Blog Sidebar ## Step 1: Add Sidebar Widget ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhww35s4jl1n1Zm1_T-%2F-MhwwynCPcPdUTQL5l5m%2Fsidebar1.png?alt=media\&token=f56a5a29-f5cc-4375-9deb-3b09ab08b75f) ## Step 2: Widget Customizer ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhww35s4jl1n1Zm1_T-%2F-Mhwx2YLtCUkFc6Smbq5%2Fsidebar2.png?alt=media\&token=8009af5c-dec3-4242-a84a-355cca3e1250) ## Step 3: Blog Sidebar Position ![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mhww35s4jl1n1Zm1_T-%2F-MhwxHblQuiaqGRas9GJ%2Fsidebar3.png?alt=media\&token=5810a9bf-987c-4ed0-bf9d-b445fc08c86e) --- [Next Page](/llms-full.txt/1)