Are you looking to add content on category/subcategory pages on your store. 


Consider the below category page in the below image as an example. Note: Below mentioned code is an example, you need to make changes by following the below steps. 



Step 1: Copy the below code and paste it in notepad to make changes in the code.

<script>

if(window.location.pathname == "/Pillar-Candles-catid-502852-page-1.html")

{

var html='<span id="descrip22">Our scented Pillar candles stand tall amongst their peers in the market, and understandably so. They burn longer and evenly, have the right wicks and are perfectly poured with the best wax formulations. </span>';

jQuery("#allProducts").before(html);

}

</script>


Step 2: The yellow highlighted part in the code is the URL of the category page. Please follow the below Gif image to make changes in the code.

In the following image following are the steps shown in sequence:

1. Copy the code from solution article and paste in notepad.

2. Go to your category page where you want to add content and copy the URL as shown.

3. Replace the URL in the code as shown.

4. Now remove the content in the code with the text you want to get displayed on your category page. 



Step 3: Replicate the code in Step 1  for any other category page on which you want to add content. 


Step 4: Below code is for positioning the content properly on different screen sizes and make the content screen optimized. You have to add the following code only once in zepo dashboard>>settings>>advanced features>> Third Party meta tag box. 


<style>

span#descrip22

{

    float: right;

    margin-top: 2px;

    font-size: 14px;

    margin-bottom: 30px;

}

@media only screen and (max-width:957px)

{

span#descrip22

{

width: 100%;

}

}

@media only screen and (min-width:958px)

{

span#descrip22

{

width: 72%;

}

}

</style>


Below image is result on desktop.


Below image is as shown on Mobile screen.