Post by EATV8Z » Sat Oct 01, 2016 4:49 pm

Hi all,

Using the latest O/C 2.3?

can any tell me the location of the file to change the px for the main store logo
also can anyone tell me how to get rid of that search bar on the top middle of the homepage on the default theme

Thanks

Newbie

Posts

Joined
Sun Mar 06, 2016 12:32 pm

Post by cyclops12 » Sat Oct 01, 2016 6:11 pm

The logo, search and cart are made up of "col-sm" attributes in the header section of header.tpl as you can see below

Code: Select all

<header>
  <div class="container">
    <div class="row">
      <div class="col-sm-4">
        <div id="logo">
          <?php if ($logo) { ?>
          <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>
          <?php } else { ?>
          <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>
          <?php } ?>
        </div>
      </div>
      <div class="col-sm-5"><?php echo $search; ?>
      </div>
      <div class="col-sm-3"><?php echo $cart; ?></div>
    </div>
  </div>
</header>
logo =col-sm-4, search=col-sm-5 and cart=col-sm-3, all making upto 12 (full width of column)

You could comment out the search by surrounding the code with <!-- --> like this

Code: Select all

 <!-- <div class="col-sm-5"><?php echo $search; ?>
      </div> -->
Then you could change the col-sm-4 (for the logo) to col-sm-9 (to make up for the 5 removed by search)

You would then need to resize your own logo so it fits nicely

Or if you dont want to edit the core files then use this little ocmod i made for this

Attachments


Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am

Post by EATV8Z » Sun Oct 02, 2016 5:57 am

Hi cyclops12,

Thank you so much for your time and help :)
tried you xml and does not seem to work, uploaded via ftp and uploading with the admin installer. Clearing cache as i went etc with no luck.
does it matter that i am using a theme?

also can you let me know file and location to resize my logo thanks

cody
Last edited by EATV8Z on Mon Oct 03, 2016 6:13 pm, edited 1 time in total.

Newbie

Posts

Joined
Sun Mar 06, 2016 12:32 pm

Post by IP_CAM » Sun Oct 02, 2016 10:30 am

cyclops's nice OcMod Extension works perfect, also usable as VqMod, as it comes,
without a single modification, or error, in my OC v.2.2 Default Theme. Just to mention this, I did not even
have to clear the cache first, because it was used/tested as VqMod... ;)
---
You could easy define the Logo size, not existing by default, by use of this Oc+Vq-Mod Section below, to be
added onto the bottom section of the Script, linked above, as shown, just above the 2 End Tags. I used the default
OC Logo Sizes in the Mod Section:
width="268" height="50" DEFAULT THEME OC v.2.2.0.0 ! Works as VqMod and OcMod as well, I assume ! :D
---

Code: Select all

<operation error="log">
<search><![CDATA[<a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" />]]></search>
<add position="replace"><![CDATA[
<a href="<?php echo $home; ?>"><img width="268" height="50" src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" />
]]></add>
</operation>
----------------------
JUST ABOVE THIS EXISTING CODE:
----------------------
</file>
</modification>
Just be aware, the the responsive mechanism will shrink, what does not match space-wise,
so, by sizing the Logo has to be considered, to NOT break any CSS-given Max-Limit, all Resolutions
have therefore to be checked, if it looks swell! :D
---
Good Luck ! ;)
Ernie
Last edited by IP_CAM on Mon Oct 03, 2016 9:04 am, edited 1 time in total.

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by cyclops12 » Sun Oct 02, 2016 6:43 pm

EATV8Z wrote:Hi cyclops12,

Thank you so much for your time and help :)
tried you xml and does not seem to work, uploaded via ftp and uploading with the admin installer. Clearing cache as i went etc with no luck.
does it matter that i am using a them?

also can you let me know file and location to resize my logo thanks

cody
Yes it might matter if your using a different theme as it will probably be using different code

If you have a url link to your site we might be able to help you more

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am

Post by EATV8Z » Mon Oct 03, 2016 8:42 am

Hi Guys,

Thanks for all your time and suggestions with help

Am using OC 2.3 (latest)
www.burleyarms.co.nz

Cody

Newbie

Posts

Joined
Sun Mar 06, 2016 12:32 pm

Post by IP_CAM » Mon Oct 03, 2016 8:58 am

but you are also using a CUSTOM Theme, and so far, you did not mention this! I repeated the Phrase
DEFAULT THEME multiple times... :-\
so, try this one instead ! And here, you could learn, for the future, on how to modify existing Mod's!
http://forum.opencart.com/viewtopic.php ... 89#p640689

Good Luck
Ernie
---

Code: Select all

<modification>
	<name>Remove Search - Enlarge Logo</name>
	<version>1.0</version>
	<code>remove-search-and-enlarge-logo</code>
	<author>cyclops</author>
	<file path="catalog/view/theme/*/template/common/header.tpl">
        <operation error="log">
            <search><![CDATA[<div class="col-sm-3">]]></search>
            <add position="replace"><![CDATA[<div class="col-sm-9">]]></add>
        </operation>
		<operation error="log">
            <search><![CDATA[<div class="col-md-6 col-sm-5"><div id="search"]]></search>
            <add position="before"><![CDATA[<!--  ]]></add>
        </operation>
		<operation error="log">
            <search><![CDATA[<div class="col-md-3 col-sm-4"><div id="cart"]]></search>
            <add position="before"><![CDATA[   -->]]></add>
        </operation>
</file>
</modification>

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by EATV8Z » Wed Oct 05, 2016 4:59 pm

When inserting the theme path into your code, saving as xml to upload to Vqmod

it enlarges the logo but does not remove the search!
Please view the website to see your codings result
www.burleyarms.co.nz

Newbie

Posts

Joined
Sun Mar 06, 2016 12:32 pm

Post by cyclops12 » Thu Oct 06, 2016 12:09 am

you could try this

Code: Select all

<modification>
   <name>Remove Search - Enlarge Logo</name>
   <version>1.0</version>
   <code>remove-search-and-enlarge-logo</code>
   <author>cyclops</author>
   <file path="catalog/view/theme/*/template/common/header.tpl">
        <operation error="log">
            <search><![CDATA[<div class="col-sm-3">]]></search>
            <add position="replace"><![CDATA[<div class="col-sm-9">]]></add>
        </operation>
      <operation error="log">
            <search><![CDATA[<div class="col-md-6 col-sm-5"><div id="search" class="input-group">]]></search>
            <add position="before"><![CDATA[<!--  ]]></add>
        </operation>
      <operation error="log">
            <search><![CDATA[<div class="col-md-3 col-sm-4"><div id="cart" class="btn-group">]]></search>
            <add position="before"><![CDATA[   -->]]></add>
        </operation>
</file>
</modification>
Then in your stylesheet around line 49 you may want to change #cart {
margin-bottom: 15px;
to margin-top: 45px; to bring the cart central to logo

If that doesnt work then you would need to supply your header.tpl for us to see full code

BTW why do you have commented search code at top of your header file ??

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am
Who is online

Users browsing this forum: No registered users and 17 guests