Access to /index.php/login, and then log in to the management screen .
- About the mark-up to reproduce the design(Use Custom Styles)-
If you want to use a style of green frame of the Main Top Area, Please markup as description.
<div class="ornament-frame">
<dl>
<dt>make you feel better</dt>
<dd>The flowers creates a comforting environment, Because the flowers is very beautiful.</dd>
</dl>
</div>
If you want to use a style of round image link of the Main Middle Area, Please markup as description.
<a href="#"><img width="350" height="350" src="category-arrange.png" alt="Flower arrangement's photo"><br>Flower arrangement
</a>
And Apply the custom style in the following way.
(If you want to be square type, you select "imagelink-square" from custom style. )
- What's new part(Use Custom Templates)-
- About the mark-up to reproduce the design-
If you want to use Tab UI, Please markup as description.
<div id="tabs">
<ul>
<li><a href="#tabs-1">Fresh-cut flowers</a></li>
<li><a href="#tabs-2">bouquet of flowers</a></li>
</ul>
<div id="tabs-1">
<ul tabindex="0">
<li>Lorem ipsum dolor sit amet consectetuer.</li>
<li>Aenean commodo ligula eget dolor.</li>
</ul>
</div>
<div id="tabs-2">
<ul tabindex="0">
<li>Aenean massa cum sociis natoque penatibus.</li>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
</ul>
</div>
</div>
Please refer to Products page of demo site.
If you want to use Accordion UI, Please markup as description.
<div id="accordion" class="ccm-faq-container" itemscope itemtype="http://schema.org/Question">
<h2 itemprop="name">What is the best way to take care of a flowers ?</h2>
<div itemprop="suggestedAnswer" itemscope itemtype="http://schema.org/Answer">
<div itemprop="text">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. </p>
</div>
</div>
<h2 itemprop="name">How do I add the water ?</h2>
<div itemprop="suggestedAnswer" itemscope itemtype="http://schema.org/Answer">
<div itemprop="text">
<ul>
<li>Lorem ipsum dolor sit amet consectetuer.</li>
<li>Aenean commodo ligula eget dolor.</li>
</ul>
</div>
</div>
</div>
Please Refer to F&Q page of demo site.
-flower_page_title(Use Custom Templates)-