1. Knowledgebase
  2. Themes
  3. Medical Theme

Medical Theme

Localized strings:

medical.homepage.personalized.products - Personalized for you

medical.homepage.recommended.products - Recommended for you

medical.homepage.suggested.products - Suggested for you

medical.listed.products - Listed Products

Megamenu gallery

* only for the first submenu

1. Firstly, navigate to the Parent category and open the User fields tab, then add a new user field with:

Key: gallery
Value: true

2. Next you will need to set the gallery columns ( by default it is 4 columns grid) by adding new user field with: 

Key: galleryCols
Value: 3

* If you not set that user field, by default it will appear as 4 columns grid
* This setting works only for desktop
* As a value you can use the number between: 2-5

Home page banner

System name: Medical_Promo1

Example code: 

<div class="col-12 promo-layout">
                <div class="form-row">
                    <div class="col-lg-6 mb-sm-3 mb-md-3 mb-2 mb-lg-0">
                        <div class="promo-container">
                            <div class="content">
                                <div class="top">Get comfort &amp; stay calm</div>
                                <div class="middle">Blood Pressures <br> All Collections</div>
                                <div class="bottom"><a class="btn btn-info" href="#">SHOP NOW</a></div>
                            </div>
                            <img src="/assets/images/uploaded/medical_promo6.png">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="promo-container">
                            <div class="promo-img">
                                <div class="content">
                                    <div class="top">Feed a cold &amp; starve a fever</div>
                                    <div class="middle">Strong &amp; Painfull
                                    <br>
                                     Headache?
			             </div>
                                    <div class="bottom"><a class="btn btn-danger" href="#">SHOP NOW</a></div>
                                </div>
                                <img src="/assets/images/uploaded/medical_promo4.png">
                            </div>
                            <div class="promo-img">
                                <div class="content">
                                    <div class="top">Don't get the virus</div>
                                    <div class="middle">Protective Masks <br> Get You in Health</div>
                                    <div class="bottom"><a class="btn btn-danger" href="#">SHOP NOW</a></div>
                                </div>
                                <img src="/assets/images/uploaded/medical_promo5.png">
                            </div>
                        </div>
                    </div>
                </div>
            </div>