How to add a 3rd button to Hero Style 1 module

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts

timtecsa Friend

timtecsa

January 20, 2016 at 4:32 pm #863445

I need to use the buttons to link to article pages for products. I have used the 2 buttons that come with the module but now need a 3rd button. Is there documentation to guide me?

See Color Logic tab in slide slow.
http://uber-biz.composestore.com/

pavit Moderator

pavit

January 20, 2016 at 5:09 pm #863453

You need to modify 2 files

1) /templates/uber/acm/hero/tmpl/style-1.php 2) /templates/uber/acm/hero/tmpl/style-1.xml

I attached modified files , you will need to translate languages strings for them

Attachments:

hero1.zip

timtecsa Friend

timtecsa

January 20, 2016 at 7:27 pm #863530

I don’t see the 3rd button on a new Hero Style 1 module. I think I copied / pasted all OK but noticed what might be a typo in the 3rd button php. I changed it but still no 3rd button.

        <?php if( trim($btnFirstText) || trim($btnSecondText) ) : ?>
        <div class="hero-btn-actions">
            <?php if( trim($btnFirstText)): ?>
          <a href="<?php echo trim($btnFirstLink); ?>" title="<?php echo trim($btnFirstText); ?>" class="btn btn-primary btn-rounded"><?php echo trim($btnFirstText); ?></a>
                <?php endif; ?>

                <?php if( trim($btnSecondLink)) :?>
          <a href="<?php echo trim($btnSecondLink); ?>" title="<?php echo trim($btnSecondText); ?>" class="btn btn-rounded btn-border"><?php echo trim($btnSecondText); ?></a>
                <?php endif; ?> 
                <?php if( trim($btnThirdLink)) :?>
          <a href="<?php echo trim($btnThirdLink); ?>" title="<?php echo trim($btnThirdText); ?>" class="btn btn-rounded btn-border"><?php echo trim($btnSecondText); ?></a>
                <?php endif; ?>

pavit Moderator

pavit

January 20, 2016 at 7:53 pm #863541

The account for your backend provided doesn’t works , if you can correct it , i will try to take a look at your files

Did you added 3rd button to the hero module ?

timtecsa Friend

timtecsa

January 20, 2016 at 8:36 pm #863570

<?php
  $heroStyle      = $helper->get('hero-style');
  $heroTextPos    = $helper->get('hero-content-position');
  $heroTextAlign  = $helper->get('hero-text-align');
  $heroHeading    = $helper->get('hero-heading');
  $heroIntro      = $helper->get('hero-intro');
  $btnFirstText   = $helper->get('hero-btn1-text');
  $btnFirstLink   = $helper->get('hero-btn1-link');
  $btnSecondText  = $helper->get('hero-btn2-text');
  $btnSecondLink  = $helper->get('hero-btn2-link');
  $btnThirdLink   = $helper->get('hero-btn3-link');
  $btnThirdText   = $helper->get('hero-btn3-text');
  $heroBg         = $helper->get('hero-bg');
    $heroScreen         = $helper->get('hero-screen');
?>

<div class="section-inner <?php echo $helper->get('block-extra-class'); ?>">
  <div class="acm-hero <?php echo ($heroStyle .' '. $heroTextPos. ' '. $heroTextAlign.' '. $heroScreen); ?> <?php if( trim($heroHeading) ) echo ' show-intro'; ?>" style="background-image: url(<?php echo trim($heroBg); ?>);">
    <div class="container">
      <div class="hero-content<?php echo $helper->get('hero-effect'); ?>">

        <?php if( trim($heroHeading)) : ?>
        <div class="hero-heading">
          <?php echo $heroHeading; ?>
        </div>
        <?php endif; ?>

        <?php if( trim($heroIntro)) : ?>
        <div class="hero-intro">
          <?php echo $heroIntro; ?>
        </div>
        <?php endif; ?>

        <?php if( trim($btnFirstText) || trim($btnSecondText) ) : ?>
        <div class="hero-btn-actions">
            <?php if( trim($btnFirstText)): ?>
          <a href="<?php echo trim($btnFirstLink); ?>" title="<?php echo trim($btnFirstText); ?>" class="btn btn-primary btn-rounded"><?php echo trim($btnFirstText); ?></a>
                <?php endif; ?>

                <?php if( trim($btnSecondLink)) :?>
          <a href="<?php echo trim($btnSecondLink); ?>" title="<?php echo trim($btnSecondText); ?>" class="btn btn-rounded btn-border"><?php echo trim($btnSecondText); ?></a>
                <?php endif; ?> 
                <?php if( trim($btnThirdLink)) :?>
          <a href="<?php echo trim($btnThirdLink); ?>" title="<?php echo trim($btnThirdText); ?>" class="btn btn-rounded btn-border"><?php echo trim($btnThirdText); ?></a>
                <?php endif; ?> 
        </div>
        <?php endif; ?>
      </div>

    </div>
  </div>
</div>

<?xml version="1.0" encoding="utf-8"?>
<form>
  <title>Hero Style 1</title>
    <sampledata><![CDATA[  {":type":"uber:hero","hero":{"jatools-layout-hero":"style-1","hero-style[block-intro]":[""],"hero-style[block-extra-class]":[" no-padding"],"hero-style[hero-style]":["style-light"],"hero-style[hero-content-position]":["position-center"],"hero-style[hero-text-align]":["text-center"],"hero-style[hero-screen]":[""],"hero-style[hero-effect]":[""],"hero-style[hero-heading]":["Improve your team productivity, build customer loyalty while delivering amazing service."],"hero-style[hero-heading-size]":[""],"hero-style[hero-intro]":["Faster service from anywhere. Take your service to the next level."],"hero-style[hero-quote]":[""],"hero-style[hero-img]":[""],"hero-style[hero-btn1-text]":["View Packages"],"hero-style[hero-btn1-class]":[""],"hero-style[hero-btn1-link]":["http://www.joomlart.com"],"hero-style[hero-btn2-text]":["Free Trial"],"hero-style[hero-btn2-link]":["http://www.joom.vn"],"hero-style[hero-bg]":["images/joomlart/uber/slideshow/wall-02.jpg"],"hero-style[hero-video]":["vimeo="]}}
    ]]></sampledata>
  <fields name="hero-style">
    <fieldset name="basic" label="HERO_BASIC_LABEL" description="HERO_BASIC_DESC" multiple="0"> 
      <field name="block-intro" type="textarea" default="" rows="5" cols="40" label="BLOCK_INTRO_LABEL" description="BLOCK_INTRO_DESC" />
      <field name="block-extra-class" type="textarea" default="" rows="5" cols="40" label="BLOCK_EXTRA_CLASS_LABEL" description="BLOCK_EXTRA_CLASS_DESC" />

      <field name="hero-style" type="list" default="style-dark"
          global="1"
          label="HERO_STYLE_LABEL"
          description="HERO_STYLE_DESC">
        <option value="style-dark">LAYOUT_HERO_DARK</option>
        <option value="style-light">LAYOUT_HERO_LIGHT</option>
      </field>

      <field name="hero-content-position" type="list" default="position-left"
          global="1"
          label="HERO_CONTENT_POSITION_LABEL"
          description="HERO_CONTENT_POSITION_DESC">
        <option value="position-left">JGLOBAL_LEFT</option>
        <option value="position-center">JGLOBAL_CENTER</option>
        <option value="position-right">JGLOBAL_RIGHT</option>
      </field>

      <field name="hero-text-align" type="list" default="text-left"
          global="1"
          label="HERO_TEXT_ALIGN_LABEL"
          description="HERO_TEXT_ALIGN_DESC">
        <option value="text-left">JGLOBAL_LEFT</option>
        <option value="text-center">JGLOBAL_CENTER</option>
        <option value="text-right">JGLOBAL_RIGHT</option>
      </field>

      <field name="hero-screen" type="radio" default=""
          global="1"
          label="HERO_SCREEN_LABEL"
          description="HERO_SCREEN_DESC">
        <option value="">No</option>
        <option value="full-screen">Yes</option>
    </field>

        <field name="hero-effect" type="radio" default=""
          global="1"
          label="HERO_EFFECT_LABEL"
          description="HERO_EFFECT_DESC">
        <option value="">No</option>
        <option value=" effect">Yes</option>
      </field>
    </fieldset>

    <fieldset name="hero-content" label="HERO_CONTENT_LABEL" description="HERO_CONTENT_DESC" multiple="0">
      <field name="hero-heading" type="textarea" cols="40" rows="5" default="" label="HERO_HEADING_LABEL" description="HERO_HEADING_DESC"></field>

      <field name="hero-intro" type="textarea" cols="40" rows="5" default="" label="HERO_INTRODUCTION_LABEL" description="HERO_INTRODUCTION_DESC"></field>
      <field name="hero-btn1-text" type="text" size="50" default="" label="HERO_BUTTON1_TEXT_LABEL" description="HERO_BUTTON1_TEXT_DESC"></field>
      <field name="hero-btn1-link" type="text" size="50" default="" label="HERO_BUTTON1_LINK_LABEL" description="HERO_BUTTON1_LINK_DESC"></field>
      <field name="hero-btn2-text" type="text" size="50" default="" label="HERO_BUTTON2_TEXT_LABEL" description="HERO_BUTTON2_TEXT_DESC"></field>
      <field name="hero-btn2-link" type="text" size="50" default="" label="HERO_BUTTON2_LINK_LABEL" description="HERO_BUTTON2_LINK_DESC"></field> <field name="hero-btn3-text" type="text" size="50" default="" label="HERO_BUTTON2_TEXT_LABEL" description="HERO_BUTTON2_TEXT_DESC"></field>
      <field name="hero-btn3-link" type="text" size="50" default="" label="HERO_BUTTON2_LINK_LABEL" description="HERO_BUTTON2_LINK_DESC"></field>     
      <field name="hero-bg" type="media" default="" label="HERO_BACKGROUND_LABEL" description="HERO_BACKGROUND_DESC"></field>
    </fieldset>
  </fields>
</form>

Above are copied from the site.

URL http://uber-biz.composestore.com/
User admintim
Pwd 5can1T

Sorry, I changed Pwrd but forgot.

Tim

pavit Moderator

pavit

January 20, 2016 at 8:50 pm #863572

I added a new Hero style 1 module in your home with 3rd button

as i said you will need to assign correct translations to the
HERO_BUTTON3_LINK_LABEL
HERO_BUTTON3_LINK_DESC

and change them into /templates/uber/acm/hero/tmpl/style-1.xml

Best regards

timtecsa Friend

timtecsa

January 21, 2016 at 1:05 am #863660

@pavit

Many thanks. I’ll assume that making the 3rd buttons say Button 3 (instead of Button 2) is for later. Doesn’t bother me. All buttons are welcome. 🙂

Regards,
Tim

pavit Moderator

pavit

January 21, 2016 at 6:54 am #864092

I’ll assume that making the 3rd buttons say Button 3

If you add the translation then yes

Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

This topic contains 7 replies, has 2 voices, and was last updated by pavit 8 years, 10 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Quick Navigation

Site navigation

How to add a 3rd button to Hero Style 1 module

timtecsa

pavit

timtecsa

pavit

timtecsa

pavit

timtecsa

pavit

Important Notice :

Jump to forum

Categories