Frontend Category Menu Display

  • Posts: 6
  • Thank you received: 0
9 years 8 months ago #225603

-- HikaShop version -- : Business 2.6.0
-- Joomla version -- : 3.4.1
-- Error-message(debug-mod must be tuned on) -- : How can I change to "arrow" icon before the category list to other icon??

How can I change to "arrow" icon before the category list to other icon??
Thanks! :)

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
9 years 8 months ago #225604

Hi,

This looks like more a template issue than an HikaShop one ;)
Please read that tutorial to see how to change the css properties: www.hikashop.com/support/documentation/1...ize-the-display.html

Please Log in or Create an account to join the conversation.

  • Posts: 25
  • Thank you received: 1
9 years 8 months ago #225801

Hello people, I'm trying to adapt my hikashop of youtheme UIKit frameworks. The issue is that I have problems with the product screen category.

I is being really difficult to locate the files in question I have reviewed the tutorial but working those files, I see no result changes. capture

My idea is to incorporate the style of my template -> capture template url template

and example frameworks overlay

Could you give me some clue?

Please Log in or Create an account to join the conversation.

  • Posts: 2143
  • Thank you received: 747
9 years 8 months ago #225804

@liontv:

For making HikaShop adapting a Yootheme template style, it will require you to do quite a bit of editing of the HikaShop frontend CSS, or not using the default CSS not at all but instead adding what's required to your template's custom CSS.
Then, since YT templates come with most basic Bootstrap 2 classes, for basic responsive behaviour of HikaShop it's a good start to turn on Bootstrap in the template settings as well as in the HikaShop configuration.

For further customization, like e.g. UIkit overlays and else, you'll indeed need to edit HikaShop views quite a bit as well.

(...)


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )
Last edit: 9 years 8 months ago by lousyfool.

Please Log in or Create an account to join the conversation.

  • Posts: 25
  • Thank you received: 1
9 years 8 months ago #225805

Great truth is that UIKit frameworks is super fun to work.
It is not very difficult to implement, but if you have to be careful is a sensitive issue.

It would be better you to work on a template free yoot***e first and try to die trying as I am doing.

Now I just need some clue a to create my own screen category, I have really wanted to implement my 100% template hikashop.

By now I'm trying to write in the php files listing / category but does not work, nor in the listing of php / product.

Really I do not understand how to work the part of category? and how to create my own


Can you help me @Xavier

Please Log in or Create an account to join the conversation.

  • Posts: 84306
  • Thank you received: 13701
  • MODERATOR
9 years 8 months ago #225817

Hi,

Go in the menu Display>Views and edit the files for your template and it will work.
If you don't see any change, it's either that you're not editing the correct files, or not editing the files for the correct template.
For the files, in order to tell you which file you need to edit we would need to have a link to the page you're talking about and that you tell us what you want to change where

Please Log in or Create an account to join the conversation.

  • Posts: 25
  • Thank you received: 1
9 years 7 months ago #227586

I need to convert this display category.
listing_img_title.php

<div style="height:<?php echo $this->image->main_thumbnail_y;?>px;text-align:center;clear:both;" class="hikashop_category_image">
	<a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->category_name); ?>">
		<?php
		$image_options = array('default' => true,'forcesize'=>$this->config->get('image_force_size',true),'scale'=>$this->config->get('image_scale_mode','inside'));
		$img = $this->image->getThumbnail(@$this->row->file_path, array('width' => $this->image->main_thumbnail_x, 'height' => $this->image->main_thumbnail_y), $image_options);
		if(!empty($img) && $img->success) {
			echo '<img class="hikashop_product_listing_image" title="'.$this->escape(@$this->row->file_description).'" alt="'.$this->escape(@$this->row->file_name).'" src="'.$img->url.'"/>';
		}
		?>
	</a>
</div>
<?php } ?>
<br/>
<span class="hikashop_category_name">
	<a href="<?php echo $link;?>">
		<?php

		echo $this->row->category_name;
		if($this->params->get('number_of_products',0)){
			echo ' ('.$this->row->number_of_products.')';
		}
		?>
	</a>
</span>

adapted to display my template.
<div class="uk-panel uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-fade" style="min-height: 359px;">

    <figure class="uk-overlay uk-overlay-hover ">

        <img src="parejas2.jpg" class="uk-overlay-scale" alt="titleproduct" width="700" height="750">
                <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade"></div>
        
        <div class="uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center">
            <div>

                                <h3 class="uk-h3 uk-margin-small">TITLE PRODUCT</h3>
                
                                <div class="uk-margin-small"><div class="uk-text-center uk-contrast"><h2 class="preciopor">PRICE €</h2>
<span>2 personas</span></div></div>
                
                                <div class="uk-grid uk-grid-small uk-flex-center uk-margin" data-uk-grid-margin="">

                                        <div><a class="uk-button uk-button-primary" href="URLPRODUCT">purchase</a></div>
                    
                    
                </div>
                
            </div>
        </div>

        
    </figure>

</div>

You can help me please

Last edit: 9 years 7 months ago by liontv.

Please Log in or Create an account to join the conversation.

  • Posts: 26274
  • Thank you received: 4045
  • MODERATOR
9 years 7 months ago #227589

Hi,

I'm sorry, our support team do not provide such kind of customization support.
We have a documentation in order to help on customization but your request is far beyond what our support can do.
www.hikashop.com/support/support/documen...ize-the-display.html

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.
The following user(s) said Thank You: liontv

Please Log in or Create an account to join the conversation.

  • Posts: 25
  • Thank you received: 1
9 years 7 months ago #227870

I got it at the end.
I leave here my solution if someone helps you in the future.

<!-- PRODUCT IMG -->
<div style="height:<?php echo $this->image->main_thumbnail_y;?>px;text-align:center;clear:both;" class="r012345 uk-panel uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-fade">
	<div style="position:relative;text-align:center;clear:both;width:<?php echo $this->image->main_thumbnail_x;?>px;margin: auto;" class="hikashop_product_image_subdiv uk-overlay uk-overlay-hover ">
		<?php if($this->params->get('link_to_product_page',1)){ ?>
			<a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->product_name); ?>">
		<?php }
			$image_options = array('default' => true,'forcesize'=>$this->config->get('image_force_size',true),'scale'=>$this->config->get('image_scale_mode','inside'));
			$img = $this->image->getThumbnail(@$this->row->file_path, array('width' => $this->image->main_thumbnail_x, 'height' => $this->image->main_thumbnail_y), $image_options);
			if($img->success) {
				echo '<img class="class="uk-overlay-scale" title="'.$this->escape(@$this->row->file_description).'" alt="'.$this->escape(@$this->row->file_name).'" src="'.$img->url.'"/>';
			}
			$main_thumb_x = $this->image->main_thumbnail_x;
			$main_thumb_y = $this->image->main_thumbnail_y;
			if($this->params->get('display_badges',1)){
				$this->classbadge->placeBadges($this->image, $this->row->badges, -10, 0);
			}
			$this->image->main_thumbnail_x = $main_thumb_x;
			$this->image->main_thumbnail_y = $main_thumb_y;

		if($this->params->get('link_to_product_page',1)){ ?>
			</a>
		<?php } ?>
	

<!-- EO PRODUCT IMG -->
<?php } ?>

<div class="uk-overlay-panel uk-overlay-background uk-overlay-fade"></div>
<div class="r0123 uk-overlay-panel uk-overlay-fade">
<!-- PRODUCT NAME -->
<div class="r01234"><span class="hikashop_product_name">
	<?php if($this->params->get('link_to_product_page',1)){ ?>
		<a href="<?php echo $link;?>">
	<?php }
		echo $this->row->product_name;
	if($this->params->get('link_to_product_page',1)){ ?>
		</a>
	<?php } ?>
    </span>
<!-- EO PRODUCT NAME -->

<!-- PRODUCT PRICE -->
<?php
if($this->params->get('show_price','-1')=='-1'){
	$config =& hikashop_config();
	$this->params->set('show_price',$config->get('show_price'));
}
if($this->params->get('show_price')){
	$this->setLayout('listing_price');
	echo $this->loadTemplate();
}
    ?></div></div></div></div>
<!-- EO PRODUCT PRICE -->

The following user(s) said Thank You: Xavier

Please Log in or Create an account to join the conversation.

Time to create page: 0.094 seconds
Powered by Kunena Forum