Здравствуйте, подскажите, пожалуйста:
1) как увеличить номер контактного телефона
2) Как сделать, чтобы эти надписи были в самом низу в середине страницы
3) Как сделать так, чтобы категории "Акции" "Товары на главной" "хиты продаж" "новинки" отражались внизу (после текста и анимации) а не в самом верху
аккаунт SL-236804
0
Изменения
Автор Дарина, 24 марта 2014 00:17
Сообщений в теме: 3
#1
Отправлено 24 Март 2014 - 00:17
#2
Отправлено 24 Март 2014 - 07:03
Дарина (24 Март 2014 - 00:17) писал:
Здравствуйте, подскажите, пожалуйста:
1) как увеличить номер контактного телефона
2) Как сделать, чтобы эти надписи были в самом низу в середине страницы
3) Как сделать так, чтобы категории "Акции" "Товары на главной" "хиты продаж" "новинки" отражались внизу (после текста и анимации) а не в самом верху
аккаунт SL-236804
1) как увеличить номер контактного телефона
2) Как сделать, чтобы эти надписи были в самом низу в середине страницы
3) Как сделать так, чтобы категории "Акции" "Товары на главной" "хиты продаж" "новинки" отражались внизу (после текста и анимации) а не в самом верху
аккаунт SL-236804
1) В шаблоне main.css есть строчки:
.phone { font-size: 1.35em; vertical-align: middle; float: left; }
увеличьте значение font-size
2) В шаблоне HTML перенесите строчки:
<p class="copy">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»<br /> {SETTINGS_STORE_ORG_NAME}<br /> <span>Все права защищены</span><br /> {COPYRIGHT_FOR_DESIGN_TECH} <span>{SETTINGS_STORE_REGION}</span><br /> {SETTINGS_STORE_HTML_CODE}<br /> </p>
2) Добавьте в шаблон main.css строки
.span44 { margin: 0 auto; width: 100%; }
Далее в шаблоне HTML найдите строки:
<div class="span44 hidden-phone"> <p class="copy">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»<br /> {SETTINGS_STORE_ORG_NAME}<br /> <span>Все права защищены</span><br /> {COPYRIGHT_FOR_DESIGN_TECH} <span>{SETTINGS_STORE_REGION}</span><br /> {SETTINGS_STORE_HTML_CODE}<br /> </p> </div>
и переместите их, поместив перед кодом:
</div> <div class="clear"></div> </body> </html>
3) Создайте бэкап. Далее в шаблоне HTML найдите строки:
<!-- Главная страница --> {% IF index_page %} <div class="cms-index-index"> <div class="col-main" style="padding:0;"> <div class="row std"> <!-- Список товаров на главной --> {% IFNOT index_page_goods_empty %} <ul class="products-grid"> {% FOR index_page_goods %} <li class="span3 item {index_page_goods.index0 | is_divided("3","first","")} {index_page_goods.index | is_divided("3","last","")}"> <div class="product-box"> <div class="span12"> <a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}"> <div class="product-image" style="background: url('{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}') no-repeat center center; background-size: contain; /* IE8 */ -ms-filter:'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}',sizingMethod='scale')'\9; /* IE < 8 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}', sizingMethod='scale')\9; background-image: none\9; /* IE ≤ 9.0 */"> </div></a> </div> <div class="quick-shop"> <div class="bg-quick-shop"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" /> <a onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"> </a> </div> </form> </div> </div> <table style="width: 100%;"> <tr><td height="50" style="text-align: center"> <div class="product-name"> <h2><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_goods.NAME}</a></h2> </div> </td></tr> <tr><td height="50" style="text-align: center"> <button onclick="document.location='{index_page_goods.URL_MIN_PRICE_NOW | url_amp}';return false;" class="btn btn-success2" title="Узнать подробнее о «{index_page_goods.NAME}»" type="button">Подробнее</button> </td></tr> </table> </div> </li> {% ENDFOR index_page_goods %} </ul> {% ENDIF %} <!-- /Список товаров на главной --> <!-- Список новинок на главной --> {% IFNOT index_page_new_goods_empty %} <ul class="products-grid"> {% FOR index_page_new_goods %} <li class="span3 item {index_page_new_goods.index0 | is_divided("3","first","")} {index_page_new_goods.index | is_divided("3","last","")}"> <div class="product-box"> <div class="span12"> <a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"> <div class="product-image" style="background: url('{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}') no-repeat center center; background-size: contain; /* IE8 */ -ms-filter:'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}',sizingMethod='scale')'\9; /* IE < 8 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}', sizingMethod='scale')\9; background-image: none\9; /* IE ≤ 9.0 */"> </div> </a> </div> <div class="quick-shop"> <div class="bg-quick-shop"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" /> <a onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"> </a> </div> </form> </div> </div> <table style="width: 100%;"> <tr><td height="50" style="text-align: center"> <h2 class="product-name"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_new_goods.NAME}</a></h2> </td></tr> <tr><td height="50" style="text-align: center"> <button onclick="document.location='{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}';return false;" class="btn btn-success2" title="Узнать подробнее о «{index_page_new_goods.NAME}»" type="button">Подробнее</button> </td></tr> </table> </div> </li> {% ENDFOR index_page_new_goods %} </ul> {% ENDIF %} <!-- /Список новинок на главной --> <!-- Список избранных товаров на главной --> {% IFNOT index_page_favorites_goods_empty %} <ul class="products-grid"> {% FOR index_page_favorites_goods %} <li class="span3 item {index_page_favorites_goods.index0 | is_divided("3","first","")} {index_page_favorites_goods.index | is_divided("3","last","")}"> <div class="product-box"> <div class="span12"> <a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}"> <div class="product-image" style="background: url('{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}') no-repeat center center; background-size: contain; /* IE8 */ -ms-filter:'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}',sizingMethod='scale')'\9; /* IE < 8 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}', sizingMethod='scale')\9; background-image: none\9; /* IE ≤ 9.0 */"> </div> </a> </div> <div class="quick-shop"> <div class="bg-quick-shop"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" /> <a onclick="$('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"> </a> </div> </form> </div> </div> <table style="width: 100%;"> <tr><td height="50" style="text-align: center"> <h2 class="product-name"><a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_favorites_goods.NAME}</a></h2> </td></tr> <tr><td height="50" style="text-align: center"> <button onclick="document.location='{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}';return false;" class="btn btn-success2" title="Узнать подробнее о «{index_page_favorites_goods.NAME}»" type="button">Подробнее</button> </td></tr> </table> </div> </li> {% ENDFOR index_page_favorites_goods %} </ul> {% ENDIF %} <!-- /Список избранных товаров на главной --> </div> </div> </div> {% ENDIF %} <!-- /Главная страница -->
и поместите их после оператора {BODY}
#3
Отправлено 24 Март 2014 - 12:12
MikDark (24 Март 2014 - 07:03) писал:
1) В шаблоне main.css есть строчки:
увеличьте значение font-size
2) В шаблоне HTML перенесите строчки:
2) Добавьте в шаблон main.css строки
Далее в шаблоне HTML найдите строки:
и переместите их, поместив перед кодом:
3) Создайте бэкап. Далее в шаблоне HTML найдите строки:
и поместите их после оператора {BODY}
.phone { font-size: 1.35em; vertical-align: middle; float: left; }
увеличьте значение font-size
2) В шаблоне HTML перенесите строчки:
<p class="copy">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»<br /> {SETTINGS_STORE_ORG_NAME}<br /> <span>Все права защищены</span><br /> {COPYRIGHT_FOR_DESIGN_TECH} <span>{SETTINGS_STORE_REGION}</span><br /> {SETTINGS_STORE_HTML_CODE}<br /> </p>
2) Добавьте в шаблон main.css строки
.span44 { margin: 0 auto; width: 100%; }
Далее в шаблоне HTML найдите строки:
<div class="span44 hidden-phone"> <p class="copy">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»<br /> {SETTINGS_STORE_ORG_NAME}<br /> <span>Все права защищены</span><br /> {COPYRIGHT_FOR_DESIGN_TECH} <span>{SETTINGS_STORE_REGION}</span><br /> {SETTINGS_STORE_HTML_CODE}<br /> </p> </div>
и переместите их, поместив перед кодом:
</div> <div class="clear"></div> </body> </html>
3) Создайте бэкап. Далее в шаблоне HTML найдите строки:
<!-- Главная страница --> {% IF index_page %} <div class="cms-index-index"> <div class="col-main" style="padding:0;"> <div class="row std"> <!-- Список товаров на главной --> {% IFNOT index_page_goods_empty %} <ul class="products-grid"> {% FOR index_page_goods %} <li class="span3 item {index_page_goods.index0 | is_divided("3","first","")} {index_page_goods.index | is_divided("3","last","")}"> <div class="product-box"> <div class="span12"> <a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}"> <div class="product-image" style="background: url('{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}') no-repeat center center; background-size: contain; /* IE8 */ -ms-filter:'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}',sizingMethod='scale')'\9; /* IE < 8 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}', sizingMethod='scale')\9; background-image: none\9; /* IE ≤ 9.0 */"> </div></a> </div> <div class="quick-shop"> <div class="bg-quick-shop"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" /> <a onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"> </a> </div> </form> </div> </div> <table style="width: 100%;"> <tr><td height="50" style="text-align: center"> <div class="product-name"> <h2><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_goods.NAME}</a></h2> </div> </td></tr> <tr><td height="50" style="text-align: center"> <button onclick="document.location='{index_page_goods.URL_MIN_PRICE_NOW | url_amp}';return false;" class="btn btn-success2" title="Узнать подробнее о «{index_page_goods.NAME}»" type="button">Подробнее</button> </td></tr> </table> </div> </li> {% ENDFOR index_page_goods %} </ul> {% ENDIF %} <!-- /Список товаров на главной --> <!-- Список новинок на главной --> {% IFNOT index_page_new_goods_empty %} <ul class="products-grid"> {% FOR index_page_new_goods %} <li class="span3 item {index_page_new_goods.index0 | is_divided("3","first","")} {index_page_new_goods.index | is_divided("3","last","")}"> <div class="product-box"> <div class="span12"> <a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"> <div class="product-image" style="background: url('{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}') no-repeat center center; background-size: contain; /* IE8 */ -ms-filter:'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}',sizingMethod='scale')'\9; /* IE < 8 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}', sizingMethod='scale')\9; background-image: none\9; /* IE ≤ 9.0 */"> </div> </a> </div> <div class="quick-shop"> <div class="bg-quick-shop"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" /> <a onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"> </a> </div> </form> </div> </div> <table style="width: 100%;"> <tr><td height="50" style="text-align: center"> <h2 class="product-name"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_new_goods.NAME}</a></h2> </td></tr> <tr><td height="50" style="text-align: center"> <button onclick="document.location='{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}';return false;" class="btn btn-success2" title="Узнать подробнее о «{index_page_new_goods.NAME}»" type="button">Подробнее</button> </td></tr> </table> </div> </li> {% ENDFOR index_page_new_goods %} </ul> {% ENDIF %} <!-- /Список новинок на главной --> <!-- Список избранных товаров на главной --> {% IFNOT index_page_favorites_goods_empty %} <ul class="products-grid"> {% FOR index_page_favorites_goods %} <li class="span3 item {index_page_favorites_goods.index0 | is_divided("3","first","")} {index_page_favorites_goods.index | is_divided("3","last","")}"> <div class="product-box"> <div class="span12"> <a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}"> <div class="product-image" style="background: url('{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}') no-repeat center center; background-size: contain; /* IE8 */ -ms-filter:'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}',sizingMethod='scale')'\9; /* IE < 8 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}', sizingMethod='scale')\9; background-image: none\9; /* IE ≤ 9.0 */"> </div> </a> </div> <div class="quick-shop"> <div class="bg-quick-shop"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" /> <a onclick="$('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"> </a> </div> </form> </div> </div> <table style="width: 100%;"> <tr><td height="50" style="text-align: center"> <h2 class="product-name"><a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_favorites_goods.NAME}</a></h2> </td></tr> <tr><td height="50" style="text-align: center"> <button onclick="document.location='{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}';return false;" class="btn btn-success2" title="Узнать подробнее о «{index_page_favorites_goods.NAME}»" type="button">Подробнее</button> </td></tr> </table> </div> </li> {% ENDFOR index_page_favorites_goods %} </ul> {% ENDIF %} <!-- /Список избранных товаров на главной --> </div> </div> </div> {% ENDIF %} <!-- /Главная страница -->
и поместите их после оператора {BODY}
Спасибо, всё получилось, а подскажите ещё, пожалуйста, как увеличить расстояние между блоком "каталог" и "вы смотрели"?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных