Jump to content

[Resolved] Remove "Add to Basket"


bosanci28

Recommended Posts

Hello,

 

How do link up to the full description of the item,and to remove that "add to basket" ? 

14o14rs.jpg

From this:

http://www.alltvparts.com/va320m.html

to this:

http://www.alltvparts.com/vizio-va320m-1-877-663-11-a-1553-982-a.html

I have some people that they click add to basket ,but they never read all the description of the item,before they buy! for

me is important that they read full description and then buy.

 

Thank you for any help!.

Link to comment
Share on other sites

The first link is to a category - which works as expected. The second link I already see for products on that category page. So maybe you have that sorted.

In the skin template content.category.php:

Find something like:
<div class="small-4 columns">
  <input type="text" name="quantity" value="1" class="quantity text-center">
</div>
<div class="small-8 columns">
  <button type="submit" value="{$LANG.catalogue.add_to_basket}" class="button small postfix">{$LANG.catalogue.add_to_basket}</button>
  <input type="hidden" name="add" value="{$product.product_id}">
</div>

Change to:
<div class="small-12 columns">
  <a href="{$product.url}" title="{$product.name}" class="button small postfix">{$LANG.common.info}</a>
</div>

There will be a second code edit with similar statements - the first is list view, the second is grid view.

You may need to adjust the styling.

Link to comment
Share on other sites

Thank you.

I have look and looks that the first above code ,the last line is missing in my code:

 <input type="hidden" name="add" value="{$product.product_id}">

 

       {if $product.available <= 0}
                  <div class="row collapse">
                     <div class="small-12 columns">
                        <input type="submit" value="{$LANG.common.unavailable}" class="button small disabled expand marg-top" disabled>
                     </div>
                  </div>
                  {elseif $product.ctrl_stock && !$CATALOGUE_MODE}
                  <div class="row collapse">
                     <div class="small-4 columns">
                        <input type="text" name="quantity" value="1" class="quantity text-center">
                     </div>
                     <div class="small-8 columns">
                        <button type="submit" value="{$LANG.catalogue.add_to_basket}" class="button small postfix">{$LANG.catalogue.add_to_basket}</button>
                     </div>
                  </div>
                  {elseif !$CATALOGUE_MODE}
                  <div class="row collapse">
                     <div class="small-12 columns">
                        <input type="submit" value="{$LANG.catalogue.out_of_stock_short}" disabled class="button disabled expand small">
                     </div>
                  </div>
                  {/if}
               </div>
            </div>
            <div class="product_grid_view hide">
               <form action="{$VAL_SELF}" method="post" class="panel add_to_basket">
               <div data-equalizer-watch>
                  <div class="text-center">
                     <a href="{$product.url}" title="{$product.name}"><img class="th" src="{$product.thumbnail}" alt="{$product.name}"></a>
                  </div>
                  <h3><a href="{$product.url}" title="{$product.name}">{$product.name|truncate:38:"&hellip;"}</a></h3>
                  {if $product.review_score}

 

Edited by bosanci28
Link to comment
Share on other sites

So the normal view looks that it works just fine. Where exactly i can add little more to that "info" word? wanted to add: "Info & Buy".

ht70wz.jpg

Now been trying to figure out regarding the grid,as is still show  "add to basket" there and could not figure out witch code to change...

 

Here is the code:

            </div>
            <div class="product_grid_view hide">
               <form action="{$VAL_SELF}" method="post" class="panel add_to_basket">
               <div data-equalizer-watch>
                  <div class="text-center">
                     <a href="{$product.url}" title="{$product.name}"><img class="th" src="{$product.thumbnail}" alt="{$product.name}"></a>
                  </div>
                  <h3><a href="{$product.url}" title="{$product.name}">{$product.name|truncate:38:"&hellip;"}</a></h3>
                  {if $product.review_score}
                  <div class="rating">
                     <div>
                        {for $i = 1; $i <= 5; $i++}
                        {if $product.review_score >= $i}
                        <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/star.png" alt="">
                        {elseif $product.review_score > ($i - 1) && $product.review_score < $i}
                        <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/star_half.png" alt="">
                        {else}
                        <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/star_off.png" alt="">
                        {/if}
                        {/for}
                     </div>
                     {*
                     <p class="rating-info">{$product.review_info}</p>
                     *}
                  </div>
                  {/if}
               </div>
               <h3>
                  {if $product.ctrl_sale}<span class="old_price">{$product.price}</span> <span class="sale_price">{$product.sale_price}</span>
                  {else}
                  {$product.price}
                  {/if}
               </h3>
               {* Uncomment this if you want to show a more info link
               <a href="{$product.url}" title="{$product.name}" class="button tiny secondary left">{$LANG.common.info}</a>
               *}
               {if $product.available <= 0}
               <div class="row collapse marg-top">
                  <div class="small-12 columns">
                     <input type="submit" value="{$LANG.common.unavailable}" class="button small postfix disabled expand" disabled>
                  </div>
               </div>
               {elseif $product.ctrl_stock && !$CATALOGUE_MODE}
               <div class="row collapse marg-top">
                  <div class="small-3 columns">
                     <input type="text" name="quantity" value="1" class="quantity text-center" disabled>
                  </div>
                  <div class="small-9 columns ">
                     <button type="submit" value="{$LANG.catalogue.add_to_basket}" class="button small postfix">{$LANG.catalogue.add_to_basket}</button>
                     <input type="hidden" name="add" value="{$product.product_id}">
                  </div>
               </div>
                {elseif !$CATALOGUE_MODE}
               <div class="row collapse marg-top">
                  <div class="small-12 columns">
                     <input type="submit" value="{$LANG.catalogue.out_of_stock_short}" class="button small postfix disabled expand marg-top" disabled>
                  </div>
               </div>
               {/if}
            </div>
         </form>
      </li>
      {foreachelse}
      {if !isset($SUBCATS) || !$SUBCATS}
      <li>{$LANG.category.no_products}</li>
      {/if}
      {/foreach}
   </ul>
   {* Remove "hide" class for traditional pagination *}
   <div class="row hide">
      <div class="small-12 large-9 columns">
         {$PAGINATION}
      </div>
      <div class="large-3 columns show-for-medium-up">
         <dl>
            <dd>
               <select class="url_select">
               {foreach from=$PAGE_SPLITS item=page_split}
               <option value="{$page_split.url}"{if $page_split.selected} selected{/if}>{$page_split.amount}</option>
               {/foreach}
               </select>
            </dd>
         </dl>
      </div>
   </div>
   {* Add "hide" class to hide more button ajax load *}
   {if ($page < $total)}
   {$params[$var_name] = $page + 1}
   <a href="{$current}{http_build_query($params)}{$anchor}" class="button tiny expand" id="ccScroll-next">{$LANG.common.more} <i class="fa fa-angle-down"></i></a>
   {/if}
</div>
<div class="hide" id="lang_loading">{$LANG.common.loading}</div>

Thanks for any help!

Edited by bosanci28
Link to comment
Share on other sites

Still did not find a solution what to replace, and i see that on home page everything is showing in grid view,and i guess i need to change that too,so buyer can click "info" or "read more" instead of directly adding to cart.

Link to comment
Share on other sites

Hello, I saw the change, I would do the same thing, so I change the code given by mr bsmither and it works very well in a column mode. but for this to change or face the same grid fashion ?.

I saw your website and it works in a column Grid View mode, but you have many buttons displayed info

Link to comment
Share on other sites

Hello,

Yes, i had "info" in many places,as i was testing that code posted my @bsmither

But now i have it as:

a41pud.jpg

I am still looking to see how to take the "add to basket" out from that line... and put the info box under the price, on the grid.

And also i need to figure out for the main page , how to do it as is all on grid there.

 

Thank you,

Edited by bosanci28
Link to comment
Share on other sites

Take a look at our plushcatalog. I think it's what you're trying to do.

https://dirtybutter.com/plushcatalog

Good Evening  Dirty Butter, Yes that's exactly what i am trying to have too, it works really nice on your site. Can you share how you did it? the edits.

Looks that it works for main page, and all! nice one.

Regards,

 

Link to comment
Share on other sites

content.homepage.php

{if isset($DOCUMENT)}
<div id="content_homepage">
   <center><h1>{$DOCUMENT.title}</h1></center>
   {$DOCUMENT.content}
</div>
{/if}

{if isset($LATEST_PRODUCTS)}
<div id="content_latest_products">
   <h2>{$LANG.catalogue.latest_products}</h2>
   <ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-3" data-equalizer>
      {foreach from=$LATEST_PRODUCTS item=product}
{*BSMITHER ADDED LINE BELOW TO SHOW ONLY IN-STOCK ITEMS*}
{if $product.stock_level lt 1}{continue}{/if}
      <li>
         <form action="{$VAL_SELF}" method="post" class="panel add_to_basket">
            <div data-equalizer-watch>
               <div class="text-center">
                  <a class="th" href="{$product.url}" title="{$product.name}"><img src="{$product.image}" alt="{$product.name}"></a>
               </div>
<h4><a href="{$product.url}" title="{$product.name}">{$product.name}</a></h4>  
               {if $product.review_score && $CTRL_REVIEW}
               <div class="rating"> {for $i = 1; $i <= 5; $i++}
                  {if $product.review_score >= $i} <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/star.png" alt=""> {elseif $product.review_score > ($i - 1) && $product.review_score < $i} <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/star_half.png" alt=""> {else} <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/star_off.png" alt=""> {/if}
                  {/for} 
               </div>
               {/if}
            </div>
<h4>
            {if $product.ctrl_sale}
            <span class="old_price">{$product.price}</span> <span class="sale_price">{$product.sale_price}</span>
            {else}
<span class= "regular_price">{$product.price}</span>
            {/if}
</h4>
            {if $product.available == '0'}
            <div class="row collapse marg-top">
               <div class="small-12 columns">
                  <input type="submit" value="{$LANG.common.unavailable}" class="button small disabled postfix expand" disabled>
               </div>
            </div>
            {elseif $product.ctrl_stock && !$CATALOGUE_MODE}
            <div class="row collapse marg-top">
<div class="small-12 columns ">
      <a href="{$product.url}" title="{$product.name}" class="button small postfix">{$LANG.common.info}</a>
               </div>
            </div>
            {elseif !$CATALOGUE_MODE}
            <div class="row collapse marg-top">
               <div class="small-12 columns">
                  <input type="submit" value="{$LANG.catalogue.out_of_stock_short}" class="button small postfix disabled expand marg-top" disabled>
               </div>
            </div>
            {/if}
            <input type="hidden" name="add" value="{$product.product_id}">
         </form>
      </li>
      {/foreach}
   </ul>
</div>
{/if}

I just changed the wording for Info in Admin>Languages

And here are parts of content.category.php:

               <div class="small-3 columns">
                  <h3>
                     {if $product.ctrl_sale}<span class="old_price">{$product.price}</span> <span class="sale_price">{$product.sale_price}</span>
                     {else}
				<span class= "regular_price">{$product.price}</span>
                     {/if}
                  </h3>
                  {if $product.available == '0'}
                  <div class="row collapse">
                     <div class="small-12 columns">
<a href="{$product.url}" title="{$product.name}" class="button small postfix">{$LANG.catalogue.out_of_stock_short}</a>
                     </div>
                  </div>
                  {elseif $product.ctrl_stock && !$CATALOGUE_MODE}
                  <div class="row collapse">
	               <div class="small-12 columns">
 <a href="{$product.url}" title="{$product.name}" class="button small postfix">{$LANG.common.info}</a>
                     </div>
                  </div>
                  {elseif !$CATALOGUE_MODE}
                  <div class="row collapse">
                     <div class="small-12 columns">
 <a href="{$product.url}" title="{$product.name}" class="button small postfix">{$LANG.catalogue.out_of_stock_short}</a>
                     </div>
                  </div>
                  {/if}
               </div>

And further down, after the review star stuff:

             

 <h3>
                  {if $product.ctrl_sale}<span class="old_price">{$product.price}</span> <span class="sale_price">{$product.sale_price}</span>
                  {else}
                  {$product.price}
                  {/if}
               </h3>
                
               
               {if $product.available == '0'}
               <div class="row collapse marg-top">
                  <div class="small-12 columns">
<a href="{$product.url}" title="{$product.name}" class="button small postfix">{$LANG.catalogue.out_of_stock_short}</a>
                  </div>
               </div>
               {elseif $product.ctrl_stock && !$CATALOGUE_MODE}
               <div class="row collapse marg-top">
                  <div class="small-12 columns ">
     <a href="{$product.url}" title="{$product.name}" class="button small postfix">{$LANG.common.info}</a>

                  </div>
               </div>
                {elseif !$CATALOGUE_MODE}
               <div class="row collapse marg-top">
                  <div class="small-12 columns">
                               <a href="{$product.url}" title="{$product.name}" class="button small postfix">{$LANG.catalogue.out_of_stock_short}</a>
                  </div>
               </div>
               {/if}
            </div>
         </form>
      </li>
      {foreachelse}
      {if !isset($SUBCATS) || !$SUBCATS}
      <li>{$LANG.category.no_products}</li>
      {/if}
      {/foreach}
   </ul>
   {* Remove "hide" class for traditional pagination *}

I apologize that this has all gotten "cold" over time. I hope I've given you all the pertinent parts.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...