Product navigation

sonjaclerc
Topic Author
Offline

4 years 11 months ago #337166 by sonjaclerc

Product navigation was created by sonjaclerc

-- HikaShop version -- : 4.4.4
-- Joomla version -- : 3.10.3

How can i change the "Previous" and "Next" icon?
See attached screenshot.
Thanks for your reply.

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

nicolas
Away

4 years 11 months ago #337170 by nicolas

Replied by nicolas on topic Product navigation

Hi,

Well, first you have some old CSS that has been removed since a while ago in your HikaShop frontend CSS.
Remove this CSS from there:

Code:

.hikashop_previous_product {
	background-color: transparent !important;
	float:left;
	width: 6px;
	height: 6px;
	background:url(../images/icons/nav_products.png) no-repeat 5px -20px;
	margin-bottom:10px;
	padding:5px;
	border:1px solid #ddd;
	border-radius:3px;
	margin-right:4px
}
.hikashop_previous_product:hover {
	background:url(../images/icons/nav_products.png) no-repeat 5px 3px;
}

.hikashop_next_product {
	background-color: transparent !important;
	float:left;
	width: 6px;
	height: 6px;
	background:url(../images/icons/nav_products.png) no-repeat -30px -20px;
	margin-bottom:10px;
	padding:5px;
	border:1px solid #ddd;
	border-radius:3px;
	margin-right:4px;
}
.hikashop_next_product:hover {
	background:url(../images/icons/nav_products.png) no-repeat -30px 3px;
}

and you'll see that the next/previous buttons look a lot better:
i.imgur.com/GZh38eh.png
You can do so under the Display tab of the HikaShop configuration.

If you still want to change the icon, it's possible with custom CSS.
For example:

Code:

.hikashop_next_product i{ display:none; }
.hikashop_next_product{ background:url(URL_OF_YOUR_IMAGE) no-repeat; }

The following user(s) said Thank You: sonjaclerc

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

sonjaclerc
Topic Author
Offline

4 years 11 months ago #337200 by sonjaclerc

Replied by sonjaclerc on topic Product navigation

Hi

Deleting the old CSS did the job.

Thanks a lot.

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

Time to create page: 0.074 seconds