X-Cart forums - X-Cart - reBOOT - Responsive Template

Page 28 of 37

« First

Last »

Show 40 posts from this thread on one page

X-Cart forums (https://forum.x-cart.com/index.php)

- Third Party Add-Ons for X-Cart 4 (https://forum.x-cart.com/forumdisplay.php?f=45)

- - X-Cart - reBOOT - Responsive Template (https://forum.x-cart.com/showthread.php?t=66570)

PhilJ

11-13-2015 01:14 PM

Re: X-Cart - reBOOT - Responsive Template

Quote:

Phil, Does this apply to AC One Page, XCart One Page or both?

Just Fastlane and OPC, not AC OPC. Plus it only affects stores that have the reBOOT 'Must agree to conditions' option disabled.

Quote:

I can not understand why after choosing the option of category products to be displayed as default (the way i arranged them in admin > category products.

In General Settings > Appearance, set the option "Select the order in which products should be displayed within a category" to "Default"

PhilJ

11-13-2015 10:02 PM

Re: X-Cart - reBOOT - Responsive Template

reBOOT v4.7.3+ - More social sharing buttons available... DEMO

Edit skin/custom/widgets/widget_social_sharing.tpl

Complete list...

Code:

  <div class="don-share-facebook"></div>

  <div class="don-share-twitter"></div>

  <div class="don-share-google"></div>

  <div class="don-share-pinterest"></div>

  <div class="don-share-linkedin"></div>

  <div class="don-share-tumblr"></div>

  <div class="don-share-stumbleupon"></div>

  <div class="don-share-reddit"></div>

  <div class="don-share-hackernews"></div>

  <div class="don-share-buffer"></div>

  <div class="don-share-xing"></div>

  <div class="don-share-pocket"></div>

  <div class="don-share-fancy"></div>

  <div class="don-share-yummly"></div>

  <div class="don-share-scoopit"></div>

  <div class="don-share-weibo"></div>

  <div class="don-share-vk"></div>

  <div class="don-share-mailru"></div>

  <div class="don-share-odnoklassniki"></div>

  <div class="don-share-hatena"></div>

xcesiv

11-24-2015 03:42 AM

Re: X-Cart - reBOOT - Responsive Template

Evening Phil.

Loving the new Reboot since the first install.

I'm wondering how hard it would be to add a share feature to the photos in the Gallery on social Media like the products can be.

PhilJ

11-24-2015 09:29 AM

Re: X-Cart - reBOOT - Responsive Template

Quote:

Loving the new Reboot since the first install.

Great, thanks.

Quote:

I'm wondering how hard it would be to add a share feature to the photos in the Gallery on social Media like the products can be.

Good idea, here's a basic way... (for reBOOT v4.x - DEMO)

1) Make a backup of the file skin/reboot/js/custom/jquery.gallery.min.js

Download this file, unzip to skin/reboot/js/custom/

2) In skin/reboot/css/gallery.css

At the end, insert...

Code:

a.gallery-share i { color: #fff; }

a.gallery-share i:hover { color: #ccc; }

You can also include the social sharing widget by adding the following to the end of skin/reboot/custom/widgets/widget_image_gallery.tpl

Code:

<hr>{include file="custom/widgets/widget_social_sharing.tpl" limit="17" menu="" total=""}

Freakmode

11-24-2015 10:55 AM

Re: X-Cart - reBOOT - Responsive Template

Hi Phil - is it possible to have to category descriptions in a scroll box? We needed to add more content to each cat but now the products are way down the page and we worried people won;t see them.

PhilJ

11-24-2015 11:15 AM

Re: X-Cart - reBOOT - Responsive Template

Quote:

Hi Phil - is it possible to have to category descriptions in a scroll box? We needed to add more content to each cat but now the products are way down the page and we worried people won;t see them.

Sure, for reBOOT v3.x, edit skin/reboot/customer/main/subcategories.tpl

Replace...

Code:

{$current_category.description|amp}

With...

Code:

<div class="scrollable300">{$current_category.description|amp}</div>

Height classes available - scrollable100 / scrollable150 / scrollable200 / scrollable250 / scrollable300 / scrollable350 / scrollable400

For reBOOT v4.x, edit skin/reboot/customer/main/subcategories.tpl

Replace...

Code:

{$current_category.description|amp}

With...

Code:

<div class="scrollable-div" style="height:300px;">{$current_category.description|amp}</div>

(More flexible, you can set any px height you want)

Freakmode

11-24-2015 11:34 AM

Re: X-Cart - reBOOT - Responsive Template

Brilliant - Cheers Phil that will make such a difference.

xcesiv

11-24-2015 01:34 PM

Re: X-Cart - reBOOT - Responsive Template

Thank you Phil

Would it be possible to just 1 image. Clicking through the images a customer likes the image and shares it on there FB or similar

PhilJ

11-24-2015 01:42 PM

Re: X-Cart - reBOOT - Responsive Template

Quote:

Would it be possible to just 1 image.

Not quite as easy to add sharing links to the single image lightbox popups, but I'll have a think about it.

xcesiv

11-25-2015 02:38 PM

Re: X-Cart - reBOOT - Responsive Template

I have been working on the front page layout and having issues with bottom banners not bring responsive on my Samsung Note 3. Using Chrome simulation mode it does the same thing and is not responsive

Not sure where I'm going wrong

Website: www.PureImage.com.au

Also the headings

xcesiv

11-25-2015 06:12 PM

Re: X-Cart - reBOOT - Responsive Template

I am having a slight issue with the Google Maps Location Map

If you go to maps.google.com and type in my business name you get the marker to the right location and can get the correct directions

If you type in my physical address into Google maps 157-161 Beresford Road, Lilydale, Victoria your directed to the back of the factory estate and the directions to our location is wrong

Google has been less than helpful in rectifying the issue so i need to make a work around.
I think the map is a good addition to the page, but until i can get this sorted i have to leave it off.

Freakmode

11-26-2015 09:07 AM

Re: X-Cart - reBOOT - Responsive Template

Phil - how exactly does the countdown work? If I put in
2015,11,26,23,59,59 which is end of play today it tells me I have 4 weeks and 2 days etc.

Have I misunderstood how this works?

futurac

11-26-2015 09:09 AM

Re: X-Cart - reBOOT - Responsive Template

HA HA, had same issue
check carefull, January is NOT 01, but 00, so november will be 10 and not 11.. this will solve the issue

PhilJ

11-27-2015 04:42 AM

Re: X-Cart - reBOOT - Responsive Template

Quote:

I have been working on the front page layout and having issues with bottom banners not bring responsive on my Samsung Note 3. Using Chrome simulation mode it does the same thing and is not responsive

If you're adding custom banners, add class="img-responsive" to the IMG tag to make responsive. If using the QT banners module, then images should be responsive out of the box.

Quote:

I am having a slight issue with the Google Maps Location Map

Your address in general settings > company should be as accurate as possible.

By enlarge, the map displays locations accurately, but occasionally if an address shares post/zip code with close addresses, the map pin will not be accurate also.

Alternatively, you can just embed a custom Google map with more precise longitude/latitude coordinates, by replacing this code in skin/reboot/customer/help/location_map.tpl ...

Code:

<div class="google-map" 

    data-address="{$config.Company.location_address} {$config.Company.location_city} {$config.Company.location_state_name} {$config.Company.location_zipcode} {$config.Company.location_country}" 

    data-height="{$config.Reboot.reboot_contact_map_height}px" 

    data-type="{$config.Reboot.reboot_contact_map_type}" 

    data-zoom="{$config.Reboot.reboot_contact_map_zoom}" 

    data-lang="{$shop_language|lower}" 

    data-width="100%">

</div>

netmagik

12-01-2015 01:18 AM

Re: X-Cart - reBOOT - Responsive Template

I am having an issue where xBanners is preventing the share buttons from displaying (all buttons except Facebook) - does anyone else experience this? Phil says its xBanners and when I disable xBanners indeed the sharing buttons come back. The xcart store think the conflict relates to the sharing buttons ...but it would be great to use xBanners with this theme so banners can be scheduled automatically.

Any tips / ideas would be much appreciated!

xcesiv

12-01-2015 12:54 PM

Re: X-Cart - reBOOT - Responsive Template

On certain screens and browsers the top website banner doesn't go completely across the browser

https://www.pureimage.com.au/

Is there an easy way to make this happen. Either create the background to always be full size and have the logo separate or edit the template so it resizes the header bar to match the screen

Thanks

Warren

xcesiv

12-01-2015 01:03 PM

Re: X-Cart - reBOOT - Responsive Template

I have used the Category page to make a detail page about my product.

I was wondering if there is an easy way to create a slider, or similar form of Gallery, of random images that are already uploaded in the Image Gallery
Grabs Images randomly or say grabs the newest 6 images from the Gallery. Save me updating the page every time i want to make it look fresh

Page: https://www.pureimage.com.au/Vehicle-Paint-Protection/
Image Gallery of photos i wish to include: https://www.pureimage.com.au/Image-Gallery.html#Vehicle Paint Protection

Thanks

PhilJ

12-02-2015 12:52 AM

Re: X-Cart - reBOOT - Responsive Template

Quote:

Is there an easy way to make this happen. Either create the background to always be full size and have the logo separate or edit the template so it resizes the header bar to match the screen

In skin/reboot/css/reboot.css replace...

Code:

.header-logo { max-width: 100%; height: auto; }

with...

Code:

.header-logo { max-width: 100%; width: 100%; height: auto; }

Quote:

I was wondering if there is an easy way to create a slider, or similar form of Gallery, of random images that are already uploaded in the Image Gallery

Assuming your page is a static page, in pages.php add this code before ?> ...

Code:

# Get Random Gallery Images from a Specific Folder

$rgidir = "uploads/Gallery/Vehicle Paint Protection/";

$rgi = glob($rgidir . "*.jpg");

shuffle($rgi);

$smarty->assign(rgimages, $rgi);

Then use this code in your static page...

Code:

<div class="carousel-images">

{foreach from=$rgimages item=image name=image}

{if $smarty.foreach.image.iteration lt 4}

<div><p><a class="lbox" href="{$image}"><img class="img-responsive" src="{$image}" alt="{$image}"></a></p></div>

{/if}

{/foreach}

</div>

The above will display 3 random images. May need tweaking depending on the size of your images.

If you want a different style carousel, replace...

Code:

<div class="carousel-images">

with...

Code:

<div class="carousel-main">

xcesiv

12-04-2015 01:43 PM

Re: X-Cart - reBOOT - Responsive Template

Hi Phil.

I had a client submit a testimonial. When they did i received the email asking to approve. This is a great feature except when you click the "HERE" button in the email the link is wrong

I beleive it should be "/admin/reboot_testimonials_admin.php" but goes to "/admin/reboot_testimonials.php"

Can you direct me to where this can be fixed

Thank you

PhilJ

12-05-2015 01:31 AM

Re: X-Cart - reBOOT - Responsive Template

Quote:

This is a great feature except when you click the "HERE" button in the email the link is wrong

Thanks for reporting. Edit lines 237 & 276 of testimonial_send.php - Replace reboot_testimonials.php with reboot_testimonials_admin.php

PhilJ

12-10-2015 12:06 AM

Re: X-Cart - reBOOT - Responsive Template

Small improvement for the product tags addon (reBOOT v4.7.3+), in skin/reboot/custom/product/product_tags.tpl replace...

Code:

  $(".keywords-pager").append('<li style="margin:0 5px 0 0"><a title="' + keywords[i] + '" href="search.php?mode=search&amp;substring=' + keywords[i] + '">' + keywords[i] + '</a></li>');

With...

Code:

  $(".keywords-pager").append('<li style="margin:0 5px 0 0"><a title="' + keywords[i] + '" href="search.php?mode=search&including=all&by_title=on&by_descr=on&by_sku=on&categoryid=&search_in_subcategories=on&by_fulldescr=on&by_shortdescr=on&substring=' + keywords[i] + '">' + keywords[i] + '</a></li>');

PhilJ

12-11-2015 06:35 AM

Re: X-Cart - reBOOT - Responsive Template

A whole load of new transparent, optimised background tiles / images have been added - preview - download - courtesy of subtlepatterns

I've also made some improvements to the 'latest blog posts' widget (reBOOT v4.7.3+), which you can get - here

(it now uses the proper slugs and displays featured images)

lilypad

12-13-2015 01:50 PM

Re: X-Cart - reBOOT - Responsive Template

We working on a dev site upgraded to XC 4.7.4. and using reBOOT. I need to have my products default to sorting by date, with the new added appearing first. What's the best way to accomplish this?

PhilJ

12-14-2015 01:35 AM

Re: X-Cart - reBOOT - Responsive Template

Quote:

We working on a dev site upgraded to XC 4.7.4. and using reBOOT. I need to have my products default to sorting by date, with the new added appearing first. What's the best way to accomplish this?

There isn't an automatic way to sort by date added, unless you have it custom coded.

But, go to admin/configuration.php?option=Appearance and set "Select the order in which products should be displayed within a category" to "Default".

Then go to your category products list (admin/category_products.php?cat=x) and set a custom order to your products by changing the Pos. fields.

Edit: Live sort by 'date added' has been added to reBOOT v4.7.4.1. Also, live sort buttons have been changed to a dropdown - Demo. Get in touch if you want the instructions.

PhilJ

12-15-2015 05:09 AM

Re: X-Cart - reBOOT - Responsive Template

If you have a large amount of manufacturers, here's a handy A-Z mod for the manufacturers list page... Demo - Download (reBOOT v4.7.x). Just backup and upload the files in the zip.

lilypad

12-16-2015 04:35 PM

Re: X-Cart - reBOOT - Responsive Template

Quote:

Originally Posted by PhilJ

There isn't an automatic way to sort by date added, unless you have it custom coded.

But, go to admin/configuration.php?option=Appearance and set "Select the order in which products should be displayed within a category" to "Default".

Then go to your category products list (admin/category_products.php?cat=x) and set a custom order to your products by changing the Pos. fields.

Edit: Live sort by 'data added' has been added to reBOOT v4.7.4.1. Also, live sort buttons have been changed to a dropdown - Demo. Get in touch if you want the instructions.

Thank you very much for the update. I would love to receive it. I sent you an email.

lilypad

01-01-2016 07:02 PM

Re: X-Cart - reBOOT - Responsive Template

I'm having a problem which I have isolated to Reboot. When a new user gets to the check out, they are not able to put in their address, instead the screen stops and everything is grayed out. When I revert to the default XC theme, it works fine.
Perhaps there's a setting I am missing to address this? Thanks in advance for your help.

PhilJ

01-02-2016 01:20 AM

Re: X-Cart - reBOOT - Responsive Template

Hi lilypad, please post a ticket and I'll take a look.

lilypad

01-02-2016 07:11 AM

Re: X-Cart - reBOOT - Responsive Template

Quote:

Originally Posted by PhilJ

Hi lilypad, please post a ticket and I'll take a look.

Thanks, Phil. I opened a ticket.

elmirage001

01-02-2016 07:36 AM

Re: X-Cart - reBOOT - Responsive Template

Happy New Year Phil !!!

Thank you for another fantastic 'reBOOT' Year!!! Our customers love how easy it is to browse and order from our site. It makes our lives so much easier, especially during the hectic Christmas ordering season.

Thank you again!

Paul

PhilJ

01-03-2016 12:52 AM

Re: X-Cart - reBOOT - Responsive Template

Same to you Paul! Thanks to everyone and best wishes for 2016 :wink:

lilypad

01-03-2016 08:07 AM

Re: X-Cart - reBOOT - Responsive Template

I've run a Maintenance > Re-generate the image cache
but my images from before my upgrade are still blurry.

You can see here:
http://prntscr.com/9lmn5x

The top one is post-upgrade and is clear. The second one was from before the upgrade and is blurry. I have way too many images to go in and regen each one manually, so I am really hoping there's another setting I can try.

I did double-check my reboot settings
http://prntscr.com/9lmvzk

They are all set to 250 x 250 and look fine. Yet, it seems that somehow my old 200 x 200 thumbnails are being used and simply up-sized to 250 x250 so they look blurry.

What else should I check?

PhilJ

01-04-2016 12:52 AM

Re: X-Cart - reBOOT - Responsive Template

Hi lilypad, looking at your products list, your thumbnail dimensions are 250 x 250, so are not being 'scaled up'.

They look ok, but you might get sharper images by setting "Image type for generated thumbnails" to PNG in general settings > appearance (although image file sizes may increase slightly).

Otherwise, you'll just have to re-upload / re-generate the blurry ones.

See here also.

Also, in the template settings set Products > "Product thumbnail appear effect" to Disabled and see if that makes any difference.

Meanwhile, your checkout issue has been sorted.

naemsmommy

01-05-2016 10:18 PM

Re: X-Cart - reBOOT - Responsive Template

How can I center the main menu? The template options only allow for a left or right align, but we need a centered menu.

Thanks!

PhilJ

01-07-2016 01:59 AM

Re: X-Cart - reBOOT - Responsive Template

Quote:

How can I center the main menu? The template options only allow for a left or right align, but we need a centered menu.

If you have only parent categories or links, in skin/reboot/css/menus/menuzord.css

Replace...

Code:

.menuzord-menu{

    margin: 0;

    padding: 0;

    float: left;

    list-style: none;

}

/* Right alignment */

.menuzord-menu.menuzord-right{

    float: right;

}

/* Menu items */

.menuzord-menu > li{

    display: inline-block;

    float: left;

}

With...

Code:

.menuzord-menu{

    margin: 0;

    padding: 0;

    list-style: none;

    text-align: center;

}

/* Right alignment */

.menuzord-menu.menuzord-right{

    float: right;

}

/* Menu items */

.menuzord-menu > li{

    display: inline-block;

}

Demo

If you have dropdowns or mega menus, you'll need some extra CSS tweaks to align them better, which I'll post when I have time.

naemsmommy

01-07-2016 12:14 PM

Re: X-Cart - reBOOT - Responsive Template

Thank you so much. We are going to be using mega menus, so I will wait for the updated code :)

Quote:

Originally Posted by PhilJ

If you have only parent categories or links, in skin/reboot/css/menus/menuzord.css

Replace...

Code:

.menuzord-menu{

    margin: 0;

    padding: 0;

    float: left;

    list-style: none;

}

/* Right alignment */

.menuzord-menu.menuzord-right{

    float: right;

}

/* Menu items */

.menuzord-menu > li{

    display: inline-block;

    float: left;

}

With...

Code:

.menuzord-menu{

    margin: 0;

    padding: 0;

    list-style: none;

    text-align: center;

}

/* Right alignment */

.menuzord-menu.menuzord-right{

    float: right;

}

/* Menu items */

.menuzord-menu > li{

    display: inline-block;

}

Demo

If you have dropdowns or mega menus, you'll need some extra CSS tweaks to align them better, which I'll post when I have time.

xcesiv

01-12-2016 02:54 AM

Re: X-Cart - reBOOT - Responsive Template

Evening Phil

Having a slight issue with the mega menu on my store.
The category images are not loading in the menu and i cant explain why

https://www.pureimage.com.au/

I have loaded images in the Vehicles mega menu

can you please help

xcesiv

01-12-2016 03:05 AM

Re: X-Cart - reBOOT - Responsive Template

Hi Phil.

Just worked it out

there is no sc.thumb_url being set in the 03_mega_menu_combo.tpl file

We copied the code from the subcategories_t.tpl to get it to work

Regards

Warren

xcesiv

01-12-2016 03:08 AM

Re: X-Cart - reBOOT - Responsive Template

Code:

{* NO sc.thumb_utl VARIABLE IS BEING FOUND SO WE NEVER GET INTO THIS IF STATEMENT *}

{if $config.Reboot.reboot_mega_icons eq "Y" && $sc.thumb_url}

  <p class="megamenu-icon"><a href="home.php?cat={$sc.categoryid}"><img src="{if $sc.thumb_url}{$sc.thumb_url|amp}{else}default_icon.gif{/if}" width="{$sc.image_x}" height="{$sc.image_y}" alt="{$sc.category}"></a></p>

{* SINCE NO sc.thumb_url VARIABLE IS DEFINED, WE GET INTO HERE, BUT WE KNOW THERE IS AN IMAGE *}

{elseif $config.Reboot.reboot_mega_icons eq "Y" && !$sc.thumb_url}

{* REPLACED THIS DEFAULT CODE TO JUST FIND THE CATEGORY URL USING THE get_category_image_url FUNCTION 

  <p class="megamenu-icon"><a href="home.php?cat={$sc.categoryid}"><img src="default_icon.gif" alt="{$sc.category}"></a></p>

*}

  <p class="megamenu-icon"><a href="home.php?cat={$sc.categoryid}"><img src="{get_category_image_url category=$sc}" width="100px" height="100px" alt="{$sc.category}"></a></p>

{/if}

Here is what we did

PhilJ

01-12-2016 09:15 PM

Re: X-Cart - reBOOT - Responsive Template

1 Attachment(s)

Google Translate sidebar widget... DEMO

1) Apply SQL Patch...

Code:

REPLACE INTO xcart_languages SET code='en', name='lbl_translate', value='Translate', topic='Labels';

2) Upload attached widget_translate.tpl file to skin/reboot/custom/widgets

3) In skin/reboot/customer/bar.tpl OR skin/reboot/customer/bar_right.tpl insert...

Code:

{include file="custom/widgets/widget_translate.tpl"}

4) Clear template cache.

----

reBOOT v4.7.3 + users can apply this patch...

Code:

REPLACE INTO xcart_languages SET code='en', name='lbl_translate', value='Translate', topic='Labels';

REPLACE INTO xcart_config VALUES ('reboot_sidebar_translate','','Y','Reboot',365,'checkbox','','','','');

REPLACE INTO xcart_languages VALUES ('en','opt_reboot_sidebar_translate','Enable translate menu in sidebar','Options');

REPLACE INTO xcart_languages VALUES ('en','opt_descr_reboot_sidebar_translate','','Options');

And use...

Code:

{if $config.Reboot.reboot_sidebar_translate eq "Y"}

  {include file="custom/widgets/widget_translate.tpl"}

{/if}

All times are GMT -8. The time now is 07:15 PM.

Page 28 of 37

« First

Last »

Show 40 posts from this thread on one page