Начать новую тему

Вопросы с Корзиной

Здравствуйте, спасибо за Ваш хороший сервис, уверен Вы добьетесь успеха. 


Собственно вопросы:

1. Можно ли изменить значок корзины и увеличить размер текста корзины на домашней странице. Если да, то как?

2. Можно ли кардинально изменить или упростить форму заказа для клиентов, так как при нажатии на "Купить в один клик", но чтобы это было по умолчанию, так как на мой взгляд очень мало кто захочет пройти все эти "круги ада". 


ещё 2 человек задают этот вопрос
Добрый день!

Подскажите, возможно ли настроить таким образом, чтобы иконка корзины располагалась посередине текста, отображаемого в блоке корзины? То, что хотелось бы получить в итоге, на рисунке.

 

jpg
png

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


Вы можете изменить позицию картинки с помощью CSS. Однако отметим, что картинка корзины находится в блоке Корзина, поэтому смещая картинку, у вас изменится размер вашего блока. Мы рекомендуем воспользоваться CSS свойством padding-top для селектора .ty-minicart-title. Для этого, пожалуйста, добавьте соответствующее правило в секцию Пользовательские CSS редактора тем.


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/


Если у вас возникают сложности с добавлением необходимых правил, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент или к партнерам в Маркете Мерчиума.


Спасибо.

Вставила СЫЫ как написано в инструкции:


 .ty-minicart-title {

    background-image: url( http://d178h43i90tztq.cloudfront.net/users/34745/images/companies/1/Cart%20(1).png20(1).png );

    background-position: left;

    background-repeat: no-repeat;

        background-size: 15px 15px;

}

 

.ty-icon-basket:before {

    content: "";

}

А получается ошибка, в чем беда?!

JPG

Вставила в Пользовательские CSS как написано в инструкции:


 .ty-minicart-title {

    background-image: url( http://d178h43i90tztq.cloudfront.net/users/34745/images/companies/1/Cart%20(1).png20(1).png );

    background-position: left;

    background-repeat: no-repeat;

        background-size: 15px 15px;

}

 

.ty-icon-basket:before {

    content: "";

}

А получается ошибка, в чем беда?!



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


Как мы видим, ваш сайт сейчас отображается корректно. Если вам нужна еще помощь по этому вопросу, пожалуйста, уточните, как воспроизвести эту ошибку более подробно. Если это возможно, также предоставьте ссылку на проблемную страницу.


Спасибо. 

your_site.png
(34.5 KB)

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

Хочу поменять кнопку "Купить" на странице товара, сделал по примеру Марии из четвертого сообщения темы. Делал так -


.ty-btn__add-to-cart {

border-radius: 3px;

background-image: url (http://d178h43i90tztq.cloudfront.net/users/17833/images/companies/1/button.gif);

}

но после вставки этого кода вся разметка бьется, иными словами ошибка. Помогите пжст, что я не правильно делаю?

Здравствуйте, Дмитрий.


Пожалуйста, обратите внимание на синтаксис свойства background-image, которое используется в модификации. После значения url, пожалуйста, сразу укажите открывающую скобку вместо пробела. Кроме того, мы рекомендуем использовать кавычки для пути к изображению.

 

background-image: url("http://d178h43i90tztq.cloudfront.net/users/17833/images/companies/1/button.gif");


Пожалуйста, проверьте такой вариант.


Спасибо.

Здравствуйте Мария.

Спасибо за ответ. Увы, сделал как Вы сказали - результат нулевой.

Поменял, идентификатор не тот указывал. Скажите пжст как убрать надпись "купить" она просвечивает сквозь изображение. Спасибо!

Здравствуйте, Дмитрий.


Мы рады слышать, что вам удалось решить проблему с кнопкой. Для того чтобы убрать дублирующуюся надпись Купить, вам необходимо сделать следующее:


1. В панели администратора вашего магазина перейдите на страницу Дизайн > Темы.

2. Нажмите на кнопку Редактировать контент.

3. В витрине вашего магазина нажмите на область текста Купить и удалите это слово.

4. Сохраните и проверьте результат.


Спасибо.

Здравствуйте Анастасия.

Я делал как Вы сказали, но дело в том, что ширина привязана к тексту (авто, как я понимаю) посему при удалении текста кнопка уменьшается до крошечных размеров.....вот это я победить и не могу (   Пробовал указать размеры кнопки, но видимо не правильно - результат нулевой.

Спасибо за ваш ответ, Дмитрий.


Попробуйте повысить приоритет вашему правилу, используя !important. При добавлении !important к значению стилевого свойства его важность повышается. 


Спасибо. 

Спасибо, сделал более-менее.  Скажите пожалуйста как сделать hover для верхнего меню где контакты, оплата и прочее. Прописал везде и никак!  text-decoration работает, а hover никак.

Здравствуйте, Дмитрий.


Насколько мы видим, данное правило добавлено для псевдокласса hover для указанных элементов, и оно работает корректно:

.top-quick-links a:hover {
  text-transform: uppercase;
}

Вы можете добавить дополнительные правила для данного селектора.


Спасибо.

Прошу прощения не уточнил, что не работает правило color для hover. Т.е. текст на кнопках становится прописным, а вот цвет текста не меняется.

.top-quick-links a:hover {

  text-transform: uppercase;

color: red;

}


Войдите, чтобы опубликовать свой комментарий