Discussion on Exodus - Clean and Responsive Zen Cart Template

160 comments found

Is there a way to consolidate the categories on the main desktop home page but still have it show all the categories on the mobile page when clicked?

Basically I have about 48 categories and not sure how to make this look clean on the main home page top screen :-/ My drop shipper/inventory feed makes the categories, not me, so not sure how to “condense” it.

Also, just one other thing, I am not able to see the “First Banner, Second Banner, Third Banner” in the banner manger. Do I actually need to completely create these?

Thanks in advance for any help.

sammycorp

Hi,

You just need to edit includes/templates/exodus/templates/tpl_manufacturers_index.php

Just replace the whole code with this code :

<div class="centerBoxWrapper carousel-wrapper"> <h2 class="centerBoxHeading"><span><?php echo TEXT_MANUFACTURERS; ?></span></h2> <div class="manufacturers-carousel-nav carousel-nav" /> <div id="manufacturersIndex"> <ul class="slides"> <?php while (!$manufacturers->EOF) { ?> <?php if($manufacturers->fields['manufacturers_image'] != ''){ ?> <li class="centeredContent"><a href="<?php echo zen_href_link(FILENAME_DEFAULT, 'manufacturers_id=' . $manufacturers->fields['manufacturers_id'], $request_type, false, 'get'); ?>" class="manufacturersImage" target="_blank"><?php echo zen_image(DIR_WS_IMAGES . $manufacturers->fields['manufacturers_image'], $manufacturers->fields['manufacturers_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_WIDTH); ?></a></li> <?php } ?> <?php $manufacturers->MoveNext(); ?> <?php } ?> </ul> </div> </div> <script type="text/javascript"><!-- $(window).load(function() { $('#manufacturersIndex').flexslider({ namespace: "exo-", slideshow: false, animation: "slide", animationLoop: false, pauseOnHover: true, controlNav: false, prevText: '<i class="icon-double-angle-left" />', nextText: '<i class="icon-double-angle-right" />', controlsContainer: ".manufacturers-carousel-nav", manualControls: ".manufacturers-carousel-wrapper", itemWidth: 234 }); }); --></script>

Thanks

sammycorp

Hi,

You just need to edit includes/templates/exodus/templates/tpl_manufacturers_index.php

Just replace the whole code with this code :

<div class="centerBoxWrapper carousel-wrapper"> <h2 class="centerBoxHeading"><span><?php echo TEXT_MANUFACTURERS; ?></span></h2> <div class="manufacturers-carousel-nav carousel-nav" /> <div id="manufacturersIndex"> <ul class="slides"> <?php while (!$manufacturers->EOF) { ?> <?php if($manufacturers->fields['manufacturers_image'] != ''){ ?> <li class="centeredContent"><a href="<?php echo zen_href_link(FILENAME_DEFAULT, 'manufacturers_id=' . $manufacturers->fields['manufacturers_id'], $request_type, false, 'get'); ?>" class="manufacturersImage" target="_blank"><?php echo zen_image(DIR_WS_IMAGES . $manufacturers->fields['manufacturers_image'], $manufacturers->fields['manufacturers_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_WIDTH); ?></a></li> <?php } ?> <?php $manufacturers->MoveNext(); ?> <?php } ?> </ul> </div> </div> <script type="text/javascript"><!-- $(window).load(function() { $('#manufacturersIndex').flexslider({ namespace: "exo-", slideshow: false, animation: "slide", animationLoop: false, pauseOnHover: true, controlNav: false, prevText: '<i class="icon-double-angle-left" />', nextText: '<i class="icon-double-angle-right" />', controlsContainer: ".manufacturers-carousel-nav", manualControls: ".manufacturers-carousel-wrapper", itemWidth: 234 }); }); --></script>

Thanks

Default-user

Sammy- this almost works now but the logos are going ON TOP of the manufacturer bar instead of below it. Please see my page. www.fetishsexwear.com and advise.. Thanks

hi Sammy!

Here is the site with your template http://every-day.com.ua/store.php?id=2 My client want to put block with phones (now this block is a part of logo) in the center of screen between logo and search box. If I put it between divs with #logo and #headerRight, last one floats down. Any thoughts?

in the old zencart I had the following option if customer Clicked -Categories – Every product in that category showed up in a grid form if they wanted a sub category they can choose that from left column

Is that available?

Same with Techmoor’s issue reported on pg 4 of comments, images/icons are not shown on IE or firefox when they do not have www. infront of my domain. Please let me know what’s the fix. Thanks! Love the template btw, and good organisation and thoughts behind it.

sammycorp

It’s because of the Same Origin Policy. Since Zen Cart has <base href=”” > tag in the header. If you navigate to your page using a different url than your base href, it will trigger this problem.

There are two options to handle this :

1. Redirect all request from non-www to www. You can use custom .htaccess rule for this

2. Use Google Font to serve the Ubuntu font and Fontawesome for icon from CDN.

- You just need to remove stylesheet_font.css and stylesheet_font-awesome.min.css in includes/templates/exodus/css/

- Edit includes/templates/exodus/common/html_header.php

Find code below :

<script>window.jQuery || document.write('<script src="<?php echo DIR_WS_TEMPLATE; ?>jscript/jquery.1.7.1.js"><\/script>')</script>

Replace with this code :

<script>window.jQuery || document.write('<script src="<?php echo DIR_WS_TEMPLATE; ?>jscript/jquery.1.7.1.js"><\/script>')</script>
<link href='//fonts.googleapis.com/css?family=Ubuntu:400,700' rel='stylesheet' type='text/css'>
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

Hope it’ll work

Thanks

Default-user

Noted – Thanks heaps for the details.

Hi Sammy! I’ve been trying to contact you about my installation troubles. Essentially, the sql script says error, and the customized configuration menu doesn’t show. You can reply to my email, paul.kenney888@gmail.com Thanks!

Default-user

If it’s helpful at all, I tried breaking down the install sql, and the two parts that came back as an error were (the configuration menu, also doesn’t show, i’m guessing because of the sql error): INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, last_modified, date_added, use_function, set_function) VALUES (‘Themes Color Scheme’, ‘REVELATION_COLOR’, ‘pink’, ‘Template Color, Choose the color scheme’, @t4, 1, NOW , NOW , NULL, ‘zen_cfg_select_option(array(\’blue\’, \’tomato\’, \’twitter-blue\’, \’facebook-blue\’, \’red\’, \’green\’, \’pink\’, \’yellow\’, \’purple\’, \’custom\’),’), (‘Custom Color Scheme’, ‘REVELATION_CUSTOM_COLOR’, ’’, ‘Template Custom Color, Enter the hex color e.g(#ff6666). Only active if you choose \’custom\’ on the option above. ’, @t4, 2, NOW , NOW , NULL, NULL), (‘Main Page Layout’, ‘REVELATION_LAYOUT’, ‘center’, ‘Main Page Layout, You can enable/disable sidebar here’, @t4, 3, NOW , NOW , NULL, ‘zen_cfg_select_option(array(\’center\’, \’left-center\’, \’right-center\’, \’left-right-center\’),’), (‘Default Listing View’, ‘REVELATION_DEFAULT_VIEW’, ‘grid’, ‘Product Listing Default View (Grid / List)’, @t4, 4, NOW , NOW , NULL, ‘zen_cfg_select_option(array(\’grid\’, \’list\’),’), (‘Main Menu Categories Number’, ‘REVELATION_CATEGORIES’, 6, ‘How many categories you want to display on header?’, @t4, 4, NOW , NOW , NULL, NULL), (‘Product Ratings’, ‘REVELATION_RATING_LISTING’, ‘true’, ‘Display product rating on product listing page?’, @t4, 5, NOW , NOW , NULL, ‘zen_cfg_select_option(array(\’true\’, \’false\’),’), (‘Footer Module First Column’, ‘REVELATION_FOOTER_FIRST’, ‘about’, ‘What module showed up on footer first column?’, @t4, 6, NOW , NOW , NULL, ‘zen_cfg_select_option(array(\’about\’, \’information\’, \’follow_contact\’, \’follow\’, \’contact\’, \’twitter\’, \’facebook\’, \’rss_feed\’, \’latest\’, \’special\’, \’featured\’),’), (‘Footer Module Second Column’, ‘REVELATION_FOOTER_SECOND’, ‘latest’, ‘What module showed up on footer second column?’, @t4, 7, NOW , NOW , NULL, ‘zen_cfg_select_option(array(\’about\’, \’information\’, \’follow_contact\’, \’follow\’, \’contact\’, \’twitter\’, \’facebook\’, \’rss_feed\’, \’latest\’, \’special\’, \’featured\’),’), (‘Footer Module Third Column’, ‘REVELATION_FOOTER_THIRD’, ‘information’, ‘What module showed up on footer third column?’, @t4, 8, NOW , NOW , NULL, ‘zen_cfg_select_option(array(\’about\’, \’information\’, \’follow_contact\’, \’follow\’, \’contact\’, \’twitter\’, \’facebook\’, \’rss_feed\’, \’latest\’, \’special\’, \’featured\’),’), (‘Footer Module Fourth Column’, ‘REVELATION_FOOTER_FOURTH’, ‘follow_contact’, ‘What module showed up on footer fourth column?’, @t4, 9, NOW , NOW , NULL, ‘zen_cfg_select_option(array(\’about\’, \’information\’, \’follow_contact\’, \’follow\’, \’contact\’, \’twitter\’, \’facebook\’, \’rss_feed\’, \’latest\’, \’special\’, \’featured\’),’), (‘Manufacturers Listing’, ‘REVELATION_MANUFACTURERS’, ‘false’, ‘Display Manufacturers Listing on main page?’, @t4, 10, NOW , NOW , NULL, ‘zen_cfg_select_option(array(\’true\’, \’false\’),’), (‘Facebook Account’, ‘REVELATION_FACEBOOK_ACCOUNT’, ‘envato’, ‘Your Facebook account ID, leave it blank if you don\’t want to display it’, @t4, 11, NOW , NOW , NULL, NULL), (‘Twitter Account’, ‘REVELATION_TWITTER_ACCOUNT’, ‘envato’, ‘Your Twitter account ID, leave it blank if you don\’t want to display it’, @t4, 12, NOW , NOW , NULL, NULL), (‘Twitter Widget ID’, ‘REVELATION_TWITTER_WIDGET’, ‘346263155355303937’, ‘Your Twitter Widget ID, Login to your twitter account and create the widget here’, @t4, 13, NOW , NOW , NULL, NULL), (‘Google Plus Account’, ‘REVELATION_GPLUS_ACCOUNT’, ‘107285294994146126204’, ‘Your Google Plus account ID, leave it blank if you don\’t want to display it’, @t4, 14, NOW , NOW , NULL, NULL), (‘Pinterest Account’, ‘REVELATION_PINTEREST_ACCOUNT’, ‘envato’, ‘Your Pinterest account ID, leave it blank if you don\’t want to display it’, @t4, 15, NOW , NOW , NULL, NULL), (‘Youtube Account’, ‘REVELATION_YOUTUBE_ACCOUNT’, ’’, ‘Your Youtube account ID, leave it blank if you don\’t want to display it’, @t4, 15, NOW , NOW , NULL, NULL), (‘Skype Account’, ‘REVELATION_SKYPE_ACCOUNT’, ‘sammycorp’, ‘Your Skype account ID, leave it blank if you don\’t want to display it’, @t4, 15, NOW , NOW , NULL, NULL), (‘Rss Feed URL’, ‘REVELATION_RSS_FEED’, ‘http://feeds.feedburner.com/EnvatoNotes', ‘Your RSS Feed URL.’, @t4, 15, NOW , NOW , NULL, NULL), (‘Store About Us’, ‘REVELATION_ABOUT_US’, ’’, ‘Store description, showed on footer’, @t4, 16, NOW , NOW , NULL, ‘zen_cfg_textarea(‘), (‘Store Location’, ‘REVELATION_STORE_LOCATION’, ’’, ‘Store Location, showed on footer’, @t4, 17, NOW , NOW , NULL, ‘zen_cfg_textarea(‘), (‘Store Phone Number’, ‘REVELATION_STORE_PHONE’, ’’, ‘Store Phone Number, showed on footer’, @t4, 18, NOW , NOW , NULL, NULL), (‘Store Mobile Phone’, ‘REVELATION_STORE_MOBILE’, ’’, ‘Store Mobile Phone Number, showed on footer’, @t4, 19, NOW , NOW , NULL, NULL);

INSERT INTO admin_pages (page_key, language_key, main_page, page_params, menu_key, display_on_menu, sort_order) VALUES (‘configExodus’, ‘BOX_CONFIGURATION_EXODUS_THEMES’, ‘FILENAME_CONFIGURATION’, CONCAT , ‘configuration’, ‘Y’, 100);

Hi, Since i changed my zencart theme to exodus the registration is not working. if i switch back to my old theme i works fine. can you please tell me what part did i miss in installation of the theme or do i have to do some extra coding for registration? https://fragranceandmakeup.authsafe.com/index.php?main_page=login&zenid=c6527c30afea47099a3c4d10cfe5854d here is the registration page of my website. FYI I tried to put this on my test server to check but it is working fine there. here is the test server link. http://test.moneymarkaz.com/index.php?main_page=login

Please guide Thank You Saqib

sammycorp

Hi,

I replied to your email. Please check.

Thanks

hi Sammy,

Is this compatible with the updated version v.1.5.3 ?

cheers, gene

hi Sammy,

Is this compatible with the updated version v.1.5.3 ?

cheers, gene

sammycorp

Yes, It’s compatible. I just test it last week. Everything is working fine.

Thanks

codings Purchased

Hi, how can the theme get rid of the hover over small image in product listing pages “zoom” and “details” we just want to go straight to the product instead of some extra steps.

Also, how can we display all the new products on the home page without that left to right slider?

Any way to make the menu above the search hang to the left instead of above it? So it’s in the middle of the logo and search while still reverting to mobile menu style on smaller screens?

Thanks A+ themes but these few things will make it work better for our needs.

sammycorp

Hi,

Sorry for this delay. I just recovered from serious hacked email account situation.

I will reply directly to your email.

Thanks

Sam

Default-user
codings Purchased

No problem! Great theme but these questions will make it even better – especially getting rid of the “zoom” and “link” when hovering over products. Not sure why all the zencart themes on here have that fancy thing. Clicking the pic should just go straight to the product, it’s more intuitive. There’s a reason why the biggest ecommerce sites in the world (ebay amazon) don’t have extra fancy things like that. Thank you and looking forward to your reply.

Default-user
codings Purchased

For anyone looking to eliminate the zoom and link hovering over each image, find .indexProductsImageMask and .indexProductsAction in the CSS file and add display:none;

codings Purchased

The blog sidebar has a conflict with the js used by zen lightbox. When activated, the blog sidebar does not display anything on product pages, but works on the home page. When zen lightbox is deactivated, it works perfectly.

sammycorp

Hi, I don’t think that the blog sidebar is the problem. It’s the jquery used by zen lightbox who caused the problem. Make sure that jquery is not included twice.

Thanks

wyseone Purchased

Hi sammy installed exodus theme having two issues with images 1. the main page prodyuts displayed under new, featured etc, the image size is regular size, even when the zoom button is clicked and not the “LARGE image”

2. Regardless what i do, i am unable to change the size of the product listig page images, they remain very small”

please help resolve

sammycorp

Hi,

Just replied your email. Please check.

Thanks

Tija Purchased

Hello

First, thanks so much for such a great template. However, I am just having a bit of trouble with a couple of things…

1.) I’d like to have the top menu in a static place on the page, rather than being stuck to the top of the screen as you scroll. I’ve looked at what can remove the sticky property, but haven’t had any success in finding what to remove. Could you please direct me to where I can alter this?

2.) I’m using Image Handler 4, however I ran into a bit of trouble with aspect ratio. As this is installed using an existing store’s database, all the products already have their images attached, which means the images don’t use a universal size or aspect ratio. IH4 has an option to append image sizes with ! (i.e. 100!) to control aspect ratio issues like this by creating a canvas around the image. The problem is, as soon as another image is clicked, the IH4 options seem to be overwritten and a universal size is no longer used. Hopefully that is clear enough for you to understand.

3.) I’d like to remove product masking from listing pages.

Some assistance with the above would be much appreciated thanks.

Default-user
Tija Purchased

Thanks for getting back, Sammy.

Have been trying now for hours to work out how to stop the resize jolt, with no success so far… I just can’t find what’s preventing me from getting it to work.

Default-user
Tija Purchased

Well, after trying everything I could think of to correct the image trouble (with no success in getting what I want), I decided to just shift the additional images carousel above the main product image and be done with it.

It’s not exactly ideal or what I really wanted, but I’m stumped as to what I can do to stop the IH4 override. If you have any suggestions I’d be grateful, but otherwise I think I’m going to have to leave it like this.

sammycorp

Maybe your site url will help me to get the idea. You can send me the url via my profile page.

Thanks

I sammy, I tryed to create an EZ page but online I does not see it correctly. After h1 id=”ezPagesHeading” tag the page doesn’t show anything more, even if I’ve put some simple text in HTML content field in admin. Footer is enable correctly. This is the page: http://www.sigmasangiovanni.it/index.php?main_page=page&id=6 I tryed to change template and it works in the right way.

sammycorp

Hi,

Sorry for the very late response. Somehow I missed the email.

I am not sure how to replicate the issue. Everything is fine on my server regarding the EZ-Pages. Maybe you need to check your themes file in case you did some modification.

Thanks

Default-user

What are the files that manage EZ-pages? I will try to upload them again.

THX

sammycorp

Hi,

You forgot to mention your Zen Cart version. There is a small bug on 1.5.3 regarding the EZ-Pages. I just uploaded an update, you can redownload the themes from themeforest and the changed file is includes/templates/exodus/templates/tpl_page_default.php.

You should “re-upload” that file to your server.

Thanks

Hi Sammy,

Thanks for this amazing template. I have a question, can you tell me how I can add two more tabs in product page: Features & Specifications.

Thanks,

Fahad

Default-user

SAMMY! This is not good! I bought your template. I asked for your help and I still see no reply! It has been over 6 days! Where are you? I also sent you email via Themeforest profile…

sammycorp

Hi,

Sorry for the late response.

You can edit the file directly on includes/templates/exodus/templates/tpl_product_info_display.php.

But if you try to find any dynamic and automatic function to add new tabs for each product, you may need to install Tabbed Products module.

But you must edit the module file to “sync” its html markup with the themes markup. The module is not supported by the themes by default.

Thanks

Are there any plans to convert this theme to be compatible with Bootstrap 3 since that is the most current version?

sammycorp

There are no plans for now. I am developing a new themes using bootstrap 3, I hope I can release it next month. After that I may think about upgrade the older themes to bootstrap 3.

Thanks

myhip Purchased

Hi, what new in this update?

sammycorp

Hi, It’s only upgrade to support Zen Cart 1.5.3

Thanks

codings Purchased

Is there a way to make it so the sidebar can show up below the main content in mobile view like most responsive wordpress themes? Very important sidebar stuff is lost when using a smaller screen…

sammycorp

Hi,

My question is where is your sidebar? Is it on left or right? If you use right sidebar. Then you can just remove visible-desktop class on tpl_main_page.php

Find this code :

<aside class="span3 visible-desktop" role="complementary"><!--Right Column-->

Thanks

Default-user
codings Purchased

Worked perfectly, thanks!!

dubcomm Purchased

Please check your emails. I need assistance with an issue you’ve already helped a customer with, via email.

Thank you.

stancy Purchased

Hi, thank you for fantastic template. Could you please explain me how I can do that big sliders on main pages will be changing faster? Thank you

Hi Sammy. I sent an email a week ago and didn’t receive a response, so I am posting here. I’m upgrading my zen cart to 1.5.3 and installing the latest update for Exodus. Everything looks good so far except for submit buttons on the contact us page and the contact form at the bottom of the page. I’m trying to figure out where I can adjust the style or what class name I need to style specifically as there are about 6 different classes applied to that button. The problem comes during the mouse hover. You can see the problem on the screenshot here: http://wineracks.com/downloads/submit-error.jpg

Default-user

I wanted to add, if I disable the Bootstrap.css file, the button works properly, so it’s a bootstrap style that needs to be overriden, I’m just not sure which one.

by
by
by
by
by
by