$url->setLabel('URL');
$this->addElement($url);
+ $couleur = new CubeIT_Form_Element_Color('color');
+ $couleur->setLabel('Couleur');
+ $this->addElement($couleur);
+
$icon = new CubeIT_Form_Element_File_Image('icon');
$icon->setLabel('Pictogramme');
$icon->setMaxItems(1);
class Fluidbook_View_Helper_FooterMenu extends CubeIT_View_Helper_Abstract {
- public function footerMenu($pageIDs, $title = null) {
+ public function footerMenu($pageIDs, $title = null, $titleLink = null) {
if (empty($pageIDs)) return false;
$res = '<div class="footer-menu">';
if ($title) {
- $res .= '<strong class="menu-title">'. $title .'</strong>';
+ $titleHTML = '<strong class="menu-title">'. $title .'</strong>';
+
+ if ($titleLink) {
+ $res .= $this->link($titleHTML, $titleLink);
+ } else {
+ $res .= $titleHTML;
+ }
}
$res .= $this->htmlList($links);
$res .= '<address>';\r
$res .= "{$address['adresse']} - {$address['code_postal']} {$address['ville']} $country";\r
$res .= '<br>';\r
-$res .= __('Tél.') . ' ' . $address['phone'];\r
+$res .= __('Tél.') . ' ' . $this->linkPhone($address['phone']);\r
$res .= '<br>';\r
$res .= $this->linkEmail($address['email']);\r
$res .= '</address>';\r
\r
// Menus\r
$res .= $this->footerMenu($this->option('footer_menu_main'), __('Plan du site'));\r
-$res .= $this->footerMenu($this->option('footer_menu_contact'), __('Contactez-nous'));\r
+$res .= $this->footerMenu($this->option('footer_menu_contact'), __('Contactez-nous'), 'internal:contact');\r
\r
$res .= '<div class="footer-social">';\r
foreach ($this->option('social_networks') as $social) {\r
- $res .= '<a href="'. $social['url'] .'" class="social-link" target="_blank">';\r
+ $res .= '<a href="'. $social['url'] .'" style="color:'. $social['color'] .'" class="social-link" target="_blank">';\r
$res .= $this->imageCms($social['icon'], $social['title'], 52, 52);\r
$res .= '</a>';\r
}\r
.social-link {
margin-right: 20px;
+ display: inline-block;
+ border-radius: 50%;
+ border: 1px solid #fff;
+ transition: all 0.25s;
&:last-of-type {
margin-right: 0;
}
+
+ &:hover {
+ background-color: currentColor;
+ border-color: currentColor;
+ }
+
+ img {
+ display: block;
+ }
}
.workshop {
.workshop-link {
.rounded-button();
.border-button(#fff, #fff);
- padding: 19px 83px 22px 46px;
+ padding: 20px 83px 20px 46px;
border-radius: 26px;
text-transform: uppercase;
font-size: 12px;
color: #fff;
border: 1px solid currentColor;
border-radius: 100%;
+ transition: all 0.25s;
- &.active {
+ &.active, &:hover {
color: #8aaa43;
}