Joomla Templates Club 406,261 posts

[Ludovic ANTIER Friend Ludovic ANTIERJoin date: September 2014Posts: 133Downloads:60Uploads:10 Thanks: 15 Thanked: 1 times in 1 posts]

#956310

Hello,

I would like to help me because in the JACM for Menu of restaurant, they are add a picture looks : http://prntscr.com/c0yok4
Name of this module is : " Notre menu"

But I don’t understand when I add a picture in the module, in my front-office it doesn’t appear .

Could you help me please ?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#956778

Hi Ludovic,

You can try this way to show image in this module for Menu:

• Open the file: ROOT/templates/uber/acm/menu/tmpl/style-1.php

• Look for this line of code:
  <h 4 class="dish-name"><?php echo $helper->get('data.dish-name', $i); ?></h 4>

• Add this snippet of code below it:

  <?php if($helper->get('data.dish-image', $i)) : ?>
  <span class="dish-image"><img src="<?php echo $helper->get('data.dish-image', $i); ?>" title="<?php echo $helper->get('data.dish-name', $i); ?>" /></span>
  <?php endif; ?>

Then open the file: ROOT/templates/uber/css/custom.css (create this file if it doesn’t exist) and add this rule:

.acm-menu .style-1 .dish-item .item-inner .dish-image {
  background: #ecf0f1;
  display: block;
  overflow: hidden;
}
.acm-menu .style-1 .dish-item .item-inner .dish-image img {
  width: 100%;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

[Author]

Posts