Profile: hristo

Hi,

this question has been answered in a support ticket. Please check there.

Hello OTH & thanks for the suggestion, it makes sense.
We have to test the suggested layout with logos of various sizes and aspect ratios on various resolutions and will decide if it will be implemented or not. However this is going to happen after the 4.0 upgrade as our schedule if full right now.

The code will vary depending on multiple factors so I can't really tell unless I'm working on an actual project.

The image sprite file is "payment-sprite.png", you can find it in the "img" directory in your theme. If you edit this file you have to edit also the corresponding css code according to your changes. The code is located in the main css file ("styles.css")

Hello Tommy,

an item counter has been already added to the header shopping cart link/button in Brooklyn theme and it is available via administration setting, but only for version 3.90. The same functionality is not present in 3.80

Hello Joster,

I don't think it's quite possible to split your css to "essential" and "non-essential", or if not impossible, then at least it will be quite difficult.

Besides, the Alfresco theme just has been refactored for 3.9, and the whole css code has been rewritten and optimized + some design improvements have been made, so if you are planning to upgrade to 4.0 it is pointless to do any modifications on your theme now. Keep in mind that if you already have custom modifications, you have to merge it manually when you update your theme, otherwise they will be lost.

Hi,

you can't upload a second logo, there's no such option. There are two possible workarounds though if you are familiar with html & css:

1. you hardcode another logo element in the source code of the theme and then use css to keep one of the logos hidden depending on screen width.
2. use only css - add your secondary logo as a css background of the logo link and use css to hide the original logo image (<img>) depending on screen resolution. If you take this approach you will need to set some dimensions of the logo link, otherwise it will collapse once the <img> is hidden.


Regards

Hi,

I can see your main function is defined but not invoked. As written in the previous post you have to initialize this script in order to get it working. You can invoke the function before the closing script tag:

handlePurchaseQuantityValue();

Hello Miguel,

there's no such option to enable or disable, but you can achieve that by adding a little extra css to your theme. Just paste this code into the custom head styles panel in your theme administration:

@media all and (max-width: 480px) {
.product-grid .item-box,
.product-list .item-box {
    width: 48%;
    margin: 0 1% 30px;
    float: left;
}
.product-grid .item-box:nth-child(2n+1),
.product-list .item-box:nth-child(2n+1) {
    clear: both;
}
}

This code will affect only product boxes on "phone" screen resolutions. Manufacturers and Category items will remain unaffected.

Hello,

there's no such setting to add a link to compare products page in your header, but if you are familiar with css you can add it manually and then style it. The section ("header-actions") you have to edit is placed in the "Header.cshtml" file (Themes\Brooklyn\Views\Shared\) and it looks like this:

            <div class="header-actions">
                @if (wishlistEnabled)
                {
                    <a href="@Url.RouteUrl("Wishlist")" class="ico-wishlist">
                        <span class="wishlist-qty"></span>
                    </a>
                }
                @if (shoppingCartEnabled)
                {
                    <a href="@Url.RouteUrl("ShoppingCart")" class="ico-cart">
                        <span class="cart-qty">@T("ShoppingCart.HeaderQuantity", Model)</span>
                    </a>
                    @Html.Action("FlyoutShoppingCart", "ShoppingCart")
                }
            </div>

You can add your custom link (<a>...</a>) next to the existing links inside the "header-actions" wrapper and set its url to refer to compare products page. Also you can add a custom class name to it and use that to style the link to look like an icon. The css code needed can be put in your "styles.css" file or in the "custom head styles" panel in your theme's administration.