Меню Top Links

Добавление стиля

[10 ноября 2016 г.]    Российская сборка Magento 2.49.12
Magento 2: модули и услуги
#1 Solven
  • Группа: Пользователь
  • Сообщений: 44
  • Регистрация: 02.07.2011

26.07.2011 16:33

Здравствуйте!

Т.к. у меня походу не стыковка с шаблоном и проблема с ссылкой Wishlist, я вывел ссылку в ручную:
<action method="addLink" translate="label title" module="customer"><label>My Wishlist</label><A>/wishlist</A><title>My Wishlist</title><prepare/><urlParams/><position>9</position></action> 

Ссылка появилась, работает.
Но не могу понять как привязать к этой ссылке стиль, я хочу её сделать с картинкой, а для этого надо к тегу А прикрутить имя стиля.
Подскажите где прописать это можно?

#2 Дмитрий Федюк
  • Администратор
  • Иконка
  • Группа: Администратор
  • Сообщений: 8884
  • Регистрация: 20.02.2010

26.07.2011 19:49

Это можно прописать в одном из файлов CSS.

#3 Solven
  • Группа: Пользователь
  • Сообщений: 44
  • Регистрация: 02.07.2011

26.07.2011 20:07

С CSS понятно, как, точнее в каком файле прописать класс тегу А моей ссылке.

К примеру тегу А корзине прописан класс "top-link-cart", а где прописать класс для моей новой ссылке wishlist, которую я прописал в costumer.xml?

<li>
<a title="Мой лист пожеланий" href="/wishlist">Мой лист пожеланий</a>
</li>
<li class=" last">
<a class="top-link-cart" title="Моя корзина" href="http://localhost/index.php/checkout/cart/">Моя корзина</a>
</li>


#4 Дмитрий Федюк
  • Администратор
  • Иконка
  • Группа: Администратор
  • Сообщений: 8884
  • Регистрация: 20.02.2010

26.07.2011 20:08

Самое правильное - добавить свой файл CSS, а не менять один из стандартных.

#5 Solven
  • Группа: Пользователь
  • Сообщений: 44
  • Регистрация: 02.07.2011

26.07.2011 21:17

Это понятно, что свой CSS, но сначала надо к ссылке добавить класс..
А как к этой ссылке добавить стиль :
<action method="addLink" translate="label title" module="customer"><label>My Wishlist</label><A>/wishlist</A><title>My Wishlist</title><prepare/><urlParams/><position>9</position></action> 

?

#6 Дмитрий Федюк
  • Администратор
  • Иконка
  • Группа: Администратор
  • Сообщений: 8884
  • Регистрация: 20.02.2010

26.07.2011 21:22

Вы показываете макетные правила, а как выглядит ваша разметка HTML для ссылки?

А, вы выше уже указали.
Используете селекторы CSS3: через библиотеку Prototype или jQuery.
Например, у вашей ссылки имеется уникальное значение атрибута href, вы можете таким образом идентифицировать ссылку.

#7 Solven
  • Группа: Пользователь
  • Сообщений: 44
  • Регистрация: 02.07.2011

26.07.2011 21:26

Это Топ Линкс.
Я так понимаю, после добавления новых ссылок с файле costumer.xml, вводятся по средствам приведенного ниже кода из файла links.phtml..

<?php $_links = $this->getLinks(); ?>
<?php if(count($_links)>0): ?>
<ul class="links"<?php if($this->getName()): ?> id="<?php echo $this->getName() ?>"<?php endif;?>>
    <?php foreach($_links as $_link): ?>
         <li<?php if($_link->getIsFirst()||$_link->getIsLast()): ?> class="<?php if($_link->getIsFirst()): ?>first<?php endif; ?><?php if($_link->getIsLast()): ?> last<?php endif; ?>"<?php endif; ?> <?php echo $_link->getLiParams() ?>><?php echo $_link->getBeforeText() ?><a href="<?php echo $_link->getUrl() ?>" title="<?php echo $_link->getTitle() ?>" <?php echo $_link->getAParams() ?>><?php echo $_link->getLabel() ?></a><?php echo $_link->getAfterText() ?></li>
<?php endforeach; ?>
</ul>
<?php endif; ?>


#8 Solven
  • Группа: Пользователь
  • Сообщений: 44
  • Регистрация: 02.07.2011

26.07.2011 21:32

Да я что то не поверю, что бы добавить банальный и простой класс к ссылке, нужно создать и пройти дорогу через jQuery и т.д.
Я в тупике, извините!

не ужели нельзя в топ линск вывести путем куда проще простую ссылку?

#9 Дмитрий Федюк
  • Администратор
  • Иконка
  • Группа: Администратор
  • Сообщений: 8884
  • Регистрация: 20.02.2010

26.07.2011 22:07

Нельзя.

#10 Solven
  • Группа: Пользователь
  • Сообщений: 44
  • Регистрация: 02.07.2011

27.07.2011 23:16

Спасибо за селекторы, реализация чудо как простая)
Все решено!

Поделиться темой: