Custom Gateway - Customer Support


Welcome to the Custom Gateway Support Portal

Here you can raise support tickets and read articles on common queries using the topic sections and search below

Theme 1: Changing Your 3 Homepage Banners

Follow

This section shows how to change your 3 homepage banners

That is the section which looks like this

 

To edit these navigate to your magento panel and

 

CMS > STATIC BLOCKS > SLIDER BANNER

 

The code here looks like this

<div class="slider-banner">
<div class="row">
<div class="banner-block first">
<h2>FREE SHIPPING!</h2>
<span><img alt="Shipping" src="{{media url="hellothemes/hellononino/shipping.png"}}" /></span>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's since the 1500s.</p>
<a href="#">View more</a></div>
<div class="banner-block">
<h2>SUPPORT 24HS!</h2>
<span><img alt="Phone" src="{{media url="hellothemes/hellononino/phone.png"}}" /></span>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's since the 1500s.</p>
<a href="#">View more</a></div>
<div class="banner-block last">
<h2>SPECIAL DISCOUNT!</h2>
<span><img alt="Speciall" src="{{media url="hellothemes/hellononino/speciall.png"}}" /></span>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's since the 1500s.</p>
<a href="#">View more</a></div>
</div>
</div>

 

You will see this is split into 3 repeating sections which represent the 3 banners

RED = Title

ORANGE = Image (to replace remove this code and hit "add image" (orange button) Upload your new file and double click it to add the code for the new image to the page)

BLUE = Text Block under the image

PINK = the link you want to add to "View More"

 

The images that you apply do not have to be small icons, but small images are still required - the area is dynamic - see below for an example

 

 

Was this article helpful?
0 out of 0 found this helpful

Comments