Joomla Templates Club 406,261 posts

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#995873

I want to add custom button for the App Store and Google Play to a Hero Style 1.
I’m putting the graphic attached as the background and removing all text and the default buttons from the Hero. I want to play the tow attached badges or button right underneath the smartphone image. Is there a way to do this in the Hero?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#995931

Hi
I am not sure what exactly you want to customise, Could u provide me a mockup, it will help to me check your request.
Regards

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#996194

Here is a mockup.

I want to put these badges/buttons on the hero rather than the stock Uber buttons to link to the respective stores.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#996228

Hi
In for this, you can customise the uber hero acm file.
Here is path :/acm/hero/tmpl/style-1.php
You can add the image code directly near button codes and then apply custom classes on it.
Another option is added images in custom html module. Publish the module under the Hero module using same module position, I will help you with some CSS tweaks to overlap images on Hero module.

1 user says Thank You to Pankaj Sharma for this useful post

1. hbic

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#996470

It seems that the second option, adding a custom HTML with the linked images in them, would not be responsive, where the first option would remain responsive. Am I close to correct?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#996487

Hi
It depends usually in Mobile the space is not enough to show slideshow and button. I suggest you to hide it from small view. Beside you can choose any option that suits better.

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#997443

Can you show me example code for the option of adding the :/acm/hero/tmpl/style-1.php?
I want to use the standard Google Play and App Store badges instead of the buttons that come with the template.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#997485

Hi
Open
Here is path :/acm/hero/tmpl/style-1.php
Add your image code after line 30 .

example :

<div>
<img src="https://www.joomlart.com/content/themes/dw-unite/assets/img/joomlart-dark.png">
</div>

You can apply custom class on div to give styles for your images.
Regards

[Author]

Posts